:root{--font-display: "Sora", system-ui, sans-serif;--font-body: "Karla", system-ui, sans-serif;--radius-s: 10px;--radius-m: 16px;--radius-l: 24px;--space-1: 6px;--space-2: 12px;--space-3: 20px;--space-4: 32px;--space-5: 52px;--text-s: .85rem;--text-m: 1rem;--text-l: 1.3rem;--text-xl: 1.9rem;--line-body: 1.55;--letter-body: 0;--motion: 1;--voltage: #7c5cff;--voltage-soft: #7c5cff2b;--mint: #34d399;--amber: #f5a623;--danger: #f0617a}html[data-theme=dark]{--bg: #131722;--bg-raised: #1b2130;--bg-sunken: #0e1119;--border: #2a3245;--text: #eaedf5;--text-dim: #98a2b8;--accent: var(--voltage);--accent-contrast: #ffffff;--bubble-tutor: #232c40;--bubble-me: #3a2f72;color-scheme:dark}html[data-theme=light]{--bg: #f7f7f4;--bg-raised: #ffffff;--bg-sunken: #ecece7;--border: #dcdcd4;--text: #1b2130;--text-dim: #5d6575;--accent: #6747ec;--accent-contrast: #ffffff;--bubble-tutor: #efedfb;--bubble-me: #e3f6ee;color-scheme:light}html[data-theme=nd]{--bg: #f4eee1;--bg-raised: #fbf7ec;--bg-sunken: #ebe3d2;--border: #d8cfba;--text: #2b2b26;--text-dim: #6b6657;--accent: #4a5fc1;--accent-contrast: #ffffff;--bubble-tutor: #efe7d4;--bubble-me: #e1ead7;color-scheme:light;--font-body: "Lexend", system-ui, sans-serif;--font-display: "Lexend", system-ui, sans-serif;--line-body: 1.85;--letter-body: .012em;--text-m: 1.08rem;--motion: 0}@media(prefers-reduced-motion:reduce){:root{--motion: 0}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-m);line-height:var(--line-body);letter-spacing:var(--letter-body);transition:background-color calc(.25s * var(--motion)) ease}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0}button{font:inherit;cursor:pointer;border:none;border-radius:var(--radius-s)}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-s);padding:10px 12px;width:100%}input:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.shell{max-width:1100px;margin:0 auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:var(--text-l);font-weight:700}.btn{padding:10px 18px;background:var(--accent);color:var(--accent-contrast);font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border)}.btn.quiet{background:var(--bg-sunken);color:var(--text)}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--space-3)}.error{color:var(--danger);font-size:var(--text-s)}.muted{color:var(--text-dim)}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:var(--space-3)}.login-card{width:min(420px,100%);display:grid;gap:var(--space-2);text-align:center}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--bg-sunken);border-radius:var(--radius-s);padding:4px}.login-tabs button{background:transparent;color:var(--text-dim);padding:8px;font-weight:600}.login-tabs button.active{background:var(--accent);color:var(--accent-contrast)}.login-card form{display:grid;gap:var(--space-2);text-align:left}.hw-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:var(--space-3)}.hw-card{display:grid;gap:6px;text-align:left;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--space-3);color:var(--text);transition:transform calc(.15s * var(--motion)) ease}.hw-card:hover{transform:translateY(calc(-2px * var(--motion)));border-color:var(--accent)}.pill{justify-self:start;font-size:var(--text-s);font-weight:700;padding:3px 10px;border-radius:99px;background:var(--voltage-soft);color:var(--accent)}.pill.done{background:color-mix(in srgb,var(--mint) 18%,transparent);color:var(--mint)}.dropzone{border:2px dashed var(--border);border-radius:var(--radius-m);padding:var(--space-4);text-align:center;display:grid;gap:var(--space-2);justify-items:center}.dropzone.active{border-color:var(--accent);background:var(--voltage-soft)}.session{display:grid;grid-template-columns:300px 1fr;gap:var(--space-3);align-items:start}@media(max-width:860px){.session{grid-template-columns:1fr}}.worksheet-rail{position:sticky;top:var(--space-3);display:grid;gap:var(--space-2);max-height:calc(100dvh - 100px);overflow:auto}.q-item{display:flex;gap:10px;align-items:flex-start;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-s);padding:var(--space-2);text-align:left;color:var(--text)}.q-item.selected{border-color:var(--accent);background:var(--voltage-soft)}.q-item.done{opacity:.65}.q-item .num{font-family:var(--font-display);font-weight:700;color:var(--accent);min-width:2ch}.q-item.flag .num{color:var(--amber)}.q-check{margin-left:auto;width:22px;height:22px;border-radius:6px;border:2px solid var(--border);background:transparent;flex:none}.q-check.on{background:var(--mint);border-color:var(--mint)}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;height:calc(100dvh - 110px);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-l);overflow:hidden}.chat-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.chat-scroll{overflow-y:auto;padding:var(--space-3);display:grid;gap:var(--space-2);align-content:start}.msg{max-width:72ch;padding:12px 16px;border-radius:var(--radius-m);white-space:pre-wrap}.msg.tutor{background:var(--bubble-tutor);justify-self:start;border-bottom-left-radius:4px}.msg.me{background:var(--bubble-me);justify-self:end;border-bottom-right-radius:4px}.chat-input{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border);align-items:flex-end}.chat-input textarea{resize:none;min-height:46px;max-height:140px}.mic{width:46px;height:46px;border-radius:50%;background:var(--bg-sunken);border:1px solid var(--border);display:grid;place-items:center;font-size:1.2rem;flex:none}.mic.listening{background:var(--danger);color:#fff;animation:pulse calc(1.2s * var(--motion) + .1ms) infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--danger) 25%,transparent)}}.voice-toggle{display:inline-flex;align-items:center;gap:8px;margin-left:auto;color:var(--text-dim);font-size:var(--text-s)}.review-q{display:grid;grid-template-columns:56px 1fr;gap:var(--space-2);margin-bottom:var(--space-2)}.flag-note{color:var(--amber);font-size:var(--text-s)}.tabs{display:flex;gap:4px;background:var(--bg-sunken);border-radius:var(--radius-s);padding:4px;width:fit-content}.tabs a{padding:8px 18px;border-radius:8px;text-decoration:none;color:var(--text-dim);font-weight:600}.tabs a.active{background:var(--accent);color:var(--accent-contrast)}.xp-wrap{display:flex;align-items:center;gap:10px;flex:1;max-width:360px}.level-badge{font-family:var(--font-display);font-weight:700;font-size:var(--text-s);color:var(--accent);background:var(--voltage-soft);padding:3px 10px;border-radius:99px;white-space:nowrap}.xp-bar{flex:1;height:10px;background:var(--bg-sunken);border-radius:99px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--mint));border-radius:99px;transition:width calc(.6s * var(--motion)) ease}.streak{font-weight:700;white-space:nowrap}.levelup{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:50}.levelup-card{background:var(--bg-raised);border:2px solid var(--accent);border-radius:var(--radius-l);padding:var(--space-4) var(--space-5);text-align:center;box-shadow:0 12px 50px #00000059;animation:levelpop calc(.4s * var(--motion) + .1ms) cubic-bezier(.2,1.6,.4,1)}.levelup-burst{font-size:2.2rem;color:var(--amber);display:inline-block;animation:spin calc(2s * var(--motion) + .1ms) linear infinite}@keyframes levelpop{0%{transform:scale(.6);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.quiz-q{border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--space-2) var(--space-3)}.quiz-q legend{font-weight:700;padding:0 8px}.quiz-opt{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer}.quiz-opt.picked{border-color:var(--accent);background:var(--voltage-soft)}.rewards-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.balance-card{display:grid;gap:10px;justify-items:start}.balance{font-family:var(--font-display);font-size:2.6rem;font-weight:700;color:var(--mint);line-height:1}.ledger-row{display:flex;align-items:center;gap:12px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-s);padding:10px 14px;flex-wrap:wrap}.pill.declined{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.link-btn{background:none;border:none;color:var(--text);text-align:left;padding:2px 0;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}.link-btn:hover{color:var(--accent)}.onboard-card{width:min(640px,100%);display:grid;gap:var(--space-3)}.onboard-dots{display:flex;gap:8px;justify-content:center}.onboard-dots span{width:10px;height:10px;border-radius:50%;background:var(--border)}.onboard-dots span.on{background:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{padding:8px 16px;border-radius:99px;background:var(--bg-sunken);border:1.5px solid var(--border);color:var(--text);font-weight:500}.chip.on{background:var(--voltage-soft);border-color:var(--accent);color:var(--accent);font-weight:700}.chip-input{width:160px;border-radius:99px;padding:8px 16px}.page-strip{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.page-thumb{position:relative;width:74px;height:98px;border-radius:var(--radius-s);overflow:hidden;border:1px solid var(--border);background:var(--bg-sunken)}.page-thumb img{width:100%;height:100%;object-fit:cover}.page-pdf{display:grid;place-items:center;height:100%;font-weight:700;color:var(--accent)}.page-num{position:absolute;left:4px;bottom:4px;background:#000000a6;color:#fff;font-size:.7rem;font-weight:700;padding:1px 7px;border-radius:99px}.page-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#000000a6;color:#fff;font-size:.7rem;line-height:1}.subject-head{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-m);color:var(--accent);border-bottom:1px solid var(--border);padding-bottom:6px}.ws-table-card{display:grid;gap:var(--space-2)}.ws-table-scroll{overflow-x:auto}.ws-table{border-collapse:collapse;width:100%;font-size:var(--text-s)}.ws-table th,.ws-table td{border:1px solid var(--border);padding:8px 10px;text-align:left}.ws-table th{background:var(--bg-sunken);font-family:var(--font-display)}.ws-table td.blank{background:var(--voltage-soft);padding:2px}.ws-table td.blank input{border:none;background:transparent;padding:6px 8px;min-width:90px}.cost-stat{display:grid;gap:2px;background:var(--bg-sunken);border-radius:var(--radius-s);padding:12px 16px;min-width:180px}.cost-stat strong{font-family:var(--font-display);font-size:1.4rem}.flashcard{min-height:220px;display:grid;align-content:center;justify-items:center;gap:10px;padding:var(--space-4);background:var(--bg-raised);border:2px solid var(--accent);border-radius:var(--radius-l);color:var(--text);font-size:var(--text-l);text-align:center;cursor:pointer}.flashcard.flipped{border-color:var(--mint)}.voice-list{display:grid;gap:8px;max-height:260px;overflow-y:auto}.voice-row{display:flex;align-items:center;gap:8px}.voice-row .voice-choose{flex:1;display:grid;text-align:left;background:var(--bg-sunken);border:1.5px solid var(--border);border-radius:var(--radius-s);padding:10px 12px;color:var(--text)}.voice-row.on .voice-choose{border-color:var(--accent);background:var(--voltage-soft)}.fb-trigger{position:fixed;right:18px;bottom:18px;z-index:50;padding:11px 18px;font-size:var(--text-s);font-weight:600;color:var(--accent-contrast);background:var(--accent);border:none;border-radius:var(--radius-l);box-shadow:0 6px 20px #00000047;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.fb-trigger:hover{transform:translateY(-2px);box-shadow:0 10px 26px #00000057}.fb-trigger:hover{transform:translateY(-1px);border-color:var(--accent)}.fb-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px}.fb-modal{width:100%;max-width:440px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-m);padding:20px;box-shadow:0 16px 48px #00000059}.fb-head{display:flex;align-items:center;justify-content:space-between}.fb-head h3{margin:0;font-size:var(--text-l)}.fb-x{background:none;border:none;color:var(--text-dim);font-size:1.6rem;line-height:1;cursor:pointer;padding:0 4px}.fb-x:hover{color:var(--text)}.fb-kinds{display:flex;gap:8px;margin:16px 0}.fb-kind{flex:1;padding:8px 10px;font-size:var(--text-s);color:var(--text-dim);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer}.fb-kind.active{color:var(--text);border-color:var(--accent);background:var(--bg-raised)}.fb-text{width:100%;font:inherit;font-size:var(--text-m);color:var(--text);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-s);padding:12px;resize:vertical}.fb-text:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.fb-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.fb-done{text-align:center;padding:12px 0}.fb-done h3{margin:0 0 6px}.fb-done .btn{margin-top:14px}@media(prefers-reduced-motion:reduce){.fb-trigger{transition:none}}.notif-row{display:flex;align-items:center;gap:10px;cursor:pointer}.notif-check{width:18px;height:18px;flex:0 0 auto;padding:0;margin:0;accent-color:var(--accent);cursor:pointer}input[type=checkbox]:not(.notif-check),input[type=radio]{width:auto;flex:0 0 auto;padding:0}.pending-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-m)}.btn-approve,.btn-decline{padding:7px 14px;border-radius:var(--radius-s);font:inherit;font-weight:600;cursor:pointer;border:1px solid var(--border)}.btn-approve{background:var(--accent);color:var(--accent-contrast);border-color:transparent}.btn-decline{background:transparent;color:var(--danger, #e5484d);border-color:var(--danger, #e5484d)}.btn-approve:disabled,.btn-decline:disabled{opacity:.5;cursor:default}.lesson-row{padding:6px 8px;border-radius:var(--radius-s)}.lesson-current{background:color-mix(in srgb,var(--accent) 12%,transparent);outline:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.brand-lockup{display:inline-flex;flex-direction:column;line-height:1.05}.brand-name{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em}.brand-sub{font-family:var(--font-body);font-size:.6em;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);opacity:.85}h1.brand-name+.brand-sub{font-size:var(--text-s);text-align:center}.vs-math{font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace);font-size:1.05rem;letter-spacing:.01em;color:var(--text)}.vs-step{border-left:3px solid color-mix(in srgb,var(--accent) 30%,transparent)}.vs-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:var(--text-s);font-weight:700;flex:0 0 auto}.vs-tag{font-size:var(--text-s);font-weight:600;padding:2px 10px;border-radius:999px;white-space:nowrap}.vs-final{display:flex;align-items:center;padding:14px 18px;border-radius:var(--radius-m, 12px);background:color-mix(in srgb,var(--mint) 12%,transparent);border:1px solid color-mix(in srgb,var(--mint) 45%,transparent)}.fig-wrap{display:grid;gap:8px;justify-items:center;padding:12px;border-radius:var(--radius-m, 12px);background:var(--bg-sunken);border:1px solid var(--border)}.fig-svg{width:100%;max-width:320px;height:auto;display:block}.fig-lbl{font-size:13px;font-weight:700;text-anchor:middle;dominant-baseline:central}.fig-cap{margin:0;text-align:center;font-size:var(--text-s);color:var(--text-dim);line-height:1.4}.fig-cap strong{color:var(--mint)}.topic-del{position:absolute;bottom:10px;right:10px;background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger);border-radius:8px;padding:2px 8px;font-size:var(--text-s);cursor:pointer;transition:background .15s ease,border-color .15s ease}.topic-del:hover{background:color-mix(in srgb,var(--danger) 22%,transparent);border-color:var(--danger)}