:root{--paper:#f4f4fa;--card:#fff;--ink:#1c1b2a;--ink-soft:#6b6a80;--line:#e0dfee;--volt:#5a48f5;--volt-deep:#4232c8;--volt-tint:#edebfe;--ember:#ffaa1d;--mint:#1fb874;--mint-tint:#e2f7ee;--coral:#f4574d;--coral-tint:#fdeae8;--display:"Bricolage Grotesque", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--body:system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.5}button{font:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--volt);outline-offset:2px}.screen{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;padding:0 20px 48px;display:flex}.topbar{justify-content:space-between;align-items:center;padding:20px 0 8px;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.02em;font-size:22px;font-weight:800}.caret{color:var(--volt);animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.stats{gap:8px;display:flex}.stat{font-family:var(--mono);background:var(--card);border:2px solid var(--line);border-radius:10px;padding:4px 10px;font-size:14px;font-weight:600}.stat-streak{color:#c47b00}.stat-xp{color:var(--volt)}.track-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);margin:20px 0 4px;font-size:12px}.unit{margin-bottom:8px}.unit-banner{background:var(--ink);color:#fff;border-radius:14px;margin:16px 0 20px;padding:14px 18px}.unit-count{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ember);font-size:11px}.unit-banner h2{font-family:var(--display);margin:2px 0 0;font-size:20px;font-weight:700}.nodes{margin:0;padding:0;list-style:none}.node-row{align-items:center;gap:14px;margin:0 0 18px;display:flex}.lean-left{padding-left:8%}.lean-right{padding-left:22%}.node{border:2px solid var(--ink);width:58px;height:58px;font-family:var(--display);background:var(--card);box-shadow:0 4px 0 var(--ink);border-radius:16px;flex:none;font-size:20px;font-weight:800;transition:transform 60ms,box-shadow 60ms}.node:not(:disabled):active{box-shadow:0 0 0 var(--ink);transform:translateY(4px)}.node.is-done{background:var(--volt);border-color:var(--volt-deep);box-shadow:0 4px 0 var(--volt-deep);color:#fff}.node.is-open{background:var(--card);color:var(--volt);animation:2.4s ease-in-out infinite breathe}.node.is-locked{background:var(--line);border-color:var(--line);color:var(--ink-soft);box-shadow:0 4px #cbcadd}.node.is-checkpoint:not(.is-locked):not(.is-done){color:#c47b00;border-color:var(--ember);box-shadow:0 4px 0 var(--ember)}@keyframes breathe{50%{transform:scale(1.05)}}.node-title{font-size:15px;font-weight:600}.node-title.is-locked{color:var(--ink-soft)}.path-footnote{text-align:center;color:var(--ink-soft);margin-top:24px;font-size:13px}.lesson-bar{align-items:center;gap:14px;padding:20px 0;display:flex}.quit{color:var(--ink-soft);background:0 0;border:none;padding:4px 8px;font-size:26px;line-height:1}.progress-track{background:var(--line);border-radius:999px;flex:1;height:12px;overflow:hidden}.progress-fill{background:var(--volt);border-radius:999px;height:100%;transition:width .3s}.card{flex-direction:column;flex:1;padding-top:12px;display:flex}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--volt);margin:0 0 10px;font-size:12px}.concept-text{font-family:var(--display);letter-spacing:-.01em;margin:0 0 auto;padding-bottom:32px;font-size:22px;font-weight:600;line-height:1.45}.question-text{white-space:pre-line;margin:0 0 20px;font-size:18px;font-weight:600}.options{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.options-fill{flex-flow:wrap}.option{text-align:left;background:var(--card);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:14px;padding:13px 16px;font-size:15.5px;transition:transform 60ms,box-shadow 60ms}.option:not(:disabled):active{box-shadow:0 0 0 var(--line);transform:translateY(3px)}.option:disabled{color:var(--ink);opacity:1}.option.is-selected{border-color:var(--volt);box-shadow:0 3px 0 var(--volt);background:var(--volt-tint)}.option.is-correct{border-color:var(--mint);box-shadow:0 3px 0 var(--mint);background:var(--mint-tint)}.option.is-wrong{border-color:var(--coral);box-shadow:0 3px 0 var(--coral);background:var(--coral-tint)}.option-prompt{font-family:var(--mono);font-size:13.5px;line-height:1.55}.ab-tag{font-family:var(--display);background:var(--ink);color:#fff;vertical-align:1px;border-radius:6px;margin-right:10px;padding:1px 7px;font-size:12px;font-weight:800;display:inline-block}.option-chip{font-family:var(--mono);border-radius:10px;padding:9px 13px;font-size:13.5px}.feedback{border-radius:14px;margin-top:auto;padding:16px}.feedback.is-correct{background:var(--mint-tint);border:2px solid var(--mint)}.feedback.is-wrong{background:var(--coral-tint);border:2px solid var(--coral)}.feedback p{margin:6px 0 14px;font-size:14.5px}.btn{border:2px solid var(--volt-deep);font-family:var(--display);border-radius:14px;width:100%;padding:14px 24px;font-size:16px;font-weight:700}.btn-primary{background:var(--volt);color:#fff;box-shadow:0 4px 0 var(--volt-deep);transition:transform 60ms,box-shadow 60ms}.btn-primary:not(:disabled):active{box-shadow:0 0 0 var(--volt-deep);transform:translateY(4px)}.btn-primary:disabled{background:var(--line);border-color:var(--line);color:var(--ink-soft);box-shadow:0 4px #cbcadd}.btn-check{margin-top:auto}.done-screen{text-align:center;justify-content:center;align-items:center;gap:4px}.done-cursor{color:var(--volt);font-size:56px;animation:1.1s step-end infinite blink}.done-title{font-family:var(--display);margin:8px 0 0;font-size:30px;font-weight:800}.done-xp{font-family:var(--mono);color:#c47b00;margin:4px 0;font-size:22px;font-weight:600}.done-streak{color:var(--ink-soft);margin:0 0 28px}.done-screen .btn{max-width:280px}@media (prefers-reduced-motion:reduce){.caret,.done-cursor,.node.is-open{animation:none}.progress-fill{transition:none}}