:root{color-scheme:light dark;--page: #f9f9f7;--surface: #fcfcfb;--ink: #0b0b0b;--ink-2: #52514e;--muted: #898781;--grid: #e1e0d9;--axis: #c3c2b7;--accent: #2a78d6;--accent-2: #eb6834;--good: #0ca30c;--bad: #d03b3b;--border: rgba(11, 11, 11, .1)}@media(prefers-color-scheme:dark){:root{--page: #0d0d0d;--surface: #1a1a19;--ink: #ffffff;--ink-2: #c3c2b7;--muted: #898781;--grid: #2c2c2a;--axis: #383835;--accent: #3987e5;--accent-2: #d95926;--border: rgba(255, 255, 255, .1)}}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;padding:12px 16px 32px}.topbar{display:flex;align-items:center;gap:12px;padding:8px 0 16px}.topbar h1{font-size:22px;margin:0;letter-spacing:-.02em}.tagline{margin:2px 0 0;color:var(--ink-2);font-size:13px}.btn-back{flex-shrink:0;width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-size:20px;cursor:pointer}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:14px}.hero h2{margin:0 0 8px;font-size:20px}.hero p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.5}.module h3{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:20px 0 8px}.topic{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:13px 15px;margin-bottom:8px;font:inherit;color:inherit}.topic.live{cursor:pointer;border-color:var(--accent)}.topic-title{font-weight:600;font-size:15px}.topic-blurb{grid-column:1 / -1;color:var(--ink-2);font-size:13px}.pill{justify-self:end;font-size:11px;font-weight:600;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:3px 9px;white-space:nowrap}.live-pill{color:var(--accent);border-color:var(--accent)}.graph{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--border);user-select:none;-webkit-user-select:none}.gtick{font-size:9.5px;fill:var(--muted)}.glabel{font-size:11px;font-weight:600}.glabel.orange{fill:var(--accent-2)}.glabel.ink{fill:var(--ink);font-weight:700}.eqn{font-size:22px;text-align:center;font-weight:500;margin-top:0}.systems-eqn{font-size:19px}.poly-eqn{font-size:18px}.eqn-line{display:block;line-height:1.5}.eqn-sub{display:block;font-size:13px;font-weight:500;color:var(--muted);margin-top:2px}.line-label{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.line-label.blue{color:var(--accent)}.line-label.orange{color:var(--accent-2)}strong.blue{color:var(--accent)}strong.orange{color:var(--accent-2)}.hint{color:var(--muted);font-size:13px;text-align:center;margin:10px 0 14px;line-height:1.5}.sliders{display:flex;flex-direction:column;gap:16px}.slider-row{display:block}.slider-label{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;margin-bottom:4px}.slider-label em{font-style:normal;color:var(--ink-2)}.slider-label strong{font-size:16px;font-variant-numeric:tabular-nums}.slider-row input[type=range]{width:100%;height:32px;margin:0}.slider-row.blue input{accent-color:var(--accent)}.slider-row.blue strong{color:var(--accent)}.slider-row.orange input{accent-color:var(--accent-2)}.slider-row.orange strong{color:var(--accent-2)}.tries h3{margin:0 0 8px;font-size:15px}.tries ul{margin:0;padding-left:18px;color:var(--ink-2);font-size:14px;line-height:1.6}.tries li+li{margin-top:6px}.foot{text-align:center;color:var(--muted);font-size:12px;margin-top:24px}.op-row{display:flex;gap:8px}.op-btn{flex:1;min-height:44px;font:inherit;font-size:15px;font-weight:600;background:var(--surface);color:var(--ink-2);border:1px solid var(--border);border-radius:12px;cursor:pointer}.op-btn.active{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.race-btn{width:100%}.ladder{padding:10px 16px}.ladder-row{display:flex;justify-content:space-between;align-items:baseline;padding:5px 10px;border-radius:10px;border:1px solid transparent}.ladder-row.current{border-color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 10%,transparent)}.ladder-pow{font-size:16px;font-weight:600}.ladder-pow sup{color:var(--accent-2)}.ladder-val{font-size:15px;font-variant-numeric:tabular-nums;color:var(--ink-2)}.ladder-row.current .ladder-val{color:var(--ink);font-weight:600}.ladder-arrow{margin:0;padding-left:26px;font-size:11px;color:var(--muted);line-height:1.3}.orange-sup{color:var(--accent-2);font-weight:700}.stats-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.stat{font-size:12px;color:var(--ink-2);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:5px 11px}.stat strong{color:var(--ink);font-variant-numeric:tabular-nums}.q-topic{margin:0 0 4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.q-prompt{margin:0;font-size:16px;font-weight:600}.q-eqn{font-size:19px;margin:10px 0 0}.choices{display:flex;flex-direction:column;gap:8px;margin:14px 0}.choice{min-height:48px;padding:12px 15px;font:inherit;font-size:16px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--ink);cursor:pointer}.choice.correct{border-color:var(--good);box-shadow:inset 0 0 0 1px var(--good)}.choice.wrong{border-color:var(--bad);box-shadow:inset 0 0 0 1px var(--bad)}.choice.dim{opacity:.5}.verdict{margin:0 0 8px;font-weight:700;font-size:15px}.verdict.good{color:var(--good)}.verdict.bad{color:var(--bad)}.expl{margin:0 0 12px;color:var(--ink-2);font-size:14px;line-height:1.5}.feedback .graph{margin-bottom:12px}.next-btn{width:100%;min-height:48px;background:var(--accent);color:#fff;border:none;border-radius:12px;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
