:root{--bg:#0f0c1f;--surface:#17142b;--surface-2:#211d3a;--line:#ffffff1a;--text:#f1eeff;--text-2:#b9b2d9;--muted:#8b84b3;--accent:#a78bfa;--accent-ink:#c9b8ff;--plus:#34d399;--minus:#fb7185;--series-me:#9b7bf0;--series-me-fill:#9b7bf047;--series-them:#16a394;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(1200px 600px at 50% -200px, #2a1a52 0%, var(--bg) 60%) fixed, var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;line-height:1.5}button,input,select{font:inherit;color:inherit}.view{max-width:480px;padding-block:max(20px, env(safe-area-inset-top,0px)) max(32px, env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex-direction:column;gap:14px;margin:0 auto;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.section-title{margin:0 0 8px;font-size:16px}.intro{text-align:center;word-break:keep-all;padding:24px 0 8px}.intro h1{margin:4px 0;font-size:28px;font-weight:900}.eyebrow{color:var(--accent-ink);margin:0;font-size:14px;font-weight:700}.form{flex-direction:column;gap:16px;display:flex}.form-title{margin:0;font-size:18px}.form .muted.small{margin:-12px 0 0}.field{flex-direction:column;gap:8px;display:flex}.field>span{color:var(--text-2);font-size:14px;font-weight:700}.field small{font-size:12px}input:not([type=checkbox]),select{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;width:100%;min-height:46px;padding:10px 12px}input:disabled{opacity:.4}input:focus-visible,select:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row3{grid-template-columns:1.3fr 1fr 1fr;gap:8px;display:grid}.seg{background:var(--surface-2);border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.seg button{cursor:pointer;min-height:40px;color:var(--text-2);background:0 0;border:0;border-radius:9px}.seg button[aria-pressed=true]{background:var(--accent);color:#1a1033;font-weight:700}.check{color:var(--text-2);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent)}.advanced summary{cursor:pointer;color:var(--muted);margin-bottom:8px;font-size:14px}.error{color:var(--minus);margin:0;font-size:14px}.primary,.ghost{cursor:pointer;border-radius:14px;min-height:50px;padding:0 18px;font-size:16px;font-weight:700}.primary{color:#1a1033;background:linear-gradient(135deg,#a78bfa,#f472b6);border:0}.primary:active{transform:scale(.98)}.ghost{border:1px solid var(--line);color:var(--text-2);background:0 0}.as-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.date{color:var(--text-2);margin:0;font-size:14px}.hello{margin:2px 0 0;font-size:24px;font-weight:900}.small-btn{white-space:nowrap;min-height:36px;padding:0 12px;font-size:13px}.back-today{color:var(--accent-ink);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}.hero{text-align:center;padding-bottom:10px}.hero-score{flex-direction:column;align-items:center;display:flex}.hero-num{letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:72px;font-weight:900;line-height:1}.hero-label{color:var(--accent-ink);margin-top:4px;font-weight:700}.delta{color:var(--text-2);margin-top:4px;font-size:13px}.headline{word-break:keep-all;margin:12px 0 0;font-size:18px;font-weight:700}.keywords{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 0;display:flex}.keywords span{color:var(--accent-ink);background:#a78bfa24;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}.radar{width:100%;max-width:360px;margin:16px auto 0;display:block;overflow:visible}.radar-grid{fill:none;stroke:var(--line);stroke-width:1px}.radar-shape{stroke:var(--accent-ink);stroke-width:2px;stroke-linejoin:round;transition:d .4s}.radar-dot{stroke:var(--surface);stroke-width:2px;transition:r .15s}.radar-vertex{cursor:pointer;outline:none}.radar-label{fill:var(--text-2);font-size:13px;font-weight:500}.radar-value{fill:var(--text);font-size:17px;font-weight:900}.radar-vertex.active .radar-label{fill:var(--text);font-weight:700}.radar-vertex:focus-visible .radar-label{text-decoration:underline}.hit{fill:#0000}.detail{border-top:3px solid var(--accent)}.detail-head{justify-content:space-between;align-items:baseline;display:flex}.detail-head h3{margin:0;font-size:18px}.detail-score{font-variant-numeric:tabular-nums;font-size:28px;font-weight:900}.detail-score small{color:var(--text-2);margin-left:2px;font-size:13px;font-weight:500}.detail-text{word-break:keep-all;margin:8px 0 0;font-size:16px}.why{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.why-title{color:var(--text-2);margin:0 0 8px;font-size:13px;font-weight:700}.why ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.why li{word-break:keep-all;align-items:flex-start;gap:10px;font-size:14px;display:flex}.chip{text-align:center;font-variant-numeric:tabular-nums;border-radius:8px;flex:none;min-width:40px;padding:1px 6px;font-size:13px;font-weight:700}.chip.plus{color:var(--plus);background:#34d39924}.chip.minus{color:var(--minus);background:#fb718524}.lucky-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lucky-grid>div{background:var(--surface-2);word-break:keep-all;border-radius:12px;flex-direction:column;padding:10px 12px;display:flex}.lucky p{margin:10px 0 0}.peak{color:var(--text-2);margin:0 0 10px;font-size:14px}.peak b{color:var(--text)}.chips{scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.chips button{border:1px solid var(--line);color:var(--text-2);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:6px 12px;font-size:13px}.chips button[aria-selected=true]{background:var(--surface-2);color:var(--text);border-color:var(--accent)}.trend{width:100%;margin-top:6px;display:block}.trend .grid{stroke:var(--line)}.trend .axis{fill:var(--muted);font-size:11px}.trend .axis.today{fill:var(--accent-ink);font-weight:700}.trend .axis.sub{font-size:10px}.trend .crosshair{stroke:#ffffff40;stroke-dasharray:3 3}.trend .hit{cursor:pointer}.tooltip-bg{fill:var(--surface-2);stroke:var(--line)}.tooltip-text{fill:var(--text);font-size:12px;font-weight:700}.share{width:100%}.pillars{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pillar{flex-direction:column;align-items:stretch;gap:6px;display:flex}.pillar-title{color:var(--muted);font-size:12px}.god{color:var(--text-2);min-height:16px;font-size:11px}.gz{background:var(--surface-2);border:2px solid;border-radius:12px;flex-direction:column;align-items:center;padding:6px 0;display:flex}.gz-hanja{font-size:24px;font-weight:700;line-height:1.2}.gz-ko{color:var(--text-2);font-size:11px}.gz.unknown{border:2px dashed var(--line);color:var(--muted);justify-content:center;min-height:62px;font-size:20px}.pillar.empty .gz.unknown:first-of-type{margin-top:22px}.daymaster{word-break:keep-all;margin:14px 0;font-size:14px}.elements{flex-direction:column;gap:6px;display:flex}.el-row{grid-template-columns:48px 1fr 32px;align-items:center;gap:8px;font-size:13px;display:grid}.el-bar{background:var(--surface-2);border-radius:4px;height:8px;overflow:hidden}.el-bar span{border-radius:4px;height:100%;display:block}.el-count{text-align:right;color:var(--text-2);font-variant-numeric:tabular-nums}.elements p{margin:2px 0 0}.badges{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.badge{border:1px solid var(--accent);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.notes{color:var(--muted);margin:8px 0 0;padding-left:18px;font-size:12px}.foot{text-align:center;word-break:keep-all;padding:8px 0}.foot a{color:var(--accent-ink)}.modal{z-index:10;background:#05030fcc;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-body{flex-direction:column;gap:10px;width:min(360px,100%);max-height:100%;display:flex}.modal-body img{object-fit:contain;border-radius:16px;flex:auto;width:100%;min-height:0}.modal-actions{flex-direction:column;gap:8px;display:flex}.radar.comparing .radar-shape.me{stroke:var(--series-me)}.radar-shape.them{fill:#16a3941f;stroke:var(--series-them);stroke-width:2px;stroke-dasharray:6 4}.radar-dot.them{fill:var(--series-them);stroke:var(--surface);stroke-width:2px}.radar-value-them{fill:var(--text-2);font-size:13px;font-weight:500}.legend{color:var(--text-2);justify-content:center;gap:16px;margin-top:4px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.sw{border-top:3px solid;width:18px;height:0;display:inline-block}.sw.me{border-color:var(--series-me)}.sw.them{border-color:var(--series-them);border-top-style:dashed}.chips.friends button[aria-pressed=true]{background:var(--surface-2);color:var(--text);border-color:var(--accent)}.chips.friends .add{color:var(--accent-ink);border-style:dashed}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px;font-size:13px}.compat-head{justify-content:space-between;align-items:baseline;display:flex}.compat-scores{grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 12px;display:grid}.compat-scores>div{background:var(--surface-2);border-radius:14px;flex-direction:column;align-items:center;padding:10px 12px;display:flex}.compat-num{font-variant-numeric:tabular-nums;font-size:34px;font-weight:900;line-height:1.1}.headline-sm{word-break:keep-all;margin:0 0 6px;font-size:16px;font-weight:700}.compat p.small{word-break:keep-all;margin:0}.daeun-now p{word-break:keep-all;margin:0 0 6px}.daeun-now-head{flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;display:flex}.tone{border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}.tone.good{color:var(--plus)}.tone.tough{color:var(--minus)}.tone.normal{color:var(--text-2)}.tone.mini{padding:0 6px;font-size:11px}.daeun-scroll{scrollbar-width:thin;scroll-snap-type:x proximity;gap:8px;margin:6px 0;padding:10px 2px 8px;display:flex;position:relative;overflow-x:auto}.daeun-item{scroll-snap-align:center;border:1px solid #0000;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:4px;width:64px;padding:8px 4px;display:flex}.daeun-item.current{border-color:var(--accent);background:var(--surface-2)}.daeun-age{font-size:12px;font-weight:700}.daeun-char{background:var(--surface-2);border:2px solid;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex}.daeun-god{color:var(--text-2);font-size:11px}.daeun-year{color:var(--muted);font-size:11px}.life-title{margin:4px 0 6px;font-size:18px;font-weight:900}.life-rows{gap:12px;margin:14px 0;padding:0;list-style:none;display:grid}.life-rows li{word-break:keep-all;align-items:flex-start;gap:10px;display:flex}.life-icon{font-size:18px;line-height:1.4}.life-stages{grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 10px;display:grid}.life-stage{border:1px solid var(--line);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;display:flex}.life-stage.good{border-color:var(--plus)}.life-stage.tough{border-color:var(--minus)}.life-stage-label{font-size:14px;font-weight:700}.life-stage-gz{font-size:18px;font-weight:900}.lifetime p.small{word-break:keep-all}