:root{--bg: #140d22;--panel: #1b1030;--panel2: #241845;--ink: #f4eefe;--muted: #bcaad6;--gold: #e8c66b;--purple: #9a6bff;--lilac: #c9a4ff;--line: rgba(255, 255, 255, .1);--robe: #f1ead9;--good: #7bf1a8;--warn: #ffb4b4;--obang-cheong: #3a5bbf;--obang-jeok: #c0392b;--obang-hwang: #e8c66b;--obang-baek: #f4eefe;--obang-heuk: #140d22;--accent: var(--lilac);--accent-2: var(--gold);--text: var(--ink);--border: var(--line);--card-bg: var(--panel);--font-serif: "Playfair Display", Georgia, serif;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--font-ui)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:var(--font-ui);background:radial-gradient(1100px 620px at 70% -12%,#3a1f6b 0%,transparent 56%),radial-gradient(820px 540px at 0% 18%,#2a1450 0%,transparent 52%),var(--bg);min-height:100vh}.app{max-width:412px;margin:0 auto;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;position:relative}@media (min-width: 480px){.app{margin:18px auto;height:calc(100dvh - 36px);border:1px solid var(--line);border-radius:32px;box-shadow:0 24px 70px #0000008c;background:radial-gradient(620px 360px at 70% -10%,#2a1556 0%,transparent 60%),var(--bg)}}.screen{flex:1;overflow-y:auto;padding:22px 20px calc(86px + env(safe-area-inset-bottom))}.screen.bleed{padding:0}.topbar{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 0 14px}.topbar img{height:22px}.tabbar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;padding:10px 6px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#140d22db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tabbar button{background:none;border:none;cursor:pointer;color:var(--muted);font-size:10px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 8px;font-family:var(--font-ui)}.tabbar button .ic{font-size:18px;line-height:1}.tabbar button.on{color:var(--gold)}.tabbar button.soon{opacity:.4;cursor:default}.tabbar button.soon .badge{font-size:7px;letter-spacing:1px}.serif{font-family:var(--font-serif);font-weight:600}.eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--lilac);font-weight:700}.tagline{font-family:var(--font-serif);font-style:italic;color:var(--lilac)}h1,h2,h3{font-family:var(--font-serif);font-weight:600}.card{background:linear-gradient(160deg,#241845,#1b1030);border:1px solid var(--line);border-radius:18px;padding:16px;margin-top:14px}.card .lab{font-size:11px;letter-spacing:1px;color:var(--lilac);text-transform:uppercase}.card .t{font-size:14px;line-height:1.55;margin-top:8px;color:var(--ink)}.btn{width:100%;margin-top:16px;padding:14px;border:none;border-radius:14px;font-family:var(--font-ui);font-size:15px;font-weight:700;cursor:pointer;color:#140d22;background:linear-gradient(90deg,var(--purple),var(--gold))}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{background:transparent;color:var(--lilac);border:1px solid var(--lilac)}.btn.unlock{background:linear-gradient(90deg,var(--good),var(--gold));color:#082016}.field{display:flex;flex-direction:column;gap:5px;margin-top:12px}.field label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.field input,.field select{background:#00000040;border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:11px 12px;font-size:15px;font-family:var(--font-ui)}.field input::placeholder{color:var(--muted)}.error{color:var(--warn);text-align:center;margin:12px 0 0}.disclaimer{color:var(--muted);font-size:12px;text-align:center;margin-top:18px;line-height:1.5}.mascot{display:block;image-rendering:auto;transform-origin:50% 90%;animation:m-float 3.4s ease-in-out infinite}.mascot-loading{animation:m-bob 1.6s ease-in-out infinite}.mascot-peek,.mascot-offer,.mascot-sleep{animation:m-float 3.4s ease-in-out infinite}@keyframes m-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes m-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(2deg)}}.mascot-sprite{display:inline-block;overflow:hidden;line-height:0;vertical-align:middle}.mascot-sprite .sprite-strip{display:block;height:100%;width:400%;max-width:none;animation:sprite-run var(--spd, 1s) steps(4) infinite}@keyframes sprite-run{to{transform:translate(-100%)}}.guide{width:100%;height:100%;object-fit:cover;animation:g-breathe 11s ease-in-out infinite}@keyframes g-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.pills{display:flex;gap:8px;margin-top:12px}.pill{flex:1;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:9px 4px}.pill.dim{opacity:.45}.pill .e{font-size:18px}.pill .n{font-size:10px;color:var(--muted);margin-top:3px}.pill .ct{font-size:10px;color:var(--gold);margin-top:1px}.result{text-align:center}.score-ring{width:150px;height:150px;border-radius:50%;margin:10px auto 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(var(--gold) calc(var(--p, 75) * 1%),rgba(255,255,255,.08) 0);position:relative}.score-ring:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:#160f30}.score-ring .score,.score-ring .outof{position:relative;z-index:1}.score-ring .score{font-size:44px;font-weight:800;line-height:1}.score-ring .outof{font-size:12px;color:var(--muted)}.relation{font-size:20px;font-weight:700;color:var(--gold)}.summary{color:var(--muted);max-width:320px;margin:8px auto 14px;line-height:1.55;font-size:14px}.chips{display:flex;gap:10px;justify-content:center}.chip{background:#00000040;border:1px solid var(--line);border-radius:12px;padding:10px 14px;min-width:120px}.chip-label{font-weight:700}.chip-sub{color:var(--lilac);font-size:13px;margin-top:2px}.preview-label{color:var(--muted);font-size:13px;margin:20px 0 8px}.lang-toggle{display:flex;gap:6px;justify-content:flex-end;margin-bottom:4px}.lang-toggle button{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-ui)}.lang-toggle button.on{color:#140d22;background:linear-gradient(90deg,var(--purple),var(--gold));border-color:transparent}.reading{text-align:left}.reading .rs{padding:14px 0;border-bottom:1px solid var(--line)}.reading .rs:last-of-type{border-bottom:none}.reading .rs h3{margin:0 0 6px;font-size:16px;color:var(--gold)}.reading .rs p{margin:0;color:var(--ink);line-height:1.55;font-size:14px}.reading .rs.locked h3{color:var(--muted)}.rs-locked{color:var(--muted);filter:blur(.3px);letter-spacing:1px;font-style:italic}.unlocked-note{color:var(--good);text-align:center;margin-top:16px}.chart-head{display:flex;gap:6px;justify-content:center;margin:6px 0 4px}.gz{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 0;flex:1;text-align:center}.gz .god{font-size:9px;color:var(--lilac);margin-bottom:3px;min-height:12px;letter-spacing:.3px}.gz .p{font-family:var(--font-serif);font-size:18px;color:var(--gold)}.gz .l{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.geo{position:relative}.geo-list{list-style:none;margin:4px 0 0;padding:4px;position:absolute;left:0;right:0;top:100%;z-index:30;background:var(--panel2);border:1px solid var(--line);border-radius:12px;max-height:220px;overflow-y:auto;box-shadow:0 12px 30px #00000073}.geo-list li{padding:9px 11px;font-size:13px;color:var(--ink);cursor:pointer;border-radius:8px}.geo-list li:hover{background:var(--panel)}.geo-list .geo-loading{color:var(--muted);cursor:default}.geo-chosen{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#00000040;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:14px;color:var(--ink)}.pswitch{margin:4px 0 10px}.pswitch-row{display:flex;flex-wrap:wrap;gap:7px}.pchip{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 13px;font-size:13px;cursor:pointer;transition:all .2s}.pchip.on{color:#1a1030;background:linear-gradient(90deg,var(--purple),var(--gold));border-color:transparent;font-weight:600}.pchip.add{color:var(--lilac);border-style:dashed}.pchip.ghost{color:var(--muted)}.pchip-x{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#00000040;font-size:10px}.pchip.on .pchip-x{background:#0000002e}.chat-head-row,.hist-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.hist-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.hist-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 13px;cursor:pointer;transition:border-color .2s}.hist-item:hover{border-color:var(--purple)}.hist-name{flex:1;font-weight:600;color:var(--ink);font-size:14px}.hist-rel{color:var(--muted);font-size:12px}.hist-score{color:var(--gold);font-family:var(--font-serif);font-size:18px;min-width:26px;text-align:right}.chat{display:flex;flex-direction:column;min-height:100%}.chat-log{flex:1 1 auto;display:flex;flex-direction:column;gap:10px;margin-top:16px}.chat-empty{display:flex;flex-direction:column;align-items:center;gap:14px;margin:auto 0}.chat-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chip{background:var(--panel2);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:8px 13px;font-size:12px;cursor:pointer;transition:border-color .2s}.chip:hover{border-color:var(--purple)}.bubble{max-width:86%;padding:11px 14px;border-radius:16px;font-size:14px;line-height:1.55;white-space:pre-wrap}.bubble.user{align-self:flex-end;background:linear-gradient(90deg,var(--purple),var(--gold));color:#1a1030;border-bottom-right-radius:5px;font-weight:500}.bubble.guide{align-self:flex-start;background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);color:var(--ink);border-bottom-left-radius:5px}.bubble.thinking{display:flex;align-items:center;gap:8px;color:var(--muted)}.chat-bar{display:flex;gap:8px;margin-top:14px;position:sticky;bottom:0;padding:8px 0 2px;background:linear-gradient(to top,var(--bg) 70%,transparent)}.chat-bar input{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--ink);font-size:14px}.chat-bar input:focus{outline:none;border-color:var(--purple)}.chat-bar .btn{flex:0 0 auto;width:auto;margin-top:0;padding:12px 18px}.chat-bar .btn:disabled{opacity:.5;cursor:default}.lucky-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.remind-btn{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 11px;font-size:11px;cursor:pointer;transition:all .2s;white-space:nowrap}.remind-btn.on{color:var(--good);border-color:var(--good)}.remind-msg{color:var(--muted);font-size:11px;margin-top:6px}.lucky-row{display:flex;gap:6px;margin-top:10px}.lucky-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.lucky-swatch{width:22px;height:22px;border-radius:50%;border:1px solid var(--line)}.lucky-big{font-family:var(--font-serif);font-size:22px;color:var(--gold);line-height:22px}.lucky-v{font-size:13px;color:var(--ink);font-weight:600}.lucky-k{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.yongsin{display:flex;flex-direction:column;align-items:center;gap:3px;margin:12px 0 2px;padding:11px;background:linear-gradient(160deg,#241845,#1b1030);border:1px solid rgba(232,198,107,.35);border-radius:14px;text-align:center}.yongsin .ys-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--lilac)}.yongsin .ys-el{font-family:var(--font-serif);font-size:20px;font-weight:600}.yongsin .ys-why{font-size:11px;color:var(--muted);line-height:1.4;max-width:280px}.elbars{margin:12px 0 4px;display:flex;flex-direction:column;gap:6px}.elbar{display:flex;align-items:center;gap:8px}.elbar-name{flex:0 0 64px;font-size:11px;color:var(--muted)}.elbar-track{flex:1;height:8px;background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden}.elbar-fill{display:block;height:100%;border-radius:6px;transition:width .4s ease;min-width:2px}.elbar-ct{flex:0 0 16px;text-align:right;font-size:11px;color:var(--muted)}.timeline{margin-top:12px;position:relative;padding-left:26px}.timeline:before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:var(--line)}.tl{position:relative;padding:10px 0}.tl .dot{position:absolute;left:-21px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--panel2);border:2px solid var(--line)}.tl.past{opacity:.5}.tl.future{opacity:.8}.tl.now .dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 4px #e8c66b33}.tl .yr{font-size:12px;color:var(--muted)}.tl .pil{font-family:var(--font-serif);font-size:18px;margin-top:2px}.tl.now .here{display:inline-block;margin-left:8px;font-size:10px;color:#140d22;background:var(--gold);border-radius:999px;padding:2px 8px;font-weight:700;vertical-align:middle}.tl .tag{display:inline-block;margin-left:8px;font-size:10px;color:var(--lilac);border:1px solid var(--line);border-radius:999px;padding:1px 8px;vertical-align:middle;font-family:var(--font-ui)}.card.chapter{border-color:#e8c66b73;background:linear-gradient(160deg,#2a1d4f,#1b1030)}.months{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.months .mo{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:7px 2px;text-align:center}.months .mo .m{font-size:11px;color:var(--muted)}.months .mo .tg{font-size:11px;font-weight:700;margin-top:2px}.onb{position:relative;min-height:100dvh;display:flex;flex-direction:column}.onb .hero-img{position:absolute;top:0;right:0;bottom:0;left:0}.onb .hero-img img{width:100%;height:100%;object-fit:cover;object-position:50% 16%}.onb .grad{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#140d2226 28%,#140d22f2 80%)}.onb .txt{position:relative;margin-top:auto;padding:0 24px calc(34px + env(safe-area-inset-bottom));text-align:center;z-index:2}.onb .txt h2{font-size:28px;line-height:1.18;margin:0}.onb .txt h2 b{color:var(--gold);font-weight:600}.onb .txt p{color:var(--muted);font-size:14px;margin:10px 0 18px}.onb-form{padding:26px 22px calc(26px + env(safe-area-inset-bottom))}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-320px 0}to{background-position:320px 0}}.card{animation:fadeUp .45s cubic-bezier(.2,.7,.2,1) both}.chart-head,.elbars,.pills,.lucky-row,.months,.timeline{animation:fadeUp .5s cubic-bezier(.2,.7,.2,1) both}.bubble{animation:pop .32s cubic-bezier(.2,.8,.2,1) both}.hist-item{animation:fadeUp .35s ease both}.btn,.pchip,.chip,.remind-btn,.lang-toggle button,.tabbar button,.hist-item,.score-ring{transition:transform .15s ease,filter .15s ease,color .2s,background .2s,border-color .2s}.btn:active,.pchip:active,.chip:active,.hist-item:active,.lang-toggle button:active,.remind-btn:active{transform:scale(.96)}.tabbar button:active{transform:scale(.88)}@media (hover: hover){.hist-item:hover,.chip:hover{transform:translateY(-1px)}}.tabbar button.on .ic{filter:drop-shadow(0 0 8px rgba(232,198,107,.55))}:focus-visible{outline:2px solid var(--lilac);outline-offset:2px;border-radius:10px}input:focus-visible,select:focus-visible{outline-offset:0}.skel{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff21 37%,#ffffff0a 63%);background-size:320px 100%;animation:shimmer 1.3s infinite linear;border-radius:8px}.skel-line{height:13px;margin:10px 0}.skel-line.short{width:55%}.skel-title{height:15px;width:38%;margin:6px 0 12px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.mascot-sprite .sprite-strip{animation:none!important;transform:none!important}}.sharecard{aspect-ratio:1200 / 630;width:100%;border-radius:16px;border:1px solid var(--line);background-color:#0f0c26;padding:5% 6%;display:flex;flex-direction:column;text-align:left;overflow:hidden;position:relative;container-type:inline-size}.sc-top{display:flex;justify-content:space-between;align-items:center}.sc-logo{letter-spacing:3px;font-weight:700;color:var(--lilac);font-size:2.4cqw}.sc-tier{font-weight:700;font-size:2.4cqw}.sc-headline{font-size:6.5cqw;font-weight:800;margin-top:3%;line-height:1.05}.sc-scorewrap{margin-top:auto;display:flex;align-items:baseline;gap:2%}.sc-score{font-size:18cqw;font-weight:900;line-height:.9}.sc-outof{font-size:4cqw;color:var(--muted)}.sc-relation{font-size:4.6cqw;font-weight:700;margin-top:1%}.sc-elements{display:flex;align-items:center;gap:2.5%;margin-top:3%;color:var(--ink);font-size:3.2cqw}.sc-dot{width:.8cqw;height:.8cqw;border-radius:50%;background:var(--muted)}.sc-foot{margin-top:3%;color:var(--muted);font-size:2.8cqw}.quota{font-size:11px;color:var(--lilac);font-weight:600;margin-top:6px}.consult-cta{display:block;width:100%;margin-top:8px;padding:11px 14px;text-align:left;background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:14px;color:var(--lilac);font-size:13px;font-weight:600;cursor:pointer}.consult-cta:hover{border-color:var(--purple)}.consult-entry{display:flex;align-items:center;gap:12px;width:100%;margin-top:16px;padding:14px 16px;background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;cursor:pointer;text-align:left;transition:border-color .2s}.consult-entry:hover{border-color:var(--purple)}.consult-entry .ce-emoji{font-size:22px;color:var(--gold)}.consult-entry .ce-text{display:flex;flex-direction:column;flex:1}.consult-entry .ce-text b{color:var(--ink);font-size:15px}.consult-entry .ce-text small{color:var(--muted);font-size:12px;margin-top:2px}.consult-entry .ce-cta{color:var(--lilac);font-size:12px;font-weight:700;white-space:nowrap}.consult-list{display:flex;flex-direction:column;gap:10px;margin-top:18px}.consult-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:14px}.consult-topic{font-size:15px;color:var(--ink);font-weight:500}.pchip.gold{color:#1a1030;background:linear-gradient(90deg,var(--purple),var(--gold));border-color:transparent;font-weight:700}.pdf-btn{display:inline-flex;margin-top:14px}.coin-chip-row{display:flex;justify-content:flex-end;margin:2px 0 8px}.coin-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:999px;background:linear-gradient(90deg,#9a6bff2e,#e8c66b2e);border:1px solid var(--line);color:var(--gold);font-weight:700;font-size:13px;cursor:pointer}.coin-chip:hover{border-color:var(--gold)}.coin-balance-card{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:18px;padding:22px 16px;background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px}.cb-label{color:var(--muted);font-size:12px;letter-spacing:.5px}.cb-amount{font-family:var(--font-serif);font-size:38px;font-weight:800;color:var(--gold);line-height:1.1}.pack-list{display:flex;flex-direction:column;gap:10px;margin-top:18px}.pack-row{display:flex;align-items:center;gap:10px;width:100%;padding:16px 18px;cursor:pointer;text-align:left;background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:14px;transition:border-color .2s}.pack-row:hover{border-color:var(--purple)}.pack-row:disabled{opacity:.55;cursor:default}.pack-coins{display:flex;align-items:center;gap:8px;flex:1;font-size:17px;font-weight:700;color:var(--ink)}.pack-unit{color:var(--muted);font-size:12px;font-weight:500}.pack-bonus{color:var(--good, #5fd0a0);font-size:11px;font-weight:700}.pack-tag{font-size:9px;font-weight:800;letter-spacing:.6px;padding:3px 7px;border-radius:999px}.pack-tag.popular{color:#1a1030;background:var(--lilac)}.pack-tag.best{color:#1a1030;background:linear-gradient(90deg,var(--purple),var(--gold))}.pack-price{color:#1a1030;background:linear-gradient(90deg,var(--purple),var(--gold));font-weight:800;font-size:14px;padding:7px 13px;border-radius:999px;white-space:nowrap}.chat-upsell{display:flex;flex-direction:column;gap:8px;margin-top:8px}.topbar{position:relative}.topbar .coin-chip{position:absolute;right:0;top:0}.first-bonus-banner{margin-top:16px;padding:11px 14px;border-radius:14px;text-align:center;font-weight:700;font-size:13px;color:#1a1030;background:linear-gradient(90deg,var(--purple),var(--gold))}