:root{--bg:#0d0b1a;--card:#171432;--card-2:#1f1b3d;--line:#2e2a52;--fg:#f2f0ff;--muted:#9d97c4;--accent:#a78bfa;--accent-2:#f472b6;--radius:18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:480px;margin:0 auto;padding:24px 20px 48px;min-height:100vh}.title{font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.sub{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 28px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.btn{display:block;width:100%;padding:15px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn:active{opacity:.75}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}.input{width:100%;padding:15px 16px;border-radius:14px;border:1px solid var(--line);background:var(--card-2);color:var(--fg);font-size:18px;letter-spacing:3px;text-align:center;outline:none;font-family:inherit}.input::placeholder{letter-spacing:1px;color:#5f598c}.input:focus{border-color:var(--accent)}.err{color:#fb7185;font-size:13px;line-height:1.6;margin-top:12px;text-align:center}.progress{height:4px;background:var(--line);border-radius:999px;overflow:hidden;margin-bottom:28px}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .3s ease}.qno{color:var(--accent);font-size:13px;letter-spacing:1px;margin-bottom:10px}.qno,.qtext{font-weight:600}.qtext{font-size:21px;line-height:1.55;margin:0 0 30px}.opt{display:block;width:100%;text-align:left;padding:15px 18px;margin-bottom:10px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--fg);font-size:16px;font-family:inherit;cursor:pointer;transition:all .15s}.opt:active{transform:scale(.985)}.opt.on{border-color:var(--accent);background:var(--card-2)}.result-card{background:linear-gradient(165deg,#1b1638,#241a42 55%,#2d1b3d);border-radius:22px;padding:30px 24px 24px;border:1px solid var(--line)}.rc-tag{display:inline-block;font-size:12px;color:var(--accent);border:1px solid rgba(167,139,250,.35);border-radius:999px;padding:4px 12px;margin-bottom:20px}.rc-age{font-size:76px;font-weight:800;line-height:1;background:linear-gradient(135deg,#c4b5fd,#f9a8d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.rc-age small{font-size:22px;font-weight:600;-webkit-text-fill-color:var(--muted);margin-left:6px}.rc-verdict{font-size:19px;font-weight:700;margin:16px 0 6px}.rc-headline{color:var(--muted);font-size:14px}.rc-compare{display:flex;gap:10px;margin:22px 0}.rc-compare>div{flex:1 1;background:rgba(255,255,255,.04);border-radius:14px;padding:14px;text-align:center}.rc-compare b{display:block;font-size:26px;font-weight:700;margin-top:4px}.rc-compare span{font-size:12px;color:var(--muted)}.bar-row{margin-bottom:16px}.bar-head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px}.bar-head b{color:var(--accent);font-weight:600}.bar{height:7px;background:rgba(255,255,255,.07);overflow:hidden}.bar,.bar>i{border-radius:999px}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.blurb{font-size:13px;color:var(--muted);line-height:1.65;margin-top:6px}.body-text{font-size:15px;line-height:1.85;color:#d9d5f2;white-space:pre-wrap}.body-text strong{color:var(--fg)}.disclaimer{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:#6f6996;line-height:1.7;text-align:center}.section-h{font-size:15px;font-weight:700;margin:28px 0 14px}