:root{color-scheme:dark;--bg:#070910;--panel:#10131d;--panel2:#171b28;--text:#f4f5f8;--muted:#b9c0ce;--gold:var(--ss-primary);--silver:#ced3dc;--green:var(--ss-primary);--purple:var(--ss-primary);--danger:#ffb4ae;--line:#303648;--focus:var(--ss-primary-border);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0,var(--ss-primary) 0,transparent 28%),radial-gradient(circle at 90% 10%,var(--ss-primary) 0,transparent 24%),var(--bg);color:var(--text);line-height:1.6;min-width:280px}a{color:var(--green)}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{min-height:44px}.skip-link{position:fixed;left:1rem;top:-5rem;background:#fff;color:#000;padding:.8rem 1rem;z-index:999}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.topbar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:.75rem clamp(1rem,3vw,2.5rem);background:rgba(7,9,16,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:.75rem;color:var(--text);text-decoration:none}.brand img{object-fit:contain}.brand span{display:grid}.brand small{color:var(--muted)}.top-actions,.lesson-flags,.speech-controls,.practice-actions,.completion-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.icon-button,.role-menu button,.role-menu a,.secondary,.text-button,.speech-controls button,.confidence-grid button,.mode-buttons button{background:#1a1f2d;color:var(--text);border:1px solid #46506a;border-radius:.75rem;padding:.65rem .9rem;cursor:pointer}.icon-button{font-size:1.3rem;min-width:48px}.status-pill{display:inline-flex;align-items:center;border:1px solid #3f485f;border-radius:999px;padding:.3rem .7rem;color:var(--silver);background:#111622;font-size:.88rem}.status-pill[data-online="true"]{border-color:var(--ss-primary);color:var(--green)}.status-pill[data-online="false"]{border-color:var(--ss-primary);color:var(--ss-primary-border)}.menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:40}.role-menu{position:fixed;right:0;top:0;height:100dvh;width:min(330px,88vw);z-index:50;background:#0e111a;border-left:1px solid var(--line);padding:1rem;display:flex;flex-direction:column;gap:.7rem;box-shadow:-15px 0 50px #000}.role-menu[hidden],.menu-backdrop[hidden]{display:none}.role-menu a{text-decoration:none}.menu-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:.7rem;border-bottom:1px solid var(--line)}.menu-head button{font-size:1.5rem}.hero,main>.panel,.lesson-shell{width:min(1180px,calc(100% - 2rem));margin:1.25rem auto}.hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;padding:clamp(1.2rem,4vw,3rem);border:1px solid #3c4560;border-radius:1.4rem;background:linear-gradient(145deg,rgba(20,24,37,.96),rgba(11,14,23,.96))}.hero h1{font-size:clamp(2rem,6vw,4.5rem);line-height:1.05;margin:.2rem 0 1rem;background:linear-gradient(90deg,var(--gold),#fff,var(--purple));-webkit-background-clip:text;color:transparent}.hero img{max-width:26vw;height:auto}.eyebrow{font-weight:800;letter-spacing:.12em;color:var(--green);font-size:.78rem}.demo-note{border-left:4px solid var(--gold);padding:.75rem 1rem;background:#1a1720;border-radius:.4rem}.panel,.lesson-shell{background:rgba(15,18,28,.96);border:1px solid var(--line);border-radius:1.25rem;padding:clamp(1rem,3vw,2rem)}.section-head,.lesson-topline,.lesson-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.section-head h2,.section-head h3{margin:.15rem 0}.subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}.subject-card{display:grid;gap:.45rem;text-align:left;background:linear-gradient(145deg,#161b29,#11141d);color:var(--text);border:1px solid #394157;border-radius:1rem;padding:1rem;cursor:pointer;min-height:150px}.subject-card[aria-pressed="true"]{border-color:var(--green);box-shadow:0 0 0 2px rgba(87,226,154,.25)}.subject-card strong{color:var(--gold);font-size:1.1rem}.subject-card span{color:var(--muted)}.progress-wrap{margin-top:1.25rem}.progress-meta{display:flex;justify-content:space-between}.progress-track{height:12px;background:#252b39;border-radius:99px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--purple));transition:width .3s}.small-status{color:var(--muted)}.compact-label{display:grid;gap:.25rem;color:var(--muted)}input,textarea{width:100%;background:#090c13;color:var(--text);border:1px solid #566078;border-radius:.7rem;padding:.8rem;min-height:44px}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}.lesson-card{display:flex;flex-direction:column;gap:.55rem;background:#131722;border:1px solid #323a4e;border-radius:.9rem;padding:1rem}.lesson-card h3{margin:0;font-size:1rem}.lesson-card p{margin:0;color:var(--muted);font-size:.9rem}.lesson-card button{margin-top:auto;background:#20273a;color:var(--text);border:1px solid #58647e;border-radius:.7rem;padding:.7rem;cursor:pointer}.lesson-card.complete{border-color:var(--ss-primary)}.lesson-card .card-status{color:var(--green);font-size:.83rem}.lesson-shell{scroll-margin-top:90px}.lesson-header{border-bottom:1px solid var(--line);padding-bottom:1rem}.lesson-header h2{font-size:clamp(1.7rem,4vw,3rem);margin:.2rem 0}.lesson-header img{max-width:18vw;height:auto}.objective{font-size:1.12rem;color:var(--silver)}.learning-modes,.lesson-section{margin-top:1rem;background:#121722;border:1px solid #30384c;border-radius:1rem;padding:1rem}.mode-buttons{display:flex;flex-wrap:wrap;gap:.55rem}.mode-buttons button[aria-pressed="true"]{border-color:var(--purple);background:var(--ss-primary)}.explanation{font-size:1.08rem;max-width:80ch}.vex-message,.vex-feedback{margin-top:.8rem;padding:1rem;border-left:4px solid var(--purple);background:#191426;border-radius:.5rem;min-height:3.2rem}.examples{display:grid;gap:.8rem}.example-card{background:#0d111a;border:1px solid #343d51;border-radius:.85rem;padding:1rem}.example-card h4{color:var(--gold);margin:.1rem 0}.example-card ol{margin:.5rem 0}.answer-line{border-top:1px dashed #46506a;margin-top:.65rem;padding-top:.65rem;color:var(--green)}.extras{margin-top:.8rem}.practice-card{max-width:820px;margin:auto;background:#0d1018;border:1px solid #414c63;border-radius:1rem;padding:clamp(1rem,4vw,2rem)}.practice-prompt{font-size:1.25rem;font-weight:750}.primary{background:linear-gradient(90deg,var(--ss-primary),var(--ss-primary-border));color:#fff;border:0;border-radius:.75rem;padding:.75rem 1rem;cursor:pointer;font-weight:750}.choice-grid{display:grid;gap:.65rem}.choice-grid label{display:flex;gap:.7rem;align-items:center;padding:.75rem;border:1px solid #46506a;border-radius:.7rem;background:#151a27}.choice-grid input{width:auto;min-height:auto}.task-progress{margin-top:1rem}.task-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#394157;margin-right:.4rem}.task-dot.done{background:var(--green)}.suggested{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.7rem}.suggested button{border:1px solid #46506a;background:#151a27;color:var(--silver);border-radius:99px;padding:.45rem .75rem;cursor:pointer}.ask-section label{display:block;margin:.7rem 0 .25rem}.confidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem}.confidence-grid button[aria-pressed="true"]{border-color:var(--green);background:var(--ss-primary)}.completion{margin-top:1rem;padding:1.2rem;border:1px solid var(--ss-primary);background:linear-gradient(145deg,var(--ss-primary),#151828);border-radius:1rem}.completion h3{color:var(--green);font-size:1.6rem}.text-button{background:transparent}.lesson-topline{align-items:center}footer{width:min(1180px,calc(100% - 2rem));margin:2rem auto;padding:1.5rem;border-top:1px solid var(--line);color:var(--muted)}footer a{color:var(--silver)}body.reduced-info .example-card:nth-child(n+2){display:none}body.reduced-info .lesson-section{padding:.8rem}body.one-step .lesson-section:not(.practice-section):not(.learning-modes){display:none}body.one-step .practice-section{display:block}body.large-text{font-size:120%}body.high-contrast{--bg:#000;--panel:#000;--panel2:#050505;--text:#fff;--muted:#fff;--line:#fff;--gold:var(--ss-primary);--green:var(--ss-primary);--purple:var(--ss-primary)}.visual-aid{border:2px dashed var(--gold);padding:1rem;background:linear-gradient(90deg,rgba(87,226,154,.08) 50%,rgba(var(--ss-primary-rgb), .08) 50%)}
@media(max-width:720px){.hero{grid-template-columns:1fr}.hero img{max-width:180px;justify-self:center}.topbar{padding:.6rem}.brand small{display:none}.status-pill{font-size:.76rem}.section-head,.lesson-header,.lesson-topline{flex-direction:column}.lesson-header img{max-width:140px;align-self:center}.lesson-grid{grid-template-columns:1fr}.top-actions .status-pill{display:none}.practice-actions button,.completion-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(orientation:landscape) and (max-height:520px){.hero img,.lesson-header img{display:none}.hero{padding:1rem}.role-menu{overflow:auto}}