:root{--paper: #F4EBDD;--paper-2: #EADFCB;--card: #FBF6EE;--ink: #202E4A;--sub: #5B6478;--line: #D6C7AE;--red: #B8402F;--radius: 14px;--serif: "Gowun Batang", "Nanum Myeongjo", serif;--sans: "Gowun Dodum", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}.wrap{max-width:520px;margin:0 auto;padding:24px 16px 48px}.hero{text-align:center;padding:8px 0 20px}.hero-scene{display:block;margin:0 auto 16px;max-width:560px}.hero-art{display:block;width:100%;height:auto}.eyebrow{margin:0;color:var(--red);font-family:var(--serif);font-weight:700;letter-spacing:.12em}h1{font-family:var(--serif);font-size:clamp(26px,7vw,34px);line-height:1.3;margin:6px 0 8px}.sub{margin:0;color:var(--sub)}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px;margin:16px 0}.panel h3{font-family:var(--serif);font-size:18px;margin:0 0 12px}.bubble{display:flex;align-items:center;gap:10px;margin:0 0 16px}.bubble img{width:56px;flex:none}.bubble p{margin:0;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:16px 16px 16px 4px;font-size:15px}.bubble.right{justify-content:flex-end}.bubble.right p{border-radius:16px 16px 4px}.result>.bubble{margin:16px 0}.field{border:0;padding:0;margin:0 0 18px}.field legend{font-weight:700;margin-bottom:8px;padding:0}.field legend small{font-weight:400;color:var(--sub)}input[type=text]{width:100%;font:inherit;font-size:20px;letter-spacing:.04em;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}input[type=text]:focus{outline:none;border-color:var(--ink)}input[type=text]:disabled{background:var(--paper-2);color:var(--sub)}.check{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:15px;color:var(--sub)}.seg{display:inline-flex;border:1.5px solid var(--ink);border-radius:999px;overflow:hidden;margin-bottom:10px}.seg input{position:absolute;opacity:0;pointer-events:none}.seg span{display:block;padding:6px 16px;font-size:14px;cursor:pointer}.seg input:checked+span{background:var(--ink);color:#fff}.err{color:var(--red);min-height:1.4em;margin:0 0 8px;font-size:15px}.fine{color:var(--sub);font-size:13px;margin:10px 0 0;text-align:center}button{font:inherit;cursor:pointer}.btn-primary{width:100%;padding:14px;border:0;border-radius:12px;background:var(--ink);color:#fff;font-family:var(--serif);font-weight:700;font-size:18px}.btn-primary:active{transform:translateY(1px)}.btn-ghost{width:100%;padding:12px;border-radius:12px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-size:16px}.btn-ghost:disabled{opacity:.45;cursor:default}.actions{display:grid;gap:10px;margin:20px 0}.verdict-card{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);padding:20px 18px;box-shadow:6px 6px 0 var(--ink)}.verdict-head{display:flex;gap:14px;align-items:center}.verdict-head img{width:108px;flex:none}.tag{margin:0 0 4px;color:var(--red);font-size:14px;font-weight:700}.verdict-card h2{font-family:var(--serif);font-size:22px;line-height:1.4;margin:0}.traits{margin:16px 0 12px;padding-left:18px}.traits li{margin:4px 0}.advice{margin:0;padding:12px 14px;background:var(--paper);border-radius:10px}.advice b{color:var(--red);margin-right:6px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pillar{text-align:center;background:var(--paper);border-radius:10px;padding:10px 4px}.pillar.empty{opacity:.55}.pl-label{display:block;font-size:12px;color:var(--sub)}.pl-ko{display:block;font-family:var(--serif);font-size:22px;font-weight:700}.pl-hanja{display:block;font-size:13px;color:var(--sub)}.bars{display:grid;gap:8px}.bar-row{display:grid;grid-template-columns:24px 1fr 20px;align-items:center;gap:8px}.bar-label{font-family:var(--serif);font-weight:700}.bar{height:14px;background:var(--paper-2);border-radius:7px;overflow:hidden}.bar i{display:block;height:100%;border-radius:7px;min-width:2px}.bar-n{text-align:right;color:var(--sub);font-size:14px}.rx{display:flex;gap:12px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}.rx img{width:76px;flex:none}.rx-line{margin:0 0 6px;font-weight:700}.rx-line.sub{font-weight:400;color:var(--sub)}.rx-color{display:flex;align-items:center;gap:8px;margin:8px 0 0;font-size:14px}.rx-color span{width:18px;height:18px;border-radius:50%;display:inline-block}.tti p{margin:0;font-size:17px}.upsell{display:flex;gap:14px;align-items:flex-start}.upsell img{width:64px;flex:none}.upsell p{margin:0 0 12px;color:var(--sub)}.upsell .btn-ghost{width:auto;padding:8px 18px;display:inline-block;text-decoration:none}.foot{text-align:center;color:var(--sub);font-size:13px;margin-top:32px}.foot p{margin:4px 0}.season .season-title{font-weight:700;color:var(--ink, #202E4A);margin:0 0 6px}.gloss{font-size:.85rem;color:#5b6478;background:#202e4a0d;border-left:3px solid #B8402F;padding:6px 10px;margin:8px 0;border-radius:4px}.city{position:relative}.city-list{position:absolute;left:0;right:0;z-index:10;list-style:none;margin:4px 0 0;padding:4px 0;background:#fffaf2;border:1px solid #c9b99f;border-radius:10px;box-shadow:0 6px 18px #202e4a26;max-height:300px;overflow-y:auto}.city-list li{padding:10px 14px;cursor:pointer}.city-list li small{display:block;color:#5b6478;font-size:.8rem}.city-list li:hover,.city-list li:focus{background:#f4ebdd}.city-list li.none{cursor:default;color:#5b6478}.center{text-align:center}input[type=date],input[type=time],#birthDate,#birthTime{width:100%;box-sizing:border-box;font:inherit;font-size:1.1rem;padding:14px 16px;border:1.5px solid #c9b99f;border-radius:12px;background:#fff;color:var(--ink, #202E4A);min-height:54px}input[type=date]:focus,input[type=time]:focus{outline:none;border-color:var(--ink, #202E4A)}input[type=time]:disabled{background:var(--paper-2, #E8DAC4);color:var(--sub, #5B6478)}.bar-row{grid-template-columns:52px 1fr 20px}.bar-label{font-size:.9rem}.pl-ko{font-size:.95rem}.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 0 0}.brand{font-family:var(--serif, "Gowun Batang", serif);font-weight:700;font-size:1.15rem;color:#202e4a}.wallet-btn{font:inherit;font-size:.9rem;padding:8px 14px;border-radius:999px;border:1.5px solid #202E4A;background:#202e4a;color:#fff;cursor:pointer}.wallet-btn.on{background:#fff;color:#202e4a}.wallet-btn:disabled{opacity:.6}.get-app{margin:10px 0 0;padding:10px 14px;border-radius:10px;font-size:.9rem;background:#202e4a;color:#f4ebdd;text-align:center}.reading{margin-top:24px}.reading h2{font-family:var(--serif, "Gowun Batang", serif)}.chapter{background:#fffaf2;border:1px solid #e3d6c0;border-radius:16px;padding:18px 16px;margin:16px 0;line-height:1.65}.chapter h3{margin:2px 0 10px;font-family:var(--serif, "Gowun Batang", serif)}.ch-sub{margin:0;color:#b8402f;font-size:.85rem}.ch-wait{color:#5b6478;font-size:.95rem;padding:14px 0}.gender{margin:10px 0 4px}.my-readings{display:flex;flex-direction:column;gap:8px}.guide summary,.gloss-box summary{cursor:pointer;font-family:var(--serif, "Gowun Batang", serif);font-weight:700;color:#202e4a}.guide dl{margin:12px 0 0}.guide dt{font-weight:700;color:#b8402f;margin-top:12px}.guide dd{margin:4px 0 0;line-height:1.6;color:#202e4a}.gloss-box{background:#202e4a0d;border-left:3px solid #B8402F;border-radius:8px;padding:10px 14px;margin:12px 0;font-size:.9rem;line-height:1.55}.gloss-box p{margin:8px 0}.progress{font-weight:700;color:#b8402f}.link-btn{background:none;border:0;padding:6px 0;color:#202e4a;text-decoration:underline;font:inherit;font-size:.9rem;cursor:pointer;text-align:left}.ch-wait .wl{font-style:italic}.ch-slot .chapter{cursor:default}.nft-box{margin:28px 0 8px;padding:18px 16px;border-radius:18px;background:#0e1428;color:#f4ebdd;text-align:center}.nft-box h3{margin:0 0 12px;font-family:Gowun Batang,serif}.nft-box img{width:100%;max-width:360px;height:auto;border-radius:14px;display:block;margin:0 auto 12px}.nft-box .fine{color:#c9c2b4}.nft-box .btn-primary{background:#e0a93b;color:#0e1428}.nft-done a{color:#e0a93b}.nft-box .actions{display:flex;gap:10px;justify-content:center;margin-top:4px}.nft-box .actions button{flex:1;max-width:180px}.nft-box .btn-ghost{color:#f4ebdd;border-color:#f4ebdd66;background:transparent}.nft-box .link-btn{color:#c9c2b4;text-align:center;margin-top:12px}.guide .g-sec{margin-top:22px}.guide h4{margin:0 0 4px;color:#b8402f;font-family:Gowun Batang,serif;font-size:1.1rem}.guide .g-sec p{margin:0;line-height:1.6;color:#202e4a}.guide figure{margin:12px 0 0}.guide figcaption{font-size:.8rem;color:#5b6478;text-align:center;margin-top:4px}.g-lead{display:flex;align-items:flex-end;gap:10px}.g-cat{width:64px;height:auto;flex:none}.g-bub{position:relative;background:#fffaf2;border:1.5px solid #202E4A;border-radius:14px;padding:10px 12px;font-family:Gowun Batang,serif;margin-bottom:18px!important}.g-bub:before{content:"";position:absolute;left:-8px;bottom:12px;width:12px;height:12px;background:#fffaf2;border-left:1.5px solid #202E4A;border-bottom:1.5px solid #202E4A;transform:rotate(45deg)}.guide svg{width:100%;height:auto;display:block;margin:0 auto}.g-pillars{max-width:360px}.g-pillars .gh{font-family:Gowun Batang,serif;font-size:24px;font-weight:700;fill:#fff;text-anchor:middle}.g-pillars .gr{font-family:Gowun Dodum,sans-serif;font-size:10px;fill:#fff;opacity:.9;text-anchor:middle}.g-pillars .gl{font-family:Gowun Dodum,sans-serif;font-size:13px;fill:#5b6478;text-anchor:middle}.g-pillars .gl.me{fill:#b8402f;font-weight:700}.g-pillars .gseat{font-family:Gowun Dodum,sans-serif;font-size:10.5px;font-weight:700;fill:#b8402f;text-anchor:middle}.g-pillars .gyou{font-family:Gowun Dodum,sans-serif;font-size:11px;font-weight:700;fill:#fff;text-anchor:middle}.g-wheel{max-width:300px}.g-wheel .gwn{font-family:Gowun Dodum,sans-serif;font-size:11px;fill:#fff;text-anchor:middle}.g-key{display:inline-block;width:18px;margin:0 4px 3px 8px;vertical-align:middle;border-top:2px solid #202E4A}.g-key.dash{border-top:2px dashed #B9A98F}.g-seasons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.g-seasons span{display:flex;flex-direction:column;align-items:center;gap:2px;border-bottom:3px solid var(--c);background:#fffaf2;border-radius:10px 10px 4px 4px;padding:10px 4px 8px;font-size:.85rem;color:#202e4a}.g-seasons svg{width:30px;height:30px}.g-seasons small{color:var(--c);font-weight:700;font-size:.75rem}.g-luck{max-width:360px}.g-luck .gla{font-family:Gowun Dodum,sans-serif;font-size:11px;fill:#5b6478;text-anchor:middle}.g-luck .gla.me{fill:#202e4a;font-weight:700}.g-eight{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px auto 0;max-width:260px}.g-eight b{aspect-ratio:1;border-radius:8px;background:#e8dac4;color:#b9a98f;font-size:1.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Gowun Batang,serif}.g-eight b.hit{background:#b8402f;color:#fff;font-size:1.3rem}.g-eight small{font-family:Gowun Dodum,sans-serif;font-size:.65rem}.guide[open] .g-halo{animation:gGlow 1.6s ease-out 1;transform-origin:136px 126px}@keyframes gGlow{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.guide[open] .g-halo{animation:none}}
