:root{--bg:#0b0d11;--panel:#12151b;--panel-2:#171b23;--panel-3:#1b202a;--hover:#1e232d;--track:#1d2330;--field:#10131a;--code-bg:#0d1015;--card-top:#191d26;--scroll:#2a3140;--sheen:#ffffff09;--ink-wash:#00000059;--scrim:#030509c7;--line-soft:#1b202a;--line:#232935;--line-strong:#333c4c;--text:#e7eaf0;--text-1:#d3d9e6;--text-2:#c6cdda;--code-text:#a7b0c2;--placeholder:#737e91;--muted:#9aa4b6;--dim:#7f8a9c;--human:#34d399;--human-ink:#062018;--human-bright:#4ce4ae;--human-text:#6ee7b7;--human-wash:#34d39914;--human-tint:#34d39926;--human-edge:#34d3996b;--agent:#a78bfa;--agent-text:#c9b6ff;--agent-wash:#a78bfa17;--agent-tint:#a78bfa29;--agent-edge:#a78bfa61;--warn:#fbbf24;--warn-text:#f4dfae;--warn-wash:#fbbf2412;--warn-tint:#fbbf242e;--warn-edge:#fbbf2466;--bad:#f87171;--bad-ink:#2a0c0c;--bad-text:#f2a3a3;--bad-wash:#f8717114;--bad-edge:#f8717173;--good:var(--human);--s-1:4px;--s-2:6px;--s-3:8px;--s-4:10px;--s-5:12px;--s-6:14px;--s-7:16px;--s-8:20px;--s-9:24px;--s-10:32px;--s-11:40px;--modal-max:720px;--r-xs:6px;--r-sm:8px;--r:12px;--r-lg:18px;--r-pill:999px;--t-3xs:10.5px;--t-2xs:11.5px;--t-xs:12.5px;--t-sm:13.5px;--t-base:14px;--t-md:15.5px;--t-lg:19px;--t-xl:26px;--t-2xl:34px;--t-display:clamp(22px, 2.4vw, 30px);--lh-tight:1.25;--lh:1.6;--track-caps:.09em;--e-inset:inset 0 1px 0 #ffffff08;--e-raised:0 18px 44px #00000047, inset 0 1px 0 #ffffff0a;--dur-fast:.12s;--dur:.18s;--dur-slow:.4s;--ease:cubic-bezier(.2, .8, .2, 1);--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, Roboto, sans-serif}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--panel:#fff;--panel-2:#f2f4f7;--panel-3:#e9edf2;--hover:#eef1f5;--track:#e4e8ee;--field:#fff;--code-bg:#f2f4f7;--card-top:#fff;--scroll:#c8cfd9;--sheen:#00000005;--ink-wash:#0000000d;--scrim:#171a1f94;--line-soft:#e6eaf0;--line:#d5dbe4;--line-strong:#b6bfcc;--text:#171a1f;--text-1:#2b313a;--text-2:#3d4552;--muted:#4d5666;--dim:#5f6875;--code-text:#41495a;--placeholder:#6b7482;--human:#047857;--human-ink:#fff;--human-bright:#036a4e;--human-text:#065f46;--human-wash:#04785712;--human-tint:#04785724;--human-edge:#0478576b;--agent:#5b30c9;--agent-text:#5b30c9;--agent-wash:#5b30c90f;--agent-tint:#5b30c91f;--agent-edge:#5b30c959;--warn:#8a5a06;--warn-text:#8a5a06;--warn-wash:#8a5a060f;--warn-tint:#8a5a0624;--warn-edge:#8a5a0661;--bad:#b3261e;--bad-ink:#fff;--bad-text:#b3261e;--bad-wash:#b3261e0f;--bad-edge:#b3261e66;--e-inset:inset 0 1px 0 #ffffffe6;--e-raised:0 12px 32px #171a1f1a, 0 1px 2px #171a1f0f}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--panel:#fff;--panel-2:#f2f4f7;--panel-3:#e9edf2;--hover:#eef1f5;--track:#e4e8ee;--field:#fff;--code-bg:#f2f4f7;--card-top:#fff;--scroll:#c8cfd9;--sheen:#00000005;--ink-wash:#0000000d;--scrim:#171a1f94;--line-soft:#e6eaf0;--line:#d5dbe4;--line-strong:#b6bfcc;--text:#171a1f;--text-1:#2b313a;--text-2:#3d4552;--muted:#4d5666;--dim:#5f6875;--code-text:#41495a;--placeholder:#6b7482;--human:#047857;--human-ink:#fff;--human-bright:#036a4e;--human-text:#065f46;--human-wash:#04785712;--human-tint:#04785724;--human-edge:#0478576b;--agent:#5b30c9;--agent-text:#5b30c9;--agent-wash:#5b30c90f;--agent-tint:#5b30c91f;--agent-edge:#5b30c959;--warn:#8a5a06;--warn-text:#8a5a06;--warn-wash:#8a5a060f;--warn-tint:#8a5a0624;--warn-edge:#8a5a0661;--bad:#b3261e;--bad-ink:#fff;--bad-text:#b3261e;--bad-wash:#b3261e0f;--bad-edge:#b3261e66;--e-inset:inset 0 1px 0 #ffffffe6;--e-raised:0 12px 32px #171a1f1a, 0 1px 2px #171a1f0f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-picker{border:1px solid var(--line);background:var(--panel);border-radius:var(--r-pill);align-items:center;gap:2px;padding:2px;display:inline-flex}.theme-picker button{color:var(--dim);border-radius:var(--r-pill);padding:var(--s-1) var(--s-4);font-size:var(--t-2xs);min-height:26px;transition:background var(--dur), color var(--dur);background:0 0;border:none}.theme-picker button:hover{color:var(--text)}.theme-picker button[aria-pressed=true]{background:var(--panel-3);color:var(--text)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:var(--t-base);line-height:var(--lh);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}code,pre{font-family:var(--mono)}.app{grid-template-rows:auto 1fr;max-width:1440px;height:100%;margin:0 auto;display:grid}.body{gap:var(--s-8);padding:0 var(--s-9) var(--s-10);grid-template-columns:minmax(0,1fr) 372px;min-height:0;display:grid;overflow:hidden}.main{padding-right:var(--s-1);min-height:0;overflow-y:auto}.rail{gap:var(--s-7);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.row{gap:var(--s-4);flex-wrap:wrap;align-items:center;display:flex}.sep{background:var(--line-soft);height:1px;margin:var(--s-7) 0}.spacer{flex:1}.header{align-items:center;gap:var(--s-7);padding:var(--s-8) var(--s-9) var(--s-7);flex-wrap:wrap;display:flex}.brand{align-items:baseline;gap:var(--s-4);display:flex}.brand h1{font-size:var(--t-lg);letter-spacing:-.02em;margin:0;font-weight:650}.brand span{color:var(--dim);font-size:var(--t-sm)}.header .spacer{flex:1}.pill{align-items:center;gap:var(--s-3);border:1px solid var(--line);background:var(--panel);padding:var(--s-2) var(--s-5);border-radius:var(--r-pill);font-size:var(--t-xs);color:var(--muted);display:inline-flex}.pill .dot{background:var(--dim);border-radius:50%;width:7px;height:7px}.pill.live{border-color:var(--agent-edge);color:var(--agent-text);background:var(--agent-wash)}.pill.live .dot{background:var(--agent);box-shadow:0 0 0 3px var(--agent-tint);animation:2.4s infinite pulse}.btn{border:1px solid var(--line);background:var(--panel-2);padding:var(--s-3) var(--s-6);border-radius:var(--r-sm);font-size:var(--t-base);min-height:38px;transition:background var(--dur), border-color var(--dur), transform var(--dur-fast), opacity var(--dur)}.btn:hover{background:var(--hover);border-color:var(--line-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{background:var(--panel-2);border-color:var(--line)}.btn.primary{background:var(--human);color:var(--human-ink);border-color:#0000;font-weight:620}.btn.primary:hover:not(:disabled){background:var(--human-bright)}.btn.quiet{color:var(--muted);background:0 0;border-color:#0000}.btn.quiet:hover{background:var(--panel-2);border-color:var(--line);color:var(--text)}.btn.ghost{background:0 0}.btn.danger{color:var(--bad-text)}.btn.danger:hover{border-color:var(--bad-edge);color:var(--bad)}.btn.sm{padding:var(--s-2) var(--s-4);font-size:var(--t-xs);min-height:32px}.btn.lg{padding:var(--s-5) var(--s-8);font-size:var(--t-md);min-height:46px}input,textarea,select{background:var(--field);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s-3) var(--s-5);font-size:var(--t-sm);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:0}input::placeholder,textarea::placeholder{color:var(--placeholder)}input:focus,textarea:focus,select:focus{border-color:var(--line-strong);background:var(--panel);outline:none}textarea{resize:vertical;width:100%;font-family:var(--sans);line-height:1.5}.form{gap:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.form>input{flex:1}.form>input.narrow{flex:0 0 152px}.form.vertical{flex-direction:column;align-items:stretch}.form code{font-size:var(--t-2xs);background:var(--ink-wash);padding:2px var(--s-2);border-radius:var(--r-xs);color:var(--text-2)}.panel{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:var(--s-8) var(--s-8);box-shadow:var(--e-inset)}.panel+.panel{margin-top:var(--s-7)}.panel.muted-panel{box-shadow:none;background:0 0;border-style:dashed}.panel-head{align-items:center;gap:var(--s-4);margin:0 0 var(--s-6);display:flex}.panel-head h2{font-size:var(--t-md);letter-spacing:-.005em;margin:0;font-weight:600}.eyebrow{margin:0 0 var(--s-1);font-size:var(--t-3xs);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--dim)}.hint{color:var(--dim);font-size:var(--t-xs);margin:0;line-height:1.5}.empty{color:var(--muted);text-align:center;padding:var(--s-10) var(--s-4)}.badge{font-size:var(--t-3xs);letter-spacing:.04em;padding:2px var(--s-2);border-radius:var(--r-xs);height:fit-content;font-weight:650}.badge.agent,.badge.replay{background:var(--agent-tint);color:var(--agent-text)}.badge.human{background:var(--human-tint);color:var(--human-text)}.bar{border-radius:var(--r-pill);background:var(--track);height:7px;overflow:hidden}.bar>i{border-radius:var(--r-pill);height:100%;transition:width var(--dur-slow) var(--ease);display:block}.impact{margin-top:var(--s-2);font-size:var(--t-2xs);padding:2px var(--s-3);border-radius:var(--r-pill);border:1px solid var(--line);color:var(--muted);display:inline-block}.impact.good{border-color:var(--human-edge);color:var(--human-text);background:var(--human-wash)}.impact.bad{border-color:var(--bad-edge);color:var(--bad-text);background:var(--bad-wash)}.panel.hero{background:var(--panel);border-color:var(--line)}.hero-top{align-items:flex-start;gap:var(--s-7);flex-wrap:wrap;display:flex}.hero-title{font-size:var(--t-xl);margin:0 0 var(--s-2);letter-spacing:-.02em;font-weight:640;line-height:1.15}.deck-select{max-width:240px;font-size:var(--t-xs)}.stats{margin:var(--s-9) 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid}.stat{padding:var(--s-7) var(--s-7) var(--s-6);border-right:1px solid var(--line-soft)}.stat:last-child{border-right:none}.stat-value{font-size:var(--t-2xl);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text);overflow-wrap:anywhere;font-weight:600;line-height:1.05}.stat-value.word{font-size:var(--t-lg);letter-spacing:-.015em;line-height:1.2}.stat-label{font-size:var(--t-xs);color:var(--dim);margin-top:var(--s-2)}.cta{gap:var(--s-4);flex-wrap:wrap;display:flex}.decks{gap:var(--s-5);display:grid}.deck{align-items:center;gap:var(--s-7);padding:var(--s-7) var(--s-7);border:1px solid var(--line-soft);border-radius:var(--r);background:var(--panel-2);text-align:left;width:100%;transition:border-color var(--dur), background var(--dur);display:flex}.deck:hover{border-color:var(--line-strong);background:var(--panel-3)}.deck.active{border-color:var(--human-edge);background:var(--human-wash)}.deck .name{font-weight:600;font-size:var(--t-md)}.deck .sub{color:var(--dim);font-size:var(--t-xs)}.deck .grow{flex:1;min-width:0}.countdown{font-variant-numeric:tabular-nums;text-align:right;font-size:var(--t-xs);color:var(--muted)}.countdown b{font-size:var(--t-lg);color:var(--warn);font-weight:650;display:block}.topic-row{gap:var(--s-6);padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);transition:background var(--dur), box-shadow var(--dur);grid-template-columns:148px 1fr auto;align-items:center;display:grid}.topic-row .t{font-size:var(--t-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topic-row .n{font-size:var(--t-xs);color:var(--dim);font-variant-numeric:tabular-nums}.focused{background:var(--agent-wash);box-shadow:inset 0 0 0 1px var(--agent-edge)}.focus-tag{font-size:var(--t-2xs);color:var(--agent);border:1px solid var(--agent-edge);padding:1px var(--s-2);border-radius:var(--r-pill);white-space:nowrap}.plan{gap:var(--s-3);display:grid}.plan-block{gap:var(--s-5);border:1px solid var(--line-soft);border-radius:var(--r-sm);padding:var(--s-4) var(--s-5);background:var(--panel-2);font-size:var(--t-sm);grid-template-columns:auto 84px 1fr auto;align-items:center;display:grid}.plan-block.done{opacity:.45}.plan-block .d{font-family:var(--mono);font-size:var(--t-xs);color:var(--muted)}.plan-block .m{font-size:var(--t-xs);color:var(--dim)}.plan-block input{accent-color:var(--human);width:15px;height:15px;padding:0}.card-list{margin-top:var(--s-2);flex-direction:column;gap:2px;max-width:100%;display:flex}.card-row{gap:var(--s-5);padding:var(--s-5) var(--s-4);border-bottom:1px solid var(--line-soft);align-items:flex-start;display:flex}.card-row:last-of-type{border-bottom:none}.card-row .grow{flex:1;min-width:0}.card-row .q{font-size:var(--t-sm);overflow-wrap:anywhere}.card-row .a{font-size:var(--t-xs);color:var(--muted);overflow-wrap:anywhere;margin-top:2px}.card-row .tag{font-size:var(--t-3xs);letter-spacing:.04em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line);border-radius:var(--r-xs);padding:1px var(--s-2);margin-right:var(--s-3)}.card-row.editing{gap:var(--s-3);grid-template-columns:1fr 1fr 152px auto;align-items:center;display:grid}.row-note{margin-top:var(--s-2);font-size:var(--t-xs);color:var(--agent-text);border-left:2px solid var(--agent);background:var(--agent-wash);padding:var(--s-3) var(--s-5);border-radius:0 var(--r-sm) var(--r-sm) 0}.row-note .who{font-size:var(--t-3xs);color:var(--agent);letter-spacing:.03em;margin-bottom:2px;display:block}.study{gap:var(--s-7);flex-direction:column;display:flex}.study-top{align-items:center;gap:var(--s-5);flex-wrap:wrap;display:flex}.progress{background:var(--track);border-radius:var(--r-pill);flex:1;min-width:140px;height:5px;overflow:hidden}.progress>i{background:var(--human);height:100%;transition:width var(--dur-slow) var(--ease);display:block}.card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card-top);padding:var(--s-11) var(--s-10);gap:var(--s-9);min-height:300px;box-shadow:var(--e-raised);flex-direction:column;display:flex}.card.focused{box-shadow:inset 0 0 0 1px var(--agent-edge), 0 0 34px var(--agent-wash)}.card .topic-chip{font-size:var(--t-2xs);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:3px var(--s-3);border-radius:var(--r-pill);align-self:flex-start}.card .front{font-size:var(--t-display);line-height:var(--lh-tight);letter-spacing:-.022em;overflow-wrap:anywhere;max-width:24em;margin:0;font-weight:550}.card .back{font-size:var(--t-md);color:var(--text-1);line-height:var(--lh);overflow-wrap:anywhere;max-width:46em;padding-top:var(--s-8);border-top:1px dashed var(--line);animation:rise .28s var(--ease);margin:0}.note{border-left:2px solid var(--agent);background:var(--agent-wash);padding:var(--s-5) var(--s-6);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:var(--t-sm);color:var(--agent-text)}.note .who{font-size:var(--t-2xs);color:var(--agent);letter-spacing:.03em;margin-bottom:3px;display:block}.grades{gap:var(--s-4);flex-wrap:wrap;display:flex}.grade{border:1px solid var(--line);background:var(--panel-2);border-radius:var(--r-sm);min-width:96px;padding:var(--s-5) var(--s-3);text-align:center;font-size:var(--t-md);min-height:62px;transition:border-color var(--dur), background var(--dur);flex:1}.grade small{color:var(--dim);font-size:var(--t-2xs);margin-top:3px;display:block}.grade:hover{border-color:var(--line-strong);background:var(--panel-3)}.grade.again:hover{border-color:var(--bad-edge)}.grade.easy:hover{border-color:var(--human-edge)}.queue-chip{overflow-wrap:anywhere;max-width:100%;font-family:var(--sans);font-size:var(--t-xs);color:var(--muted);border:1px solid var(--line-soft);border-radius:var(--r-pill);padding:var(--s-2) var(--s-5);background:var(--panel-2)}.queue-chip b{color:var(--dim);margin-right:var(--s-2);font-weight:500}.feed{max-height:340px;margin-right:calc(-1 * var(--s-2));padding-right:var(--s-2);scrollbar-width:thin;scrollbar-color:var(--scroll) transparent;flex-direction:column;display:flex;overflow-y:auto}.feed::-webkit-scrollbar{width:6px}.feed::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:var(--r-pill)}.feed-item{gap:var(--s-4);padding:var(--s-3) 0 var(--s-3) var(--s-4);border-bottom:1px solid var(--line-soft);animation:rise .25s var(--ease);border-left:2px solid #0000;grid-template-columns:auto 1fr;display:grid}.feed-item:last-child{border-bottom:none}.feed-item.agent,.feed-item.replay{border-left-color:var(--agent-edge)}.feed-item.human{border-left-color:var(--human-edge)}.feed-item .msg{font-size:var(--t-xs);color:var(--text-2);line-height:1.45}.feed-item .meta{font-size:var(--t-2xs);color:var(--dim);margin-top:3px}.feed-item code{font-size:var(--t-2xs);color:var(--agent)}.feed-item .badge{margin-top:2px}.tools{gap:var(--s-2);flex-wrap:wrap;max-width:100%;display:flex}.tool{font-family:var(--mono);font-size:var(--t-2xs);border:1px solid var(--line);border-radius:var(--r-xs);padding:var(--s-1) var(--s-3);color:var(--muted);transition:color var(--dur), border-color var(--dur), background var(--dur), opacity var(--dur);background:0 0}.tool:hover{border-color:var(--line-strong);color:var(--text)}.tool.hot{color:var(--agent-text);border-color:var(--agent-edge);background:var(--agent-tint)}.tool.off{color:var(--dim);border-style:dashed;border-color:var(--line-soft);background:repeating-linear-gradient(45deg, transparent, transparent 4px, var(--sheen) 4px, var(--sheen) 8px)}.tool.off:hover{color:var(--muted)}.tool.open{color:var(--text);border-color:var(--line-strong);background:var(--panel-3)}.tool-group+.tool-group{margin-top:var(--s-6)}.tool-group .eyebrow{margin-bottom:var(--s-2)}.tool-detail{margin-top:var(--s-6);padding-top:var(--s-6);border-top:1px solid var(--line-soft)}.tool-name{font-size:var(--t-xs);color:var(--agent)}.tool-desc{font-size:var(--t-xs);color:var(--text-2);margin:var(--s-4) 0 0;line-height:1.55}.schema{padding:var(--s-4) var(--s-5);background:var(--code-bg);border:1px solid var(--line-soft);border-radius:var(--r-sm);font-size:var(--t-2xs);color:var(--code-text);max-height:260px;margin:0;line-height:1.5;overflow:auto}.replay-bar{border:1px solid var(--agent-edge);background:var(--agent-tint);border-radius:var(--r-lg);padding:var(--s-6) var(--s-7) var(--s-5)}.replay-head{align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.replay-tag{font-size:var(--t-3xs);letter-spacing:.06em;background:var(--agent-tint);color:var(--agent-text);padding:3px var(--s-3);border-radius:var(--r-xs);font-weight:700}.replay-line{align-items:baseline;gap:var(--s-4);margin:var(--s-5) 0 var(--s-4);animation:rise .3s var(--ease);flex-wrap:wrap;display:flex}.replay-line .who{font-size:var(--t-3xs);letter-spacing:.05em;text-transform:uppercase;padding:2px var(--s-2);border-radius:var(--r-xs);white-space:nowrap}.replay-line.student .who{background:var(--human-tint);color:var(--human-text)}.replay-line.agent .who{background:var(--agent-tint);color:var(--agent-text)}.replay-line .said{font-size:var(--t-md);color:var(--text)}.replay-line code{font-size:var(--t-2xs);color:var(--agent)}.replay-progress{background:var(--track);border-radius:var(--r-pill);height:3px;overflow:hidden}.replay-progress>i{background:var(--agent);height:100%;transition:width var(--dur-slow) var(--ease);display:block}.approval{border:1px solid var(--warn-edge);background:var(--warn-wash);border-radius:var(--r-lg);padding:var(--s-7) var(--s-7)}.approval-head{align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.approval-tag{font-size:var(--t-3xs);letter-spacing:.06em;background:var(--warn-wash);color:var(--warn-text);padding:3px var(--s-3);border-radius:var(--r-xs);font-weight:700}.approval-summary{font-size:var(--t-md);margin:var(--s-5) 0 var(--s-1);color:var(--text)}.banner{border:1px solid var(--warn-edge);background:var(--warn-wash);border-radius:var(--r);padding:var(--s-6) var(--s-7);font-size:var(--t-sm);color:var(--warn-text)}.banner b{color:var(--text)}.banner code{font-size:var(--t-xs);background:var(--ink-wash);padding:2px var(--s-2);border-radius:var(--r-xs);color:var(--warn-text)}.banner ol{margin:var(--s-3) 0 0;padding-left:var(--s-8)}.banner li{margin:3px 0}.onboarding-layer{z-index:50;padding:var(--s-7);background:var(--scrim);-webkit-backdrop-filter:blur(var(--s-3));backdrop-filter:blur(var(--s-3));place-items:center;display:grid;position:fixed;inset:0}.onboarding{width:min(var(--modal-max), 100%);max-height:calc(100dvh - (2 * var(--s-7)));background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--r-lg);box-shadow:var(--e-raised);animation:rise var(--dur-slow) var(--ease);overflow-y:auto}.onboarding:focus-visible{outline:none}.onboarding-topline,.onboarding-actions{justify-content:space-between;align-items:center;gap:var(--s-5);padding:var(--s-6) var(--s-8);display:flex}.onboarding-brand{align-items:center;gap:var(--s-3);color:var(--text-1);font-size:var(--t-sm);font-weight:650;display:inline-flex}.onboarding-brand span{width:calc(var(--s-7) + var(--s-5));height:calc(var(--s-7) + var(--s-5));border-radius:var(--r-sm);background:var(--human);color:var(--human-ink);font-size:var(--t-xs);place-items:center;display:grid}.onboarding-progress{gap:var(--s-2);padding:0 var(--s-8);grid-template-columns:repeat(3,1fr);display:grid}.onboarding-progress-bar{height:var(--s-1);border-radius:var(--r-pill);background:var(--track);transition:background var(--dur-slow) var(--ease)}.onboarding-progress-bar.active{background:var(--human)}.onboarding-content{padding:var(--s-10) var(--s-10) var(--s-9)}.onboarding-eyebrow{margin:0 0 var(--s-3);color:var(--human-text);font-size:var(--t-2xs);letter-spacing:var(--track-caps);text-transform:uppercase;font-weight:700}.onboarding h2{max-width:18ch;font-size:var(--t-2xl);letter-spacing:-.03em;font-weight:650;line-height:var(--lh-tight);margin:0}.onboarding-copy{max-width:64ch;margin:var(--s-5) 0 0;color:var(--text-2);font-size:var(--t-md);line-height:1.65}.onboarding-facts{gap:var(--s-3);margin:var(--s-9) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.onboarding-fact{min-width:0;padding:var(--s-6);border:1px solid var(--line-soft);border-radius:var(--r);background:var(--panel-2)}.onboarding-fact-index{margin-bottom:var(--s-6);color:var(--dim);font-family:var(--mono);font-size:var(--t-3xs);display:block}.onboarding-fact dt{color:var(--text-1);font-size:var(--t-sm);font-weight:650}.onboarding-fact dd{margin:var(--s-2) 0 0;color:var(--muted);font-size:var(--t-xs);line-height:1.5}.onboarding-actions{border-top:1px solid var(--line-soft);background:var(--panel-2)}.onboarding-step-count{color:var(--dim);font-family:var(--mono);font-size:var(--t-xs);font-variant-numeric:tabular-nums}.onboarding-buttons{gap:var(--s-3);display:flex}@keyframes pulse{50%{box-shadow:0 0 0 6px #0000}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}:where(button,input,textarea,select,a,[tabindex]):focus-visible{outline:2px solid var(--agent);outline-offset:2px;border-radius:var(--r-xs)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=1080px){.app{height:auto}.body{grid-template-columns:1fr;height:auto;overflow:visible}.main,.rail{overflow:visible}}@media (width<=900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(2){border-right:none}.stat:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}.stat-value{font-size:var(--t-xl)}.cta .btn{flex:100%}}@media (pointer:coarse){.tool{padding:var(--s-2) var(--s-4);min-height:32px}.btn.sm{min-height:40px}}.skip-link{left:var(--s-4);top:var(--s-4);z-index:10;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:var(--s-3) var(--s-5);font-size:var(--t-sm);color:var(--text);transition:transform var(--dur) var(--ease);text-decoration:none;position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=720px){.header{padding:var(--s-6) var(--s-7) var(--s-5);gap:var(--s-4)}.brand span{display:none}.body{padding:0 var(--s-6) var(--s-8);gap:var(--s-6)}.panel{padding:var(--s-7) var(--s-6);border-radius:var(--r)}.deck{padding:var(--s-6);flex-wrap:wrap}.countdown{text-align:left}.topic-row{gap:var(--s-2);padding:var(--s-4) var(--s-2);grid-template-columns:1fr}.topic-row .n{justify-self:start}.card{padding:var(--s-9) var(--s-7);min-height:0}.grade{flex:44%;min-width:0}.card-row{flex-wrap:wrap}.card-row.editing{grid-template-columns:1fr}.card-row .row{width:100%}.form{flex-direction:column;align-items:stretch}.form>input,.form>input.narrow{flex:auto;width:100%}.plan-block{row-gap:var(--s-1);grid-template-columns:auto 62px 1fr}.plan-block .m{grid-column:3;justify-self:end}.replay-line .said{font-size:var(--t-base)}.btn.sm{min-height:40px;padding:var(--s-3) var(--s-5)}.onboarding-layer{padding:var(--s-3)}.onboarding{max-height:calc(100dvh - (2 * var(--s-3)))}.onboarding-topline,.onboarding-actions{padding:var(--s-5) var(--s-6)}.onboarding-progress{padding:0 var(--s-6)}.onboarding-content{padding:var(--s-8) var(--s-6)}.onboarding h2{font-size:var(--t-xl)}.onboarding-copy{font-size:var(--t-base)}.onboarding-facts{margin-top:var(--s-7);grid-template-columns:1fr}.onboarding-fact{column-gap:var(--s-4);grid-template-columns:auto 1fr;display:grid}.onboarding-fact-index{grid-row:1/span 2;margin:2px 0 0}.onboarding-fact dd{grid-column:2}}.btn.danger-solid{background:var(--bad);color:var(--bad-ink);border-color:#0000;font-weight:620}.btn.danger-solid:hover{filter:brightness(1.08)}