@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/assets/PretendardVariable-CJuje-Rk.woff2)format("woff2-variations")}.card{color:#2b2d42;flex-direction:column;padding:96px 88px 80px;font-family:Pretendard Variable,Pretendard,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.card.el-fire{background:linear-gradient(#ff9a8b 0%,#ffd3a5 100%)}.card.el-earth{background:linear-gradient(#b8d8be 0%,#f5f0d6 100%)}.card.el-air{background:linear-gradient(#fff3b0 0%,#c8f0e0 100%)}.card.el-water{background:linear-gradient(#a8d8ff 0%,#d8c8ff 100%)}.card-top{flex-direction:column;gap:12px;display:flex}.card-no{opacity:.6;letter-spacing:.08em;font-size:34px;font-weight:600}.card-title{letter-spacing:-.02em;margin:0;font-size:88px;font-weight:800}.card-body{flex-direction:column;flex:1;justify-content:center;gap:36px;min-height:0;display:flex}.card-foot{opacity:.7;justify-content:space-between;gap:24px;font-size:36px;font-weight:600;display:flex}.hero{text-align:center}.hero-name.xl{font-size:140px;line-height:1.1}.hero-name.intro{line-height:1.45}.hero-name.intro span{display:block}.glyph.pair{margin:0;font-size:180px;line-height:1.05;display:block}.card-foot>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.card-foot .brand{flex:none}.glyph{font-variant-emoji:text;margin-right:16px}.glyph.big{margin:0;font-size:220px;line-height:1.05;display:block}.hero-name{word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:72px;font-weight:800}.panel{background:#ffffff8c;border-radius:48px;flex-direction:column;gap:12px;padding:44px 52px;display:flex}.sign-row{word-break:keep-all;overflow-wrap:anywhere;justify-content:space-between;align-items:baseline;gap:24px;font-size:44px;font-weight:700;display:flex}.sign-label{opacity:.7;font-size:34px;font-weight:600}.sign-missing{opacity:.6;font-size:34px}.line{word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty;margin:0 0 14px;font-size:42px;font-weight:500;line-height:1.5}.line.strong{margin-top:24px;font-weight:700}.kicker{opacity:.7;margin:0;font-size:34px;font-weight:700}.tags{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.tag{word-break:keep-all;overflow-wrap:anywhere;background:#ffffffb3;border-radius:999px;padding:18px 36px;font-size:48px;font-weight:700}.bar-row{grid-template-columns:110px 1fr 60px;align-items:center;gap:24px;font-size:44px;font-weight:700;display:grid}.bar-track{background:#2b2d421a;border-radius:18px;height:36px;overflow:hidden}.bar-fill{border-radius:18px;height:100%;display:block}.fill-fire{background:#ff7a6b}.fill-earth{background:#7fb88a}.fill-air{background:#e8c94a}.fill-water{background:#6aa8ff}.bar-row.top .bar-label{text-underline-offset:10px;text-decoration:underline;text-decoration-thickness:6px}.bar-num{text-align:right}.wheel-wrap{justify-content:center;display:flex}.static-wheel text{text-anchor:middle;dominant-baseline:central;fill:#2b2d42;font-variant-emoji:text;font-size:20px}.static-wheel .zs path{stroke:#2b2d4240;fill-opacity:.35}.static-wheel .zs.fire path{fill:#ff9a8b}.static-wheel .zs.earth path{fill:#9cc7a4}.static-wheel .zs.air path{fill:#f3dd6a}.static-wheel .zs.water path{fill:#8ec3ff}.static-wheel .ring{fill:#ffffff80;stroke:#2b2d424d}.static-wheel .cusp{stroke:#2b2d424d}.static-wheel .asp{stroke-width:1.6px;opacity:.75}.static-wheel .asp.soft{stroke:#3a7bd5}.static-wheel .asp.hard{stroke:#e0605a}.static-wheel .asp.blend{stroke:#8a6fd6}.static-wheel .pl circle{fill:#fff;stroke:#2b2d4280}.static-wheel .tick{stroke:#2b2d4280}.static-wheel .axis{font-size:20px;font-weight:700}.app{max-width:1200px;margin:0 auto;padding:0 16px 40px}.top h1{color:var(--accent);margin:24px 0 0;font-size:1.8rem}.top p{color:var(--muted);margin:4px 0 20px}.birth-form{gap:10px;max-width:440px;display:grid}.birth-form label,.birth-form .field{gap:4px;display:grid}.birth-form label.check{align-items:center;gap:8px;display:flex}.birth-form input,.city-search input{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.actions{gap:8px;display:flex}.actions button{cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:10px;padding:12px 16px;font-weight:700}.actions button.ghost{color:var(--muted);border:1px solid var(--line);background:0 0}.actions button:disabled{opacity:.45;cursor:default}.note{color:var(--muted);font-size:13px}.warn{background:#fff4d6;border-left:3px solid #e8b43c;border-radius:6px;padding:6px 10px}.city-search ul{border:1px solid var(--line);background:var(--panel);border-radius:10px;margin:4px 0 0;padding:0;list-style:none}.city-search li button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:8px 12px}.city-search li button:hover{background:var(--bg)}.picked{color:var(--accent);margin:4px 0 0}.muted{color:var(--muted)}.swipe-hint{color:var(--muted);margin:20px 0 -18px;font-size:13px;display:none}.deck{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0 0;padding:0;list-style:none;display:grid}@media (width<=900px){.swipe-hint{display:block}.deck{scroll-snap-type:x mandatory;gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.deck-item{scroll-snap-align:center;flex:0 0 82%}}.scaled{aspect-ratio:9/16;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 6px 24px #2b2d421f}.scaled-inner{transform-origin:0 0;position:absolute;top:0;left:0}.foot{color:var(--muted);margin-top:40px;font-size:13px}.deck-tools{align-items:center;gap:8px;margin-top:24px;display:flex}.deck-tools button,.card-actions button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;padding:8px 14px;font-weight:600}.deck-tools button:disabled,.card-actions button:disabled{opacity:.5;cursor:default}.card-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.err{color:#c0392b;font-size:13px}.card-open{cursor:pointer;border-radius:16px;display:block}.card-open:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.detail-hint{color:var(--muted);margin:12px 0 0;font-size:13px}.detail-backdrop{z-index:50;background:#2b2d4273;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0}.detail-panel{width:100%;max-width:640px;max-height:85vh;color:var(--ink);background:#fff;border-radius:18px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 48px #2b2d4247}.detail-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 12px;display:flex}.detail-head h2{margin:0;font-size:1.2rem}.detail-close{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;flex:none;padding:6px 14px;font-weight:600}.detail-close:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.detail-body{overscroll-behavior:contain;padding:8px 20px 24px;overflow-y:auto}.detail-body:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.detail-section h3{margin:18px 0 6px;font-size:1rem}.detail-section p{overflow-wrap:anywhere;margin:0 0 10px}.detail-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.detail-table th,.detail-table td{border-bottom:1px solid var(--line);text-align:left;padding:6px 4px;font-weight:400}.detail-table thead th{color:var(--muted);font-size:12px;font-weight:600}.detail-table tbody th{white-space:nowrap;font-weight:600}@media (width<=900px){.detail-backdrop{align-items:flex-end;padding:0}.detail-panel{max-width:none;padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0}}:root{--ink:#2b2d42;--muted:#6b6f86;--bg:#fbf8ff;--panel:#fff;--line:#e4e0ef;--accent:#7a5cff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;font-family:Pretendard Variable,Pretendard,system-ui,sans-serif;line-height:1.6}button,input{font:inherit;color:inherit}