:root{--ground: #fdfcfc;--powder: #f5f3f1;--card: #ffffff;--chalk: #e5e5e5;--fog: #b1b0b0;--gravel: #777169;--slate: #a59f97;--ink: #191712;--obsidian: #0b0b0a;--blueprint: #33507c;--blueprint-soft: #e7ecf3;--sand: #f2ece1;--sand-line: #d9cfbc;--grid: rgba(24, 22, 18, .035);--grid-strong: rgba(24, 22, 18, .05);--serif: ui-serif, "New York", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--shadow-hairline: rgba(0, 0, 0, .4) 0px 0px 1.1px 0px, rgba(0, 0, 0, .04) 0px 2px 4px 0px;--shadow-frame: rgba(0, 0, 0, .4) 0px 0px 1.1px 0px, rgba(0, 0, 0, .05) 0px 18px 48px -24px;--content-col: 648px;--content-col-wide: 700px;--radius-pill: 9999px;--radius-card: 16px;--radius-panel: 20px}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;font-family:var(--sans);color:var(--ink);background-color:var(--ground);line-height:1.6}#root{min-height:100vh}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}.eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gravel);margin:0}.serif{font-family:var(--serif);font-weight:300;letter-spacing:-.02em}h1.title{font-family:var(--serif);font-weight:300;letter-spacing:-.025em;font-size:42px;line-height:1.06;margin:0;color:var(--ink)}h2.h{font-family:var(--serif);font-weight:300;letter-spacing:-.02em;font-size:28px;line-height:1.12;margin:0;color:var(--ink)}p.body{font-size:16px;line-height:1.62;color:var(--ink);margin:0}p.muted{font-size:15px;line-height:1.6;color:var(--gravel);margin:0}.footnote{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--slate)}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--ground)}.appbar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:66px;padding:0 26px;flex:0 0 auto;background:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),var(--powder);background-size:22px 22px,22px 22px,auto;border-bottom:1px solid var(--chalk)}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand .mark{color:var(--ink);display:flex}.brand .wordmark{font-family:var(--mono);font-weight:600;font-size:13.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);text-decoration:none}.brand .vsep{width:1px;height:22px;background:var(--chalk)}.brand .course{font-size:14px;color:var(--gravel);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chips{display:flex;align-items:center;gap:10px}.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--chalk);background:var(--ground);border-radius:var(--radius-pill);padding:6px 13px;font-size:13px;color:var(--ink);white-space:nowrap}.chip .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gravel)}.chip .num{font-family:var(--mono);font-size:13px}.chip svg{display:block;color:var(--gravel)}.avatar{width:30px;height:30px;border-radius:var(--radius-pill);background:var(--card);border:1px solid var(--chalk);display:grid;place-items:center;font-family:var(--serif);font-weight:400;font-size:15px;color:var(--ink)}.appbody{flex:1 1 auto;display:block}.appbody.withrail{display:grid;grid-template-columns:296px 1fr}.content{background:var(--ground);padding:44px 56px 72px;min-height:560px}.col{max-width:var(--content-col)}.col.wide{max-width:var(--content-col-wide)}.pill{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:500;font-size:15px;line-height:1;border-radius:var(--radius-pill);padding:13px 22px;cursor:pointer;border:1px solid var(--obsidian);background:var(--obsidian);color:var(--ground);text-decoration:none;box-shadow:#0000000f 0 0 0 1px,#0000000a 0 1px 2px,#0000000a 0 2px 4px}.pill:hover{background:var(--ink)}.pill:disabled{cursor:not-allowed;opacity:.5}.pill.ghost{background:var(--card);color:var(--ink);border:1px solid var(--chalk)}.pill.ghost:hover{background:var(--powder)}.pill.small{font-size:14px;padding:10px 17px}.pill svg{display:block}.stack{display:grid}.g-8{gap:8px}.g-16{gap:16px}.g-20{gap:20px}.g-24{gap:24px}.g-28{gap:28px}.g-32{gap:32px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:20px}@media (max-width: 900px){.appbody.withrail{grid-template-columns:1fr}.content{padding:32px 22px 56px}}.card{background:var(--card);border-radius:var(--radius-card);padding:24px;box-shadow:var(--shadow-hairline)}.panel{background:var(--card);border-radius:var(--radius-panel);padding:26px 28px;box-shadow:#00000013 0 0 0 .5px inset}.hero{display:flex;align-items:center;justify-content:space-between;gap:28px}.hero .lede{min-width:0}.hero .kicker{margin-bottom:12px}.hero .next{font-family:var(--serif);font-weight:300;font-size:23px;line-height:1.24;letter-spacing:-.015em;color:var(--ink);margin:0}.hero .meta{margin-top:12px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.hero .meta .m{font-family:var(--mono);font-size:12px;color:var(--gravel);letter-spacing:.03em}.rail{background:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),var(--powder);background-size:22px 22px,22px 22px,auto;border-right:1px solid var(--chalk);padding:30px 24px}.rail .rail-h{margin-bottom:16px}.legend{display:grid;gap:9px;padding:14px 0 18px;margin-bottom:12px;border-bottom:1px solid var(--chalk)}.legend .row{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--gravel)}.gly{width:15px;height:15px;flex:0 0 15px;border-radius:3px}.gly.mastered{background:var(--obsidian)}.gly.progress{background:linear-gradient(90deg,var(--obsidian) 0,var(--obsidian) 55%,transparent 55%);border:1px solid var(--chalk)}.gly.inferred{background:var(--powder);border:1px solid var(--slate)}.gly.unknown{background:transparent;border:1px dashed var(--slate)}.units{display:grid;gap:2px}.unit{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:9px;width:100%;text-align:left;border:0;background:transparent;cursor:pointer;color:inherit;font:inherit}.unit:hover{background:var(--card)}.unit.active{background:var(--card);box-shadow:#00000013 0 0 0 .5px inset}.unit .u-no{font-family:var(--mono);font-size:11px;color:var(--slate);width:20px}.unit .u-name{font-size:13px;color:var(--ink);line-height:1.3}.unit .u-name span{display:block;font-size:11px;color:var(--slate);margin-top:2px;font-family:var(--mono);letter-spacing:.02em}.pb{display:grid;gap:16px}.pb .barrow{display:grid;grid-template-columns:96px 1fr 48px;align-items:center;gap:14px}.pb .barrow .lab{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gravel)}.pb .track,.progressbar .track{display:block;height:10px;border-radius:var(--radius-pill);background:var(--powder);box-shadow:#0000000f 0 0 0 1px inset;overflow:hidden}.pb .fill{display:block;height:100%;border-radius:var(--radius-pill)}.pb .fill.prev{background:var(--slate)}.pb .fill.now{background:var(--blueprint)}.pb .pct{font-family:var(--mono);font-size:13px;text-align:right;color:var(--ink)}.pb .pct.now{color:var(--blueprint)}.delta{font-family:var(--mono);font-size:12px;color:var(--blueprint);letter-spacing:.02em}.companion{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px dashed var(--chalk);border-radius:14px;padding:16px 20px;background:var(--ground);text-decoration:none;color:inherit}.companion:hover{background:var(--powder)}.companion .ct{font-size:14px;color:var(--ink)}.companion .cs{font-size:12.5px;color:var(--gravel);margin-top:3px}.companion .go{font-family:var(--mono);font-size:12px;color:var(--ink);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:6px;white-space:nowrap}.scaffold{display:flex;align-items:center;gap:14px}.segdots{display:flex;gap:7px}.segdots .d{width:10px;height:10px;border-radius:var(--radius-pill);border:1px solid var(--chalk);background:transparent}.segdots .d.done{background:var(--obsidian);border-color:var(--obsidian)}.segdots .d.now{background:var(--blueprint);border-color:var(--blueprint);box-shadow:0 0 0 3px var(--blueprint-soft)}.scaffold .of,.progressbar .of{font-family:var(--mono);font-size:12px;color:var(--gravel);letter-spacing:.06em}.progressbar{display:flex;align-items:center;gap:14px}.progressbar .track{flex:1}.progressbar .fill{display:block;height:100%;background:var(--blueprint);border-radius:var(--radius-pill)}.probe{font-family:var(--serif);font-weight:300;font-size:25px;line-height:1.36;letter-spacing:-.015em;color:var(--ink);margin:0;padding-left:20px;border-left:2px solid var(--ink)}.video{max-width:540px}.video .frame{position:relative;aspect-ratio:4 / 3;border-radius:14px;overflow:hidden;background:radial-gradient(120% 120% at 50% 40%,#ffffff 0%,var(--powder) 100%);border:1px solid var(--chalk);display:grid;place-items:center;width:100%;cursor:pointer}.video .play{width:58px;height:58px;border-radius:var(--radius-pill);background:var(--card);border:1px solid var(--chalk);display:grid;place-items:center;box-shadow:var(--shadow-hairline)}.video .play svg{color:var(--ink);margin-left:3px}.video .cap{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:13.5px;color:var(--gravel)}.video .cap .live{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border:1px solid var(--chalk);border-radius:var(--radius-pill);padding:3px 8px}.qstem{font-size:17.5px;line-height:1.5;color:var(--ink);margin:0 0 6px}.opts{display:grid;gap:10px;margin-top:18px}.opt{display:flex;align-items:center;gap:14px;border:1px solid var(--chalk);background:var(--card);border-radius:12px;padding:15px 18px;font-size:16px;line-height:1.4;color:var(--ink);width:100%;text-align:left;font-family:var(--sans);cursor:pointer}.opt[disabled]{cursor:default}.opt.selectable:hover:not([disabled]){background:var(--powder)}.opt .tick{width:22px;height:22px;flex:0 0 22px;border-radius:var(--radius-pill);border:1px solid var(--chalk);display:grid;place-items:center;color:var(--slate)}.opt .txt{flex:1}.opt .badge{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gravel)}.opt.picked .tick{background:var(--obsidian);border-color:var(--obsidian);color:var(--ground)}.opt.correct{border-color:var(--obsidian);box-shadow:#0000000f 0 0 0 1px}.opt.correct .tick{background:var(--obsidian);border-color:var(--obsidian);color:var(--ground)}.opt.correct .badge{color:var(--ink)}.opt.wrong{background:var(--sand);border-color:var(--sand-line)}.opt.wrong .tick{border-color:var(--sand-line);color:var(--gravel);background:var(--card)}.cr-input{width:100%;min-height:140px;resize:vertical;border:1px solid var(--chalk);border-radius:12px;background:var(--card);padding:15px 18px;font-family:var(--sans);font-size:16px;line-height:1.55;color:var(--ink)}.cr-input::placeholder{color:var(--slate)}.cloze{font-size:17px;line-height:1.9;color:var(--ink)}.cloze .blank{border:1px solid var(--chalk);border-radius:8px;background:var(--card);padding:4px 10px;font-family:var(--sans);font-size:15px;color:var(--ink);min-width:120px}.cloze .blank:focus-visible{border-color:var(--blueprint)}.sortlist{display:grid;gap:8px;list-style:none;margin:0;padding:0}.sortitem{display:flex;align-items:center;gap:12px;border:1px solid var(--chalk);background:var(--card);border-radius:12px;padding:12px 16px;font-size:15px}.sortitem .idx{font-family:var(--mono);font-size:12px;color:var(--slate);width:18px}.sortitem .moves{margin-left:auto;display:flex;gap:6px}.sortitem .moves button{border:1px solid var(--chalk);background:var(--ground);border-radius:var(--radius-pill);width:26px;height:26px;cursor:pointer;color:var(--ink);font-size:13px}.sortitem .moves button:disabled{opacity:.35;cursor:not-allowed}.feedback{margin-top:18px;border-radius:14px;padding:18px 20px;font-size:15.5px;line-height:1.55}.feedback.affirm{background:var(--ground);border:1px solid var(--chalk);color:var(--ink)}.feedback.calm{background:var(--sand);border:1px solid var(--sand-line);color:var(--ink)}.feedback .lab{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gravel);display:block;margin-bottom:7px}.results{display:grid;gap:1px;background:var(--chalk);border:1px solid var(--chalk);border-radius:var(--radius-card);overflow:hidden}.results .r{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--card);padding:18px 22px}.results .r .rk{font-size:15px;color:var(--ink)}.results .r .rk span{display:block;font-size:12.5px;color:var(--gravel);margin-top:3px}.results .r .rv{font-family:var(--mono);font-size:15px;color:var(--ink);white-space:nowrap}.results .r .rv.meets{font-family:var(--sans);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border:1px solid var(--chalk);border-radius:var(--radius-pill);padding:5px 11px}.verdict{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--chalk);border-radius:14px;overflow:hidden;background:var(--card)}.verdict .v{padding:16px;text-align:center;border-right:1px solid var(--chalk)}.verdict .v:last-child{border-right:0}.verdict .v .vs{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);display:block;margin-bottom:8px}.verdict .v .vt{font-size:15px;color:var(--fog)}.verdict .v.on{background:var(--blueprint-soft)}.verdict .v.on .vs{color:var(--blueprint)}.verdict .v.on .vt{color:var(--blueprint);font-weight:500}.verdict .v.on .dot{display:inline-block;width:6px;height:6px;border-radius:var(--radius-pill);background:var(--blueprint);margin-right:7px;transform:translateY(-1px)}.queued{display:flex;align-items:flex-start;gap:12px;border:1px dashed var(--chalk);border-radius:14px;padding:16px 20px;background:var(--ground)}.queued .qi{color:var(--gravel);margin-top:2px}.queued .qt{font-size:15px;color:var(--ink)}.queued .qt span{display:block;font-size:13px;color:var(--gravel);margin-top:4px}.nextsteps{display:grid;gap:12px}.stepcard{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--chalk);background:var(--card);border-radius:14px;padding:18px 20px;text-decoration:none;color:inherit;cursor:pointer;width:100%;text-align:left;font:inherit}.stepcard:hover{background:var(--powder)}.stepcard .st{font-size:15.5px;color:var(--ink)}.stepcard .ss{font-size:13px;color:var(--gravel);margin-top:4px}.celebrate{display:flex;align-items:center;gap:10px;color:var(--blueprint);font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.state-note{color:var(--gravel);font-size:15px}