@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: oklch(16% .018 245);--panel: oklch(23% .022 250 / .86);--panel-strong: oklch(28% .035 246 / .92);--line: oklch(60% .045 200 / .38);--ink: oklch(94% .012 220);--ink-soft: oklch(80% .02 220);--brand: oklch(75% .115 165);--brand-deep: oklch(64% .12 180);--danger: oklch(70% .11 35)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Noto Sans SC,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 8%,oklch(35% .045 210 / .32),transparent 45%),radial-gradient(circle at 95% 2%,oklch(35% .045 180 / .24),transparent 35%),linear-gradient(155deg,#06090f,#091319)}.mobile-shell{position:relative;max-width:520px;margin:0 auto;min-height:100vh;padding:20px 16px 28px;display:grid;align-items:center}.noise,.halo{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.noise{opacity:.2;background-image:radial-gradient(oklch(70% .01 220 / .1) .55px,transparent .55px);background-size:4px 4px}.halo{top:-15%;right:-10%;bottom:-15%;left:-10%;background:conic-gradient(from 70deg at 55% 45%,#006e5533,#004b593d,#00605826,#006e5533);background:conic-gradient(from 70deg at 55% 45%,color(xyz 0.071 0.119 0.105 / 0.2),color(xyz 0.042 0.058 0.112 / 0.239),color(xyz 0.059 0.091 0.107 / 0.149),color(xyz 0.071 0.119 0.105 / 0.2));filter:blur(44px);animation:halo-drift 18s ease-in-out infinite alternate}@keyframes halo-drift{0%{transform:translate3d(-1.5%,-1.8%,0) rotate(-4deg)}to{transform:translate3d(1.2%,1.4%,0) rotate(4deg)}}.screen{position:relative;z-index:1;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,var(--panel),color-mix(in oklch,var(--panel) 72%,black));padding:20px 16px;box-shadow:0 18px 60px #0003079e,inset 0 1px #eef7fa14;animation:rise .55s cubic-bezier(.16,1,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.overline,.step{margin:0;font-size:11px;letter-spacing:.18em;color:var(--ink-soft)}h1,h2{margin:8px 0 0;font-family:Cinzel,serif;line-height:1.2;letter-spacing:.02em}h1{font-size:clamp(30px,8.2vw,44px)}h2{font-size:clamp(24px,6.1vw,34px)}.intro{margin:12px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.6}.question-meta{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.question-meta .intro{margin:0;font-size:13px}.category-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid;border-radius:999px;padding:5px 10px;font-size:12px;line-height:1;letter-spacing:.03em;white-space:nowrap}.metrics{margin-top:18px;display:grid;gap:10px}.metrics article{border:1px solid color-mix(in oklch,var(--line) 76%,var(--brand));border-radius:16px;background:color-mix(in oklch,var(--panel-strong) 70%,transparent);padding:12px}.metrics span{font-size:12px;color:var(--ink-soft)}.metrics strong{margin-top:4px;display:block;font-size:26px;font-family:Cinzel,serif}.primary,.ghost,.option,.chip{border-radius:14px;width:100%;font-size:15px;cursor:pointer}.primary,.ghost,.option{padding:13px 14px;min-height:48px;display:inline-flex;align-items:center;justify-content:center}.primary{border:0;color:#040c13;font-weight:700;background:linear-gradient(120deg,var(--brand),var(--brand-deep))}.landing .primary{margin-top:18px}.actions .primary{margin-top:0}.primary:disabled{opacity:.62;cursor:not-allowed}.ghost{border:1px solid var(--line);color:var(--ink);background:transparent}.actions{margin-top:16px;display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.actions.stacked{grid-template-columns:1fr}.chip-grid{margin-top:16px;display:grid;gap:10px;max-height:50vh;overflow:auto;padding-right:3px}.chip{border:1px solid var(--line);background:color-mix(in oklch,var(--panel-strong) 70%,transparent);text-align:left;padding:12px}.chip strong{display:block;font-size:14px}.chip span{margin-top:6px;display:block;color:var(--ink-soft);font-size:12px;line-height:1.45}.chip.active{border-color:color-mix(in oklch,var(--brand) 68%,var(--line));background:linear-gradient(120deg,color-mix(in oklch,var(--panel-strong) 74%,var(--brand) 26%),color-mix(in oklch,var(--panel-strong) 82%,var(--brand-deep) 18%))}.option-list{margin-top:16px;display:grid;gap:10px}.option{border:1px solid var(--line);color:var(--ink);text-align:left;background:color-mix(in oklch,var(--panel-strong) 75%,transparent);line-height:1.5}.option.active{border-color:color-mix(in oklch,var(--brand) 65%,var(--line));box-shadow:inset 0 0 0 1px #92d9bf4d}.progress-track{margin-top:14px;height:7px;border-radius:999px;background:#2f3a41;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--brand-deep));transition:width .24s ease}.report{margin-top:16px;display:grid;gap:10px}.report article{border:1px solid var(--line);border-radius:14px;padding:12px;background:color-mix(in oklch,var(--panel-strong) 72%,transparent)}.report h3{margin:0;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.report p{margin:8px 0 0;line-height:1.6;font-size:14px}.hint{margin:10px 0 0;color:var(--danger);font-size:13px}.pretest-warning{margin-top:12px;border:1px solid color-mix(in oklch,var(--danger) 58%,var(--line));border-radius:14px;padding:10px 12px;background:color-mix(in oklch,var(--panel-strong) 74%,oklch(45% .08 35 / .2))}.pretest-warning h3{margin:0;font-size:13px;letter-spacing:.05em;text-transform:uppercase}.pretest-warning p{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--ink-soft)}@media(min-width:700px){.screen{padding:26px 22px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}