:root{--ink:#1b1739;--ink-2:#4a4370;--ink-3:#635c87;--ink-4:#a9a2c7;--ground:#f7f5ff;--ground-2:#efebfb;--surface:#fff;--line:#eae5f8;--line-2:#d6cdf0;--brand:#6c4ce0;--brand-ink:#4b2fb0;--brand-soft:#f0ebff;--signal:#ff5fa2;--signal-ink:#c42561;--signal-soft:#ffebf3;--vocab:#6c4ce0;--vocab-soft:#f0ebff;--vocab-ink:#5334c9;--grammar:#17bfc0;--grammar-soft:#e2f8f8;--grammar-ink:#0a7b7c;--activity:#ff5fa2;--activity-soft:#ffebf3;--activity-ink:#c42561;--assess:#3d2e8f;--assess-soft:#e9e5fa;--assess-ink:#3d2e8f;--games:#a855f7;--games-soft:#f5eafe;--games-ink:#9333ea;--ok:#0fb98e;--ok-soft:#e0f8f1;--ok-ink:#067a5e;--warn:#c77800;--warn-soft:#fff3df;--warn-ink:#8a5300;--bad:#e23d6d;--bad-soft:#ffe9ef;--bad-ink:#a3183f;--locked:#a9a2c7;--locked-soft:#f2effb;--locked-ink:#575070;--ok-edge:#a7e5d2;--bad-edge:#f6c2d2;--on-brand:#fff;--shade:#1b1739;--font-display:"Fraunces", Georgia, serif;--font-ui:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-ar:"IBM Plex Sans Arabic", "Plus Jakarta Sans", system-ui, sans-serif;--wonk:"SOFT" 60, "WONK" 1;--fs-micro:.6875rem;--fs-caption:.75rem;--fs-small:.8125rem;--fs-body:.875rem;--fs-base:1rem;--fs-lead:1.125rem;--fs-title:1.35rem;--fs-display:clamp(1.65rem, 5.5vw, 2.25rem);--fs-hero:clamp(2.25rem, 11vw, 3.5rem);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4rem;--r-chip:999px;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:30px;--e1:0 1px 2px #2b185e0d, 0 1px 1px #2b185e08;--e2:0 6px 18px #2b185e12, 0 1px 3px #2b185e0a;--e3:0 16px 40px #2b185e29, 0 3px 10px #2b185e12;--e-press:inset 0 2px 6px #2b185e1f;--hero-grad:linear-gradient(118deg, #6c4ce0 0%, #8b4fdb 46%, #ce2970 100%);--t-tap:.12s;--t-state:.2s;--t-enter:.32s;--t-party:.52s;--ease:cubic-bezier(.2, .8, .2, 1);--ease-in:cubic-bezier(.4, 0, .8, .2);--pop:cubic-bezier(.34, 1.4, .64, 1);--page-max:68rem;--read-max:44rem}[data-kind=vocabulary]{--kind:var(--vocab);--kind-soft:var(--vocab-soft);--kind-ink:var(--vocab-ink)}[data-kind=grammar]{--kind:var(--grammar);--kind-soft:var(--grammar-soft);--kind-ink:var(--grammar-ink)}[data-kind=activity]{--kind:var(--activity);--kind-soft:var(--activity-soft);--kind-ink:var(--activity-ink)}[data-kind=assessment]{--kind:var(--assess);--kind-soft:var(--assess-soft);--kind-ink:var(--assess-ink)}[data-kind=games]{--kind:var(--games);--kind-soft:var(--games-soft);--kind-ink:var(--games-ink)}[data-kind=locked]{--kind:var(--locked);--kind-soft:var(--locked-soft);--kind-ink:var(--ink-3)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55}[lang=ar],[dir=rtl]{font-family:var(--font-ar);line-height:1.8}h1,h2,h3,.display{font-family:var(--font-display);font-variation-settings:var(--wonk);letter-spacing:-.005em;text-wrap:balance;margin:0;font-weight:700}h1{font-size:clamp(1.65rem,5.5vw,2.25rem);line-height:1.1}h2{font-size:1.2rem;line-height:1.25}h3{font-size:1rem}.label{color:var(--ink-3);font-size:.8125rem;font-weight:600}.muted{color:var(--ink-3);font-size:.875rem;font-weight:500}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.page{max-width:var(--page-max);padding:var(--s5) var(--s4) var(--s8);margin:0 auto}.center{max-width:25rem;padding:var(--s4);margin:0 auto}.auth{padding-top:clamp(var(--s6), 10vh, var(--s8))}.auth-mark{margin-bottom:var(--s5);justify-content:center;display:flex}.auth-mark .brandmark .mark{border-radius:12px;width:2.5rem;height:2.5rem}.auth-mark .brandmark .mark svg{width:24px;height:24px}.auth-mark .brandmark .name{font-size:1.25rem}.auth-mark .brandmark .sub{font-size:.8125rem}.auth .card{padding:var(--s5);border-radius:var(--r-lg)}.auth .card h1{font-size:var(--fs-display)}.row{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.between{justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.stack>*+*{margin-top:var(--s4)}.grid{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.cards{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4)}.card.raised{box-shadow:var(--e2);border-color:#0000}button,.button-link{font-family:var(--font-ui);cursor:pointer;justify-content:center;align-items:center;gap:var(--s2);min-height:2.75rem;padding:var(--s2) var(--s4);border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);transition:background var(--t-state) var(--ease), border-color var(--t-state) var(--ease), transform var(--t-tap) var(--ease), box-shadow var(--t-state) var(--ease);font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.button-link:hover{background:var(--ground-2)}button:active:not(:disabled){transform:translateY(1px)scale(.985)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand);box-shadow:0 2px 0 var(--brand-ink)}button.primary:hover:not(:disabled){background:var(--brand-ink);border-color:var(--brand-ink)}button.primary:active:not(:disabled){box-shadow:none;transform:translateY(2px)scale(.99)}button.signal{background:var(--signal);border-color:var(--signal);color:var(--on-brand);box-shadow:0 2px 0 var(--bad)}button.signal:hover:not(:disabled){filter:brightness(1.05)}button.signal:active:not(:disabled){box-shadow:none;transform:translateY(2px)scale(.99)}button.ghost{background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--ground-2)}button.danger{color:var(--bad-ink);border-color:var(--bad-edge);background:var(--surface)}button.danger:hover:not(:disabled){background:var(--bad-soft)}button.small{min-height:2.25rem;padding:var(--s1) var(--s3);font-size:.8125rem}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:var(--r-sm)}label{color:var(--ink-2);margin:var(--s3) 0 var(--s1);font-size:.8125rem;font-weight:600;display:block}input,textarea,select{width:100%;font:inherit;padding:var(--s3);border:1.5px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);min-height:2.75rem;color:var(--ink);transition:border-color var(--t-state) var(--ease), box-shadow var(--t-state) var(--ease)}input:focus,textarea:focus,select:focus{border-color:var(--brand)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.fieldset{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4)}.badge{align-items:center;gap:var(--s1);letter-spacing:.01em;border-radius:var(--r-chip);background:var(--ground-2);color:var(--ink-2);padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge.active{background:var(--ok-soft);color:var(--ok-ink)}.badge.warn{background:var(--warn-soft);color:var(--warn-ink)}.badge.bad{background:var(--bad-soft);color:var(--bad-ink)}.badge.disabled{background:var(--locked-soft);color:var(--locked-ink)}.alert{padding:var(--s3) var(--s4);border-radius:var(--r-md);border:1px solid #0000;border-left-width:4px;font-size:.9rem}.alert.error{background:var(--bad-soft);color:var(--bad-ink);border-left-color:var(--bad)}.alert.ok{background:var(--ok-soft);color:var(--ok-ink);border-left-color:var(--ok)}.alert.warn{background:var(--warn-soft);color:var(--warn-ink);border-left-color:var(--warn)}.meter{border-radius:var(--r-chip);background:var(--ground-2);height:.5rem;position:relative;overflow:hidden}.meter>span{border-radius:inherit;background:var(--brand);height:100%;transition:width var(--t-party) var(--ease);display:block}.meter[data-done=true]>span{background:var(--ok)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes nudge{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.12)}}@keyframes sheen{0%{background-position:200% 0}to{background-position:-200% 0}}.journey-in>*{animation:rise var(--t-enter) var(--ease) both}.journey-in>:first-child{animation-delay:40ms}.journey-in>:nth-child(2){animation-delay:.11s}.journey-in>:nth-child(3){animation-delay:.18s}.journey-in>:nth-child(4){animation-delay:.25s}.journey-in>:nth-child(n+5){animation-delay:.3s}.pop{animation:popIn var(--t-state) var(--pop) both}.shake{animation:nudge .32s var(--ease)}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg, var(--ground-2) 25%, var(--ground-2) 37%, var(--ground-2) 63%);background-size:200% 100%;animation:1.3s linear infinite sheen}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.topbar{z-index:30;-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.topbar-inner{max-width:var(--page-max);padding:var(--s3) var(--s4);align-items:center;gap:var(--s3);margin:0 auto;display:flex}.brandmark{align-items:center;gap:var(--s2);font-family:var(--font-ui);letter-spacing:-.02em;font-weight:800;display:flex}.brandmark .mark{background:var(--brand);width:1.75rem;height:1.75rem;color:var(--on-brand);border-radius:9px;flex:none;place-items:center;display:grid}.brandmark .name{font-size:1rem;line-height:1}.brandmark .sub{font-family:var(--font-ui);letter-spacing:.01em;color:var(--signal-ink);font-size:.6875rem;font-weight:700;display:block}.school-mark{align-items:center;gap:var(--s2);flex:0 auto;min-width:0;display:flex}.school-glyph{background:var(--brand);width:1.75rem;height:1.75rem;color:var(--on-brand);border-radius:9px;flex:none;place-items:center;display:grid}.school-named{min-width:0;display:grid}.school-named b{font-family:var(--font-ui);letter-spacing:-.02em;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:800;line-height:1.1;overflow:hidden}.school-named span{font-family:var(--font-ui);letter-spacing:.01em;color:var(--signal-ink);font-size:.6875rem;font-weight:700;line-height:1.2}.assignlist{margin:0;padding:0;list-style:none}.assignlist li{align-items:center;gap:var(--s4);padding:var(--s3) var(--s5);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;display:flex}.assignlist li:first-child{border-top:0}.assign-who{gap:2px;min-width:0;display:grid}.assign-who b{font-size:var(--fs-base);color:var(--ink);font-weight:700}.assign-who span{font-size:var(--fs-small);color:var(--ink-3);font-weight:500}.assign-pick select{width:auto;min-width:12rem}.pair-list{gap:var(--s4);margin:0 0 var(--s4);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.pair-list div{gap:2px;min-width:0;display:grid}.pair-list dt{font-size:var(--fs-small);color:var(--ink-2);font-weight:600}.pair-list dd{font-size:var(--fs-body);color:var(--ink);overflow-wrap:anywhere;margin:0}.totals dd small{font-size:var(--fs-small);color:var(--ink-2);font-weight:600}.avatar{background:var(--brand);width:2rem;height:2rem;color:var(--on-brand);border-radius:50%;flex:none;place-items:center;font-size:.875rem;font-weight:700;display:grid}.topnav{display:none}@media (min-width:48rem){.topnav{gap:var(--s1);margin-left:var(--s5);display:flex}.topnav a{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r-chip);font-size:var(--fs-body);color:var(--ink-2);transition:background var(--t-state) var(--ease), color var(--t-state) var(--ease);font-weight:600;text-decoration:none;display:inline-flex}.topnav a:hover{background:var(--ground-2);color:var(--ink)}.topnav a[aria-current=page]{background:var(--brand-soft);color:var(--brand-ink)}}.navbar{z-index:40;-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.navbar a{padding:var(--s2) 0 var(--s3);color:var(--ink-3);min-height:3.25rem;transition:color var(--t-state) var(--ease);flex-direction:column;align-items:center;gap:2px;font-size:.6875rem;font-weight:600;text-decoration:none;display:flex}.navbar a[aria-current=page]{color:var(--brand)}.navbar a[aria-current=page] .ico{transform:translateY(-1px)scale(1.08)}.navbar .ico{transition:transform var(--t-state) var(--pop)}.has-navbar{padding-bottom:5.5rem}@media (min-width:48rem){.navbar{display:none}.has-navbar{padding-bottom:var(--s8)}}.ico{flex:none;width:1.25rem;height:1.25rem}.ico-lg{width:1.75rem;height:1.75rem}.ico.flip{transform:scaleX(-1)}.journey{padding-left:3.25rem;position:relative}.journey:before{content:"";background:var(--line-2);border-radius:2px;width:3px;position:absolute;top:1.5rem;bottom:2rem;left:1.3rem}.station{margin-bottom:var(--s4);position:relative}.station-node{z-index:1;background:var(--surface);border:3px solid var(--line-2);width:2.6rem;height:2.6rem;color:var(--ink-3);font-family:var(--font-display);font-variation-settings:var(--wonk);box-shadow:0 0 0 4px var(--ground);transition:background var(--t-state) var(--ease), border-color var(--t-state) var(--ease), color var(--t-state) var(--ease), transform var(--t-state) var(--pop);border-radius:50%;place-items:center;font-size:1.05rem;font-weight:800;line-height:1;display:grid;position:absolute;top:1rem;left:-3.25rem}.station[data-state=current] .station-node{border-color:var(--signal);background:var(--signal);color:var(--on-brand);box-shadow:0 0 0 4px var(--ground), 0 0 0 8px var(--signal-soft);transform:scale(1.08)}.station[data-state=done] .station-node{border-color:var(--ok);background:var(--ok);color:var(--on-brand)}.station[data-state=locked] .station-node{border-color:var(--line-2);background:var(--ground-2)}.station[data-state=done]:after{content:"";top:2.5rem;left:-2.05rem;bottom:calc(-1 * var(--s4));background:var(--ok);border-radius:2px;width:3px;position:absolute}.station-card{background:var(--surface);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;padding:var(--s4);min-height:auto;box-shadow:var(--e1);transition:transform var(--t-state) var(--ease), box-shadow var(--t-state) var(--ease), border-color var(--t-state) var(--ease);display:block}.station-card:hover:not(:disabled){background:var(--surface);border-color:var(--line-2)}.station-card:active:not(:disabled){transform:translateY(0)scale(.995)}.station[data-state=current] .station-card{background:var(--surface);border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft), var(--e2)}.station[data-state=done] .station-card{border-color:var(--ok-edge)}.station[data-state=locked] .station-card{background:var(--surface);background:var(--ground-2);box-shadow:none;border-style:dashed}.station-now{align-items:center;gap:var(--s1);font-size:var(--fs-micro);letter-spacing:.01em;color:var(--signal-ink);background:var(--signal-soft);border-radius:var(--r-chip);padding:.15rem .55rem;font-weight:800;display:inline-flex}.station-no{color:var(--ink-3);font-size:.75rem;font-weight:700}.station-title{font-family:var(--font-display);font-variation-settings:var(--wonk);letter-spacing:-.005em;font-size:1.35rem;font-weight:700;line-height:1.15}.track{align-items:flex-start;gap:0;margin:0;padding:0;display:flex}.track-step{align-items:center;gap:var(--s2);min-width:0;padding-inline:var(--s1);flex-direction:column;flex:1;display:flex;position:relative}.track-step:before,.track-step:after{content:"";background:var(--ground-2);border-radius:2px;height:3px;position:absolute;top:1.125rem}.track-step:before{margin-right:1.375rem;left:0;right:50%}.track-step:after{margin-left:1.375rem;left:50%;right:0}.track-step:first-child:before,.track-step:last-child:after{display:none}.track-step[data-fill-before=true]:before,.track-step[data-fill-after=true]:after{background:var(--ok)}.track-node{z-index:1;background:var(--surface);width:2.25rem;height:2.25rem;color:var(--kind,var(--ink-4));border:2px solid var(--ground-2);transition:transform var(--t-state) var(--pop), background var(--t-state) var(--ease), border-color var(--t-state) var(--ease), color var(--t-state) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.track-step[data-state=done] .track-node{background:var(--ok);border-color:var(--ok);color:var(--on-brand)}.track-step[data-state=current] .track-node{background:var(--kind);border-color:var(--kind);color:var(--on-brand);box-shadow:0 0 0 5px var(--kind-soft)}.track-step[data-state=todo] .track-node{color:var(--ink-3)}.track-step[data-state=locked] .track-node{border-style:dashed;border-color:var(--line-2);color:var(--locked)}.track-step[data-state=spent] .track-node{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.track-step[data-state=spent] .track-value{color:var(--bad-ink);font-weight:700}.track-step[data-state=empty] .track-node{border-color:var(--line);color:var(--ink-4);opacity:.55}.track-label{color:var(--ink-3);text-align:center;max-width:100%;font-size:.6875rem;font-weight:600;line-height:1.2}.track-value{color:var(--ink-3);text-align:center;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%;font-size:.75rem;font-weight:600;line-height:1.2}.track-step[data-state=done] .track-value{color:var(--ok-ink);font-weight:700}.track-step[data-state=current] .track-value{color:var(--kind-ink,var(--ink));font-weight:700}.track-step[data-state=locked] .track-value,.track-step[data-state=empty] .track-value{color:var(--ink-3);font-weight:600}.next-up{align-items:center;gap:var(--s4);text-align:left;background:var(--hero-grad);width:100%;color:var(--on-brand);border-radius:var(--r-xl);padding:var(--s5);box-shadow:var(--e3);transition:transform var(--t-tap) var(--ease), box-shadow var(--t-state) var(--ease);border:0;display:flex;position:relative;overflow:hidden}.next-up:before,.next-up:after{content:"";pointer-events:none;background:#ffffff1f;border-radius:50%;position:absolute}.next-up:before{width:13rem;height:13rem;top:-6rem;right:-5rem}.next-up:after{background:#ffffff14;width:7rem;height:7rem;bottom:-3.5rem;left:-2.5rem}.next-up>*{position:relative}.next-up .tally{margin-top:var(--s3)}.next-up .tally i{width:.9rem;height:.35rem}.next-up:hover:not(:disabled){background:var(--hero-grad);box-shadow:var(--e3), 0 0 0 4px var(--signal-soft)}.next-up:active{box-shadow:var(--e2);transform:translateY(2px)scale(.995)}.next-up .what{font-family:var(--font-display);font-variation-settings:var(--wonk);letter-spacing:-.005em;font-size:1.3rem;font-weight:700;display:block}.next-up .why{color:#ffffffed;font-size:.875rem}.next-up .tally i{background:#ffffff4d}.next-up .tally i[data-on=true]{background:var(--on-brand)}.next-up .go{width:2.5rem;height:2.5rem;color:var(--on-brand);background:#ffffff2e;border-radius:50%;flex:none;place-items:center;display:grid}.next-up .badge-icon{border-radius:var(--r-md);background:var(--on-brand);width:3.25rem;height:3.25rem;color:var(--kind,var(--brand));box-shadow:var(--e2);flex:none;place-items:center;display:grid}.next-up .lead-in{font-size:var(--fs-caption);letter-spacing:.01em;color:#fffc;margin-bottom:2px;font-weight:700;display:block}@media (min-width:64rem){.word-card,.lesson,.q-card,.round-end,.running,.q-move,.word-move,.play-head,.exam-rules,.word-strip{width:100%;max-width:46rem;margin-inline:auto}.result-panel{max-width:46rem;margin-inline:auto}}.home-grid{gap:var(--s5);display:grid}.home-aside,.home-main{gap:var(--s4);align-content:start;display:grid}.home-main>.marked-title{justify-self:start}@media (min-width:64rem){.home-grid{gap:var(--s7);grid-template-columns:22rem minmax(0,1fr);align-items:start}.home-aside{position:sticky;top:5rem}}.greeting{gap:var(--s2);display:grid}.greeting-line{color:var(--ink-3);max-width:34ch;margin:0;font-size:.9375rem}.station-pct{font-family:var(--font-display);font-variation-settings:var(--wonk);color:var(--brand);font-size:1.5rem;font-weight:700;line-height:1}.station-quiet{font-size:var(--fs-small);color:var(--ink-3);flex:none;font-weight:600}.finished-mark{align-items:center;gap:var(--s1);color:var(--ok-ink);flex:none;font-size:.8125rem;font-weight:700;display:inline-flex}.aside-card{text-align:left;align-items:center;gap:var(--s4);background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--kind,var(--grammar));border-radius:var(--r-lg);width:100%;padding:var(--s4) var(--s5);box-shadow:var(--e1);transition:transform var(--t-state) var(--ease), box-shadow var(--t-state) var(--ease);display:flex}.aside-card:hover:not(:disabled){background:var(--surface);box-shadow:var(--e2);transform:translateY(-2px)}.aside-card:active{box-shadow:var(--e1);transform:none}.aside-tag{font-size:var(--fs-micro);color:var(--kind-ink,var(--grammar-ink));background:var(--kind-soft,var(--grammar-soft));border-radius:var(--r-chip);padding:.15rem .5rem;font-weight:700}.aside-icon{border-radius:var(--r-sm);background:var(--kind-soft);width:2.5rem;height:2.5rem;color:var(--kind);flex:none;place-items:center;display:grid}.aside-title{font-family:var(--font-display);font-variation-settings:var(--wonk);color:var(--ink);font-size:1.05rem;font-weight:700;display:block}.unit-journey{align-items:flex-start;gap:var(--s3);padding:var(--s4) var(--s3) var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--e1);flex-wrap:wrap;display:flex}.unit-track{flex:20rem;min-width:0}.unit-track .track-step:before,.unit-track .track-step:after{top:1.25rem}.track-tab{align-items:center;gap:var(--s2);border-radius:var(--r-sm);width:100%;min-height:0;font:inherit;background:0 0;border:0;flex-direction:column;padding:0 0 .45rem;display:flex}.track-tab:hover:not(:disabled){background:0 0}.track-tab:hover:not(:disabled) .track-node{transform:scale(1.06)}.track-tab:disabled{opacity:1;cursor:not-allowed}.unit-track .track-node{width:2.5rem;height:2.5rem}.unit-track .track-step[data-state=todo] .track-node{background:var(--kind-soft);border-color:var(--kind-soft);color:var(--kind)}.unit-track .track-tab[aria-selected=true] .track-node{background:var(--kind);border-color:var(--kind);color:var(--on-brand);box-shadow:0 0 0 5px var(--kind-soft)}.unit-track .track-tab[aria-selected=true] .track-label{color:var(--kind-ink)}.unit-track .track-label{font-size:var(--fs-caption)}.unit-track .track-label .num{opacity:.7;font-weight:600}.unit-track .track-label.stroke:after{bottom:-.3rem}[data-kind=done]{--kind:var(--ok);--kind-soft:var(--ok-soft);--kind-ink:var(--ok-ink)}.track-end{flex:0 0 4rem;padding-top:0}.track-end .track-node{color:var(--ink-4);border-color:var(--line-2);border-style:dashed}.track-end[data-state=done] .track-node{box-shadow:0 0 0 5px var(--ok-soft);border-style:solid}.track-end[data-state=done] .track-label{color:var(--ok-ink);font-weight:700}.unit-extra{flex:none;align-self:center;padding-bottom:0;overflow:visible}@media (max-width:40rem){.unit-journey{padding:var(--s3) var(--s2) var(--s2)}.unit-track{flex-basis:100%}.unit-extra{border-top:1px solid var(--line);width:100%;padding-top:var(--s2);justify-content:center}.track-end{flex:1}}.finished-ribbon{align-items:center;gap:var(--s2);font-size:var(--fs-small);color:var(--ok-ink);background:var(--ok-soft);border:1px solid var(--ok-edge);border-radius:var(--r-chip);animation:popIn var(--t-party) var(--pop) both;margin:0;padding:.3rem .75rem;font-weight:700;display:inline-flex}.tabs{gap:var(--s2);padding-bottom:var(--s2);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs-wrap{position:relative}.tabs-wrap:after{content:"";top:0;bottom:var(--s2);background:linear-gradient(to right, transparent, var(--ground));pointer-events:none;width:2rem;position:absolute;right:0}@media (min-width:48rem){.tabs-wrap:after{display:none}}.tabs button{min-height:2.5rem;padding:var(--s2) var(--s3);border-radius:var(--r-chip);border:1.5px solid var(--line);background:var(--surface);color:var(--ink-2);flex:none;font-size:.875rem;font-weight:600}.tabs button[aria-selected=true]{background:var(--kind-soft,var(--brand-soft));border-color:var(--kind,var(--brand));color:var(--kind-ink,var(--brand-ink))}.tabs button:disabled{background:var(--ground-2);color:var(--locked);opacity:1;border-style:dashed}.locked-note{gap:var(--s3);background:var(--locked-soft);border:1.5px dashed var(--line-2);border-radius:var(--r-lg);padding:var(--s5);text-align:left;align-items:flex-start;display:flex}.locked-note .ico{color:var(--locked);margin-top:2px}.locked-note strong{font-family:var(--font-display);font-size:1.0625rem;display:block}.word-strip{gap:var(--s2);flex-wrap:wrap;display:flex}.word-pip{border-radius:var(--r-sm);border:1.5px solid var(--line-2);background:var(--surface);width:2.25rem;height:2.25rem;min-height:0;color:var(--ink-3);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;transition:transform var(--t-tap) var(--pop), background var(--t-state) var(--ease), border-color var(--t-state) var(--ease), color var(--t-state) var(--ease);flex:none;padding:0;font-weight:700}.word-pip[data-learned=true]{background:var(--ok-soft);border-color:var(--ok);color:var(--ok-ink)}.word-pip[aria-current=true]{background:var(--vocab);border-color:var(--vocab);color:var(--on-brand);transform:scale(1.12)}.word-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--s6) var(--s5);box-shadow:var(--e2);text-align:center;gap:var(--s4);justify-items:center;display:grid}.word-card[data-learned=true]{border-color:var(--ok);box-shadow:0 0 0 3px var(--ok-soft), var(--e2)}.word-en{font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:var(--fs-hero);letter-spacing:-.025em;color:var(--ink);overflow-wrap:anywhere;font-weight:800;line-height:1.02}.word-pos{font-size:var(--fs-caption);color:var(--vocab-ink);background:var(--vocab-soft);border-radius:var(--r-chip);padding:.15rem .6rem;font-weight:700}.word-ar{font-family:var(--font-ar);color:var(--ink-2);direction:rtl;font-size:clamp(1.35rem,6vw,1.9rem);font-weight:500;line-height:1.6}.word-example{font-size:var(--fs-body);color:var(--ink-3);max-width:34ch;font-style:italic;font-weight:500;line-height:1.6}.word-picture{border-radius:var(--r-lg);object-fit:contain;max-width:100%;max-height:11rem}.speak-btn{background:var(--vocab);width:4.5rem;height:4.5rem;color:var(--on-brand);transition:transform var(--t-tap) var(--pop), box-shadow var(--t-state) var(--ease);border:0;border-radius:50%;padding:0;box-shadow:0 6px 16px #6c4ce059}.speak-btn:hover:not(:disabled){background:var(--vocab);transform:scale(1.05)}.speak-btn:disabled{background:var(--vocab)}.speak-btn:active:not(:disabled){box-shadow:var(--e1);transform:scale(.96)}.speak-btn[data-phase=speaking]{animation:pulse 1.1s var(--ease) infinite}.speak-btn[data-phase=preparing]{opacity:.75}.speak-btn[data-phase=preparing] .ico{animation:pulse 1s var(--ease) infinite}.speak-btn:disabled{cursor:progress}.speak-label{font-size:var(--fs-micro);color:var(--ink-3);font-weight:700}.speak-source{font-size:var(--fs-micro);color:var(--vocab-ink);background:var(--vocab-soft);border-radius:var(--r-chip);padding:.1rem .5rem;font-weight:600}.lamps{gap:var(--s2);flex-wrap:wrap;justify-content:center;display:flex}.lamp{align-items:center;gap:var(--s1);font-size:var(--fs-caption);color:var(--ink-3);border-radius:var(--r-chip);background:var(--ground-2);transition:background var(--t-state) var(--ease), color var(--t-state) var(--ease), border-color var(--t-state) var(--ease);border:1.5px solid #0000;padding:.3rem .7rem;font-weight:600;display:inline-flex}.lamp[data-on=true]{background:var(--ok-soft);color:var(--ok-ink);border-color:var(--ok)}.lamp .ico{width:.8rem;height:.8rem}.dot{background:var(--ink-4);border-radius:50%;flex:none;width:.45rem;height:.45rem}.lamp[data-on=true] .dot{display:none}.word-move{align-items:center;gap:var(--s3);justify-content:space-between;display:flex}.word-move .num{font-size:var(--fs-small);color:var(--ink-3);font-weight:600}.choices,.choice-stack{gap:var(--s3);display:grid}@media (min-width:32rem){.choices{grid-template-columns:1fr 1fr}}button.choice{width:100%;min-height:3.5rem;padding:var(--s3) var(--s4);text-align:left;border:2px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);box-shadow:0 2px 0 var(--line);justify-content:flex-start;font-size:1rem;font-weight:600}button.choice:hover:not(:disabled){border-color:var(--ink-4);background:var(--surface)}button.choice[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}button.choice.right{border-color:var(--ok);background:var(--ok-soft);color:var(--ok-ink);box-shadow:0 2px 0 var(--ok-edge)}button.choice.wrong{border-color:var(--bad);background:var(--bad-soft);color:var(--bad-ink);box-shadow:0 2px 0 var(--bad-edge)}button.choice:active:not(:disabled){box-shadow:none;transform:translateY(2px)}button.big-choice{gap:var(--s2);min-height:6rem;font-family:var(--font-display);border:2px solid var(--line-2);border-radius:var(--r-lg);box-shadow:0 3px 0 var(--line);flex-direction:column;font-size:1.25rem;font-weight:700}button.big-choice[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}button.big-choice.right{border-color:var(--ok);background:var(--ok-soft)}button.big-choice.wrong{border-color:var(--bad);background:var(--bad-soft)}button.big-choice:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.tf-pair{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.tf-glyph{color:var(--ink-3);place-items:center;display:grid}button.big-choice[aria-pressed=true] .tf-glyph{color:var(--brand)}button.big-choice.right .tf-glyph{color:var(--ok)}button.big-choice.wrong .tf-glyph{color:var(--bad)}.word-bank{gap:var(--s2);flex-wrap:wrap;display:flex}button.word-tile{min-height:2.75rem;padding:var(--s2) var(--s3);border:2px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);width:auto;box-shadow:0 3px 0 var(--line);font-size:1rem;font-weight:600}button.word-tile.placed{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}button.word-tile.right{border-color:var(--ok);background:var(--ok-soft);color:var(--ok-ink)}button.word-tile.wrong{border-color:var(--bad);background:var(--bad-soft);color:var(--bad-ink)}button.word-tile:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.tile-row{gap:var(--s2);flex-wrap:wrap;justify-content:center;display:flex}button.tile{width:3.25rem;height:3.25rem;font-family:var(--font-display);border:2px solid var(--line-2);border-radius:var(--r-md);box-shadow:0 3px 0 var(--line);padding:0;font-size:1.375rem;font-weight:800}button.tile[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}button.tile.right{border-color:var(--ok);background:var(--ok-soft)}button.tile.wrong{border-color:var(--bad);background:var(--bad-soft)}button.tile:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.match-columns{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}button.match-left,button.match-right{text-align:left;border:2px solid var(--line-2);border-radius:var(--r-md);justify-content:flex-start;width:100%;min-height:3rem;font-size:.9375rem}button.match-left[aria-pressed=true],button.match-right[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.match-partner{color:var(--activity-ink);font-size:.75rem;font-weight:700}button.match-left.right,button.match-right.right{border-color:var(--ok);background:var(--ok-soft)}button.match-left.wrong,button.match-right.wrong{border-color:var(--bad);background:var(--bad-soft)}.sentence-tray{gap:var(--s2);min-height:4rem;padding:var(--s3);border-radius:var(--r-md);background:var(--ground);border:2px dashed var(--line-2);flex-wrap:wrap;align-items:center;display:flex}.sentence-tray:empty:after{content:"Tap the words below to build the sentence";color:var(--ink-3);font-size:.875rem}.question-pictures{gap:var(--s3);flex-wrap:wrap;justify-content:center;display:flex}.question-pictures img{object-fit:contain;border-radius:var(--r-md);background:var(--on-brand);border:1px solid var(--line);width:auto;max-width:100%;max-height:14rem}.answer-box,.marked-answer{gap:var(--s2);display:grid}.marked-answer .mine{font-size:var(--fs-base);color:var(--ink);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--ground-2);margin:0;font-weight:600}.marked-answer .mine.blank{color:var(--ink-3);font-style:italic;font-weight:500}.marked-answer .theirs{font-size:var(--fs-body);color:var(--ink-2);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--ok-soft);border-left:3px solid var(--ok);margin:0}.marked-answer .theirs .lead{color:var(--ok-ink);font-weight:600}.marked-answer .theirs strong{color:var(--ink)}.hint{color:var(--ink-3);font-size:.8125rem}.result-verdict{font-family:var(--font-display);font-weight:700}.lesson{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--e2);overflow:hidden}.lesson-head{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);background:var(--grammar-soft);border-bottom:1px solid var(--line);display:flex}.lesson-topic{font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:var(--fs-title);letter-spacing:-.005em;color:var(--grammar-ink);margin:0;font-weight:700}.lesson-body{padding:var(--s5);max-width:42em;font-size:var(--fs-base);color:var(--ink-2);white-space:pre-wrap;line-height:1.7}.examples-set{border-top:1px solid var(--line);padding:var(--s3) var(--s5) var(--s5);margin:0;list-style:none}.examples-set>.set-label{font-size:var(--fs-caption);color:var(--ink-3);padding:var(--s2) 0;font-weight:700;display:block}.example{gap:var(--s1);padding:var(--s3) 0;display:grid}.example+.example{border-top:1px dashed var(--line)}.example .from{font-size:var(--fs-body);color:var(--ink-3)}.example .to{font-size:var(--fs-base);color:var(--ink);box-shadow:inset 0 -.45em 0 var(--grammar-soft);width:fit-content;font-weight:600}.example.plain .to{box-shadow:none;color:var(--ink-2);font-weight:500}.lesson-foot{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);border-top:1px solid var(--line);background:var(--ground);flex-wrap:wrap;display:flex}.read-state{align-items:center;gap:var(--s2);font-size:var(--fs-small);color:var(--ok-ink);font-weight:700;display:inline-flex}.running{z-index:20;position:sticky;top:3.25rem}.running-in{align-items:center;gap:var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s3) var(--s4);box-shadow:var(--e2);display:flex}.running-in p{font-variant-numeric:tabular-nums;font-size:var(--fs-caption);flex:none}.q-pips{flex:1;gap:3px;min-width:0;display:flex}.q-pip{background:var(--ground-2);min-width:3px;max-width:1.1rem;height:.55rem;min-height:0;transition:background var(--t-state) var(--ease), transform var(--t-tap) var(--pop);border:0;border-radius:3px;flex:1 1 0;padding:0}.q-pip[data-answered=true]{background:var(--kind,var(--brand))}.q-pip[aria-current=true]{background:var(--ink);transform:scaleY(1.5)}.q-pip:hover{transform:scaleY(1.5)}.q-move{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.q-move .primary,.q-move .ghost{justify-content:center;min-width:6rem}.q-card{scroll-margin-top:7rem}.q-card:not([data-marked]){padding:var(--s5);border-radius:var(--r-xl);box-shadow:var(--e2)}.q-card[data-marked=right]{border-left:4px solid var(--ok)}.q-card[data-marked=wrong]{border-left:4px solid var(--bad)}.q-no{color:var(--ink-3);font-size:.75rem;font-weight:600}.q-prompt{font-size:var(--fs-lead);max-width:40ch;color:var(--ink);margin:0;font-weight:600;line-height:1.45}.answer-box input[type=text],.answer-box textarea,.answer-box input:not([type]){font-size:var(--fs-lead);padding:var(--s3) var(--s4);min-height:3.25rem}.tries{margin:0;padding:0;list-style:none}.try{align-items:center;gap:var(--s3);padding:var(--s3) 0;border-top:1px solid var(--line);display:flex}.try:first-child{border-top:0}.try-score{font-family:var(--font-display);letter-spacing:-.02em;min-width:3.5rem;font-size:1.375rem;font-weight:800}.try-what{flex:1;gap:1px;min-width:0;display:grid}.try-what .muted{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.try-no{font-size:.875rem;font-weight:600}.try .mark{width:1.5rem;height:1.5rem}.try .mark svg{width:.875rem;height:.875rem}.result-panel{text-align:center;align-items:center}.result-panel>*{margin-inline:auto}.result-panel .tries{text-align:left;width:100%}.result-panel .marked-title{align-self:start}.result-line{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.game-shelf{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));max-width:62rem;display:grid}.game-card{text-align:left;gap:var(--s2);width:100%;padding:var(--s5);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--e2);transition:transform var(--t-state) var(--pop), box-shadow var(--t-state) var(--ease);align-content:start;display:grid;position:relative;overflow:hidden}.game-card:hover:not(:disabled){background:var(--surface);box-shadow:var(--e3);transform:translateY(-3px)}.game-card:active:not(:disabled){box-shadow:var(--e1);transform:translateY(0)}.game-card:disabled{box-shadow:none;background:var(--ground-2);border-style:dashed}.game-card:before{content:"";background:var(--kind-soft,var(--games-soft));border-radius:50%;width:11rem;height:11rem;position:absolute;top:-3.5rem;left:-3.5rem}.game-card>*{position:relative}.game-icon{border-radius:var(--r-md);background:var(--kind,var(--games));width:3rem;height:3rem;color:var(--on-brand);box-shadow:var(--e2);place-items:center;display:grid}.game-name{font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:var(--fs-title);letter-spacing:-.005em;color:var(--ink);font-weight:700}.game-why{font-size:var(--fs-body);color:var(--ink-3);font-weight:500}.play-head{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);flex-wrap:wrap;display:flex}.play-stat{gap:1px;display:grid}.play-stat b{font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:var(--fs-title);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.play-stat span{font-size:var(--fs-micro);color:var(--ink-3);font-weight:600}.quick-word{font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:var(--fs-hero);letter-spacing:-.02em;text-align:center;margin:var(--s5) 0;color:var(--ink);font-weight:800;line-height:1.05}.round-end{text-align:center;gap:var(--s3);padding:var(--s6) var(--s5);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--e2);justify-items:center;display:grid}.round-score{font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:var(--fs-hero);color:var(--games-ink);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.round-note{font-size:var(--fs-small);color:var(--ink-3);max-width:30ch;margin:0;font-weight:500}.memory-board{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));display:grid}button.memory-card{aspect-ratio:1;width:100%;padding:var(--s1);min-height:0;font-size:var(--fs-body);word-break:break-word;border-radius:var(--r-md);background:linear-gradient(150deg, var(--brand) 0%, var(--signal) 100%);color:#0000;box-shadow:var(--e1);transition:transform var(--t-state) var(--pop), background var(--t-state) var(--ease), border-color var(--t-state) var(--ease), opacity var(--t-state) var(--ease);border:2px solid #0000;font-weight:700;line-height:1.2}button.memory-card:after{content:"?";color:var(--on-brand);font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:1.5rem;font-weight:800}button.memory-card.open{background:var(--surface);color:var(--ink);border-color:var(--brand);transform:rotateY(180deg)scaleX(-1)}button.memory-card.open:after{content:none}button.memory-card.done{background:var(--ok-soft);border-color:var(--ok);color:var(--ok-ink);box-shadow:none;transform:none}button.memory-card.done:after{content:none}.exam-rules{gap:var(--s2);grid-template-columns:repeat(3,1fr);display:grid}.exam-rule{text-align:center;padding:var(--s4) var(--s2);border-radius:var(--r-md);background:var(--assess-soft)}.exam-rule b{font-family:var(--font-display);font-variation-settings:var(--wonk);color:var(--assess-ink);font-size:1.5rem;font-weight:700;line-height:1.1;display:block}.exam-rule span{font-size:var(--fs-caption);color:var(--ink-3);margin-top:2px;font-weight:500;line-height:1.25;display:block}.score-ring{width:9rem;height:9rem;margin:0 auto;position:relative}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.score-ring .track{stroke:var(--ground-2)}.score-ring .fill{stroke:var(--kind,var(--assess));stroke-linecap:round;transition:stroke-dashoffset var(--t-party) var(--ease)}.score-ring .value{place-items:center;display:grid;position:absolute;inset:0}.score-ring .value .v{font-family:var(--font-display);font-variation-settings:var(--wonk);font-variant-numeric:tabular-nums;color:var(--ink);align-items:baseline;gap:1px;font-size:2.5rem;font-weight:800;line-height:1;display:flex}.score-ring .value .pc{color:var(--ink-3);font-size:1.125rem;font-weight:700}.confetti{pointer-events:none;z-index:60;position:fixed;inset:0;overflow:hidden}.confetti i{width:9px;height:14px;animation:fall 1.6s var(--ease-in) forwards;border-radius:2px;position:absolute;top:-12px}@keyframes fall{to{opacity:0;transform:translateY(105vh)rotate(680deg)}}.thread{gap:var(--s3);max-height:22rem;padding-right:var(--s1);flex-direction:column;display:flex;overflow-y:auto}.msg{max-width:85%;padding:var(--s3);border-radius:var(--r-md);background:var(--ground-2)}.msg.mine{background:var(--brand);color:var(--on-brand);margin-left:auto}.msg .who{opacity:.8;font-size:.75rem;font-weight:600}.msg .when{opacity:.7;font-size:.6875rem}.teacher-bar .topbar-inner{gap:var(--s3)}.teacher-bar .brandmark{flex:none}.teacher-bar .school-mark{max-width:16rem}.teacher-bar .brandmark .name{white-space:nowrap}.teacher-bar .ghost{white-space:nowrap;flex:none}.teacher-bar .topbar-inner{max-width:78rem}.teacher-bar .who{overflow:hidden}.avatar{flex:none}.who-name{white-space:nowrap}@media (max-width:78rem){.who-name{display:none}}.bar-rule{background:var(--line);flex:none;width:1px;height:1.5rem;display:none}@media (min-width:72rem){.bar-rule{display:block}}.who{align-items:center;gap:var(--s2);min-width:0;display:none}.who-name{font-size:var(--fs-small);color:var(--ink-2);text-overflow:ellipsis;font-weight:600;overflow:hidden}@media (min-width:48rem){.who{display:flex}}.teachernav{gap:var(--s1);scrollbar-width:none;flex:none;display:flex;position:relative;overflow-x:auto}.teachernav::-webkit-scrollbar{display:none}@media (max-width:71.99rem){.teacher-bar .topbar-inner{row-gap:var(--s2);padding-bottom:var(--s2);flex-wrap:wrap}.teachernav{width:100%;margin-inline:calc(-1 * var(--s1));padding-inline:var(--s1);order:10}.teacher-bar{position:relative}.teacher-bar:after{content:"";right:0;bottom:var(--s2);background:linear-gradient(to right, transparent, var(--surface));pointer-events:none;width:2rem;height:2.25rem;position:absolute}}.teachernav a{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r-chip);font-size:var(--fs-body);color:var(--ink-2);white-space:nowrap;transition:background var(--t-state) var(--ease), color var(--t-state) var(--ease);flex:none;font-weight:600;text-decoration:none;display:inline-flex}.teachernav a:hover{background:var(--ground-2);color:var(--ink)}.teachernav a[aria-current=page]{background:var(--brand-soft);color:var(--brand-ink)}.teacher-page,.teacher-bar~.page{max-width:78rem}.page-head,.pagehead{justify-content:space-between;align-items:flex-start;gap:var(--s4);margin-bottom:var(--s5);flex-wrap:wrap;display:flex}.pagehead{gap:var(--s1);margin-bottom:0;display:grid}.page-head h1,.pagehead h1{font-size:clamp(1.4rem,3.5vw,1.9rem)}.page-lead,.pagehead>.muted{margin:var(--s2) 0 0;color:var(--ink-3);font-size:var(--fs-body)}.pagehead>.muted{margin-top:0}.dash{gap:var(--s5);display:grid}@media (min-width:64rem){.dash{grid-template-columns:minmax(0,1.6fr) minmax(18rem,1fr);align-items:start}.dash>.panel:first-of-type{grid-area:1/1}.dash>.stack{grid-area:1/2/span 2}.dash>.panel:nth-of-type(2){grid-area:2/1}.dash-wide{grid-column:1/-1}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--e1);overflow:hidden}.panel-head{justify-content:space-between;align-items:baseline;gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--line);background:linear-gradient(to bottom, var(--ground), var(--surface));flex-wrap:wrap;display:flex}.panel>.add-word{padding:var(--s3) var(--s5) var(--s4)}.panel>.add-word>div{flex:12rem}.panel>.table-wrap{border-top:1px solid var(--line)}.panel-title{white-space:nowrap;font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:var(--fs-lead);letter-spacing:-.005em;margin:0;font-weight:700}.panel-note{font-size:var(--fs-caption);color:var(--ink-3);font-weight:500}.panel-body{padding:var(--s4) var(--s5)}.panel-foot{padding:var(--s3) var(--s5);border-top:1px solid var(--line);background:var(--ground)}.attention{margin:0;padding:0;list-style:none}.att{align-items:center;gap:var(--s4);text-align:left;width:100%;padding:var(--s4) var(--s5);border:0;border-top:1px solid var(--line);background:var(--surface);min-height:0;transition:background var(--t-state) var(--ease);border-radius:0;display:flex}.attention li:first-child .att{border-top:0}.att:hover{background:var(--ground)}.att-who{flex:1;gap:2px;min-width:0;display:grid}@media (max-width:34rem){.att{gap:var(--s2);padding:var(--s4);flex-wrap:wrap}.att-who{flex:100%;order:1}.att .flag{order:2}.att>.ico{order:3;margin-left:auto}}.att-name{font-size:var(--fs-base);color:var(--ink);font-weight:700}.att-why{font-size:var(--fs-small);color:var(--ink-3);font-weight:500}.flag{align-items:center;gap:var(--s1);font-size:var(--fs-caption);border-radius:var(--r-chip);background:var(--warn-soft);color:var(--warn-ink);flex:none;padding:.2rem .6rem;font-weight:700;display:inline-flex}.flag[data-tone=wait]{background:var(--brand-soft);color:var(--brand-ink)}.flag[data-tone=quiet]{background:var(--ground-2);color:var(--ink-3)}.figure{gap:var(--s1);display:grid}.figure b{font-family:var(--font-display);font-variation-settings:var(--wonk);color:var(--ink);font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:700;line-height:1}.figure span{font-size:var(--fs-small);color:var(--ink-3);font-weight:500}.figure-row{gap:var(--s4);grid-template-columns:1fr 1fr;display:grid}.unit-line{gap:var(--s2);padding:var(--s3) 0;display:grid}.unit-line+.unit-line{border-top:1px solid var(--line)}.unit-line .top{justify-content:space-between;align-items:baseline;gap:var(--s3);display:flex}.unit-name{font-size:var(--fs-body);color:var(--ink);font-weight:600}.unit-pct{font-size:var(--fs-body);font-variant-numeric:tabular-nums;font-weight:700}.unit-split{font-size:var(--fs-caption);color:var(--ink-3);font-weight:500}.roster-card{display:none}@media (max-width:47.99rem){.roster-table{display:none}.roster-card{gap:var(--s3);display:grid}}.rc{align-items:stretch;gap:var(--s2);text-align:left;width:100%;padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);flex-direction:column;display:flex}.rc-top{justify-content:space-between;align-items:baseline;gap:var(--s3);display:flex}.rc-name{font-size:var(--fs-base);font-weight:700}.rc-meta{gap:var(--s3);font-size:var(--fs-caption);color:var(--ink-3);flex-wrap:wrap;display:flex}.state{align-items:center;gap:var(--s1);font-weight:600;font-size:var(--fs-small);display:inline-flex}.state[data-tone=done]{color:var(--ok-ink)}.state[data-tone=going]{color:var(--brand-ink)}.state[data-tone=idle]{color:var(--ink-3)}.sieve{gap:var(--s3);padding:var(--s4) var(--s5);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;display:flex}.sieve .field{flex:0 16rem;min-width:0}.sieve .chips{margin-inline-start:auto}.sieve input[type=search]{width:100%}.chips{gap:var(--s1);flex-wrap:wrap;display:flex}.chip{padding:var(--s2) var(--s3);border-radius:var(--r-chip);border:1.5px solid var(--line);background:var(--surface);font-size:var(--fs-small);color:var(--ink-2);min-height:2.25rem;font-weight:600}.chip:hover{background:var(--ground-2)}.chip[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink)}.chip .num{font-variant-numeric:tabular-nums;opacity:.7;margin-inline-start:.3rem}th button.sortcol{align-items:center;gap:var(--s1);min-height:2rem;padding:var(--s2) var(--s2);border-radius:var(--r-sm);font:inherit;color:inherit;background:0 0;border:0;margin-inline-start:calc(-1 * var(--s2));font-weight:600;display:inline-flex}th button.sortcol:hover{color:var(--ink);background:var(--ground-2)}th button.sortcol .dir{color:var(--brand);font-size:.7rem}.class-table{table-layout:fixed}.class-table th,.class-table td{vertical-align:middle}.class-table td{padding-block:var(--s3)}.class-table th:first-child,.class-table td:first-child{padding-inline-start:var(--s5)}.class-table th:last-child,.class-table td:last-child{padding-inline-end:var(--s5)}.col-student{width:14rem}.col-overall{width:8.5rem}.col-when{width:9rem}.col-open{width:4.5rem}.who-cell{align-items:center;gap:var(--s3);min-width:0;display:flex}.who-cell .ghost{flex:none;min-width:2rem;padding:.25rem}.who-cell .ghost .ico{transition:transform var(--t-state) var(--ease);transform:rotate(180deg)}.who-cell .ghost[aria-expanded=true] .ico{transform:rotate(270deg)}.who-name2{color:var(--ink);font-weight:700}.who-user{font-size:var(--fs-caption);color:var(--ink-3)}.cell-unit{gap:4px;display:grid}.cell-state{font-size:var(--fs-caption);color:var(--ink-3);align-items:center;gap:var(--s1);font-weight:600;display:inline-flex}.cell-state[data-state=done]{color:var(--ok-ink)}.cell-state[data-state=working]{color:var(--brand-ink)}.cell-state[data-state=stuck]{color:var(--warn-ink)}.cell-state[data-state=none]{color:var(--ink-3)}.cell-state .ico{flex:none;width:.8rem;height:.8rem}.cell-unit .meter{height:.3rem}.cell-unit .not-ready{font-size:var(--fs-micro);color:var(--warn-ink)}.detail-row>td{background:var(--ground);box-shadow:inset 3px 0 0 var(--brand);border-top:0;padding:0}.class-table tr[data-open=true]>*{border-bottom-color:#0000}.detail-in{padding:var(--s4) var(--s5);gap:var(--s4);display:grid}.detail-unit{gap:var(--s2);display:grid}.detail-unit h4{font-size:var(--fs-small);color:var(--ink);margin:0;font-weight:700}.parts-line{gap:var(--s2);flex-wrap:wrap;display:flex}.part{align-items:center;gap:var(--s1);font-size:var(--fs-caption);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);color:var(--ink-2);padding:.25rem .6rem;font-weight:600;display:inline-flex}.part b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.part[data-state=done]{border-color:var(--ok);background:var(--ok-soft);color:var(--ok-ink)}.part[data-state=ready]{background:var(--ground-2);color:var(--ink-2);border-color:var(--line)}.part[data-state=stuck],.part[data-state=gap]{border-color:var(--warn);background:var(--warn-soft);color:var(--warn-ink)}.part[data-state=none],.part[data-state=empty]{border-style:dashed;border-color:var(--line-2);color:var(--ink-3);background:0 0}.part .ico{width:.8rem;height:.8rem}.class-cards{display:none}@media (max-width:63.99rem){.class-table-wrap{display:none}.class-cards{gap:var(--s3);display:grid}}.sc{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.sc-head{align-items:center;gap:var(--s3);text-align:left;width:100%;padding:var(--s4);background:var(--surface);border:0;border-radius:0;min-height:0;display:flex}.sc-head:hover{background:var(--ground)}.sc-head .ico{transition:transform var(--t-state) var(--ease);flex:none;transform:rotate(180deg)}.sc-head[aria-expanded=true] .ico{transform:rotate(270deg)}.sc-who{flex:1;gap:2px;min-width:0;display:grid}.sc-pct{font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:var(--fs-lead);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.sc-units{gap:var(--s2);padding:0 var(--s4) var(--s4);display:grid}.sc-unit{align-items:center;gap:var(--s3);display:flex}.sc-unit .name{font-size:var(--fs-small);flex:0 0 7rem;font-weight:600}.sc-unit .meter{flex:1;min-width:2rem;max-width:16rem;height:.3rem}.sc-unit .cell-state{text-align:right;flex:none}.sc-foot{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-top:1px solid var(--line);background:var(--ground);display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.crumb{align-items:center;gap:var(--s2);font-size:var(--fs-small);color:var(--ink-2);padding:var(--s2);border-radius:var(--r-sm);background:0 0;border:0;min-height:2.25rem;margin-inline-start:calc(-1 * var(--s2));font-weight:600;display:inline-flex}.crumb:hover{background:var(--ground-2);color:var(--ink)}.pupil{align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.pupil .avatar{width:3rem;height:3rem;font-size:var(--fs-lead)}.pupil-facts{gap:var(--s5);flex-wrap:wrap;display:flex}.facts{gap:var(--s5);margin:var(--s3) 0 0;flex-wrap:wrap;padding:0;display:flex}.facts .fact dd{font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:var(--fs-title);font-variant-numeric:tabular-nums;color:var(--ink);margin:0;font-weight:700;line-height:1}.facts .fact dt{font-size:var(--fs-caption);color:var(--ink-3);font-weight:500}.facts .fact[data-tone=ok] dd{color:var(--ok-ink)}.facts .fact[data-tone=warn] dd{color:var(--warn-ink)}.fact{gap:2px;display:grid}.fact b{font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:var(--fs-title);font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700;line-height:1}.fact span{font-size:var(--fs-caption);color:var(--ink-3);font-weight:500}.unit-row{border-top:1px solid var(--line)}.unit-row:first-child{border-top:0}.unit-open{align-items:center;gap:var(--s4);text-align:left;width:100%;padding:var(--s4) var(--s5);background:var(--surface);min-height:0;transition:background var(--t-state) var(--ease);border:0;border-radius:0;display:flex}.unit-open:hover{background:var(--ground)}.unit-open .title{font-size:var(--fs-base);color:var(--ink);flex:0 0 10rem;min-width:0;font-weight:700}.unit-open .meter{flex:0 8rem;height:.35rem}.unit-open .pct{font-variant-numeric:tabular-nums;text-align:right;flex:none;min-width:3rem;font-weight:700}.unit-open .ico{transition:transform var(--t-state) var(--ease);flex:none;transform:rotate(180deg)}.unit-open[aria-expanded=true] .ico{transform:rotate(270deg)}.steps{gap:var(--s2);flex-wrap:wrap;flex:1;min-width:0;display:flex}.step{align-items:center;gap:var(--s1);font-size:var(--fs-caption);border-radius:var(--r-sm);background:var(--ground-2);color:var(--ink-3);border:1px solid #0000;padding:.2rem .55rem;font-weight:600;display:inline-flex}.step[data-state=done]{background:var(--ok-soft);color:var(--ok-ink);border-color:var(--ok)}.step[data-state=stuck]{background:var(--warn-soft);color:var(--warn-ink);border-color:var(--warn)}.step[data-state=locked]{background:var(--ground-2);color:var(--ink-3);border-style:dashed;border-color:var(--line-2)}.step[data-state=working]{background:var(--brand-soft);color:var(--brand-ink);border-color:var(--brand)}.step .ico{width:.75rem;height:.75rem}.unit-detail{padding:0 var(--s5) var(--s5);gap:var(--s5);background:var(--ground);display:grid}.unit-detail>section{gap:var(--s3);display:grid}.unit-detail .detail-head{font-size:var(--fs-small);color:var(--ink);padding-top:var(--s4);font-weight:700;font-family:var(--font-ui);letter-spacing:0;margin:0}.note-line{font-size:var(--fs-body);color:var(--ink-2);margin:0}.words-grid{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));display:grid}.word-row{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);display:flex}.word-row .en{min-width:0;font-size:var(--fs-small);flex:1;font-weight:600}.word-row[data-learned=true]{border-color:var(--ok);background:var(--ok-soft)}.wdots{flex:none;gap:3px;display:flex}.wdot{background:var(--ground-2);width:1.05rem;height:1.05rem;color:var(--ink-3);border-radius:4px;place-items:center;font-size:.6rem;font-weight:800;display:grid}.wdot[data-on=true]{background:var(--ok-ink);color:var(--on-brand)}.papers{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.paper{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);flex-wrap:wrap;display:flex}.paper .what{flex:1;gap:2px;min-width:0;display:grid}.paper .score{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--fs-base);flex:none}@media (max-width:47.99rem){.paper{align-items:stretch;gap:var(--s2);flex-direction:column}.paper .score{font-size:var(--fs-lead)}.paper button{width:100%}.unit-open{row-gap:var(--s2);flex-wrap:wrap}.unit-open .title{flex:auto}.unit-open .meter{flex:100%;order:5}.steps{flex:100%;order:6}.pupil-facts{gap:var(--s4)}}.blank-art{margin-bottom:var(--s2);justify-content:center;align-items:flex-end;display:flex}.blank-art>span{border-radius:var(--r-md);background:var(--kind-soft);width:2.75rem;height:2.75rem;color:var(--kind);border:2px solid var(--surface);box-shadow:var(--e2);place-items:center;display:grid}.blank-art>span:first-child{transform:rotate(-10deg)translate(.5rem,.35rem)}.blank-art>span:nth-child(2){z-index:1;background:var(--kind);width:3.25rem;height:3.25rem;color:var(--on-brand)}.blank-art>span:nth-child(3){transform:rotate(10deg)translate(-.5rem,.35rem)}.blank{gap:var(--s3);text-align:center;padding:var(--s7) var(--s5);color:var(--ink-3);justify-items:center;display:grid}.blank .mark{background:var(--brand-soft);width:3rem;height:3rem;color:var(--brand)}.blank strong{font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:var(--fs-lead);color:var(--ink)}.blank p{max-width:40ch;font-size:var(--fs-body);margin:0}table{border-collapse:collapse;width:100%;font-size:.875rem}th{text-align:left;color:var(--ink-3);padding:var(--s2) var(--s3);border-bottom:1.5px solid var(--line-2);font-size:.8125rem;font-weight:600}td{padding:var(--s3);border-bottom:1px solid var(--line)}tbody tr:hover{background:var(--ground)}tr.is-deleted{opacity:.55}.examples{padding-left:var(--s5);margin:0}.examples li{margin-bottom:var(--s1)}.video-frame{aspect-ratio:16/9;border-radius:var(--r-md);border:1px solid var(--line);background:var(--shade);width:100%;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}code.temp{background:var(--ground-2);border-radius:4px;padding:.1rem .35rem;font-family:ui-monospace,monospace}@media (max-width:40rem){.hide-sm{display:none}.match-columns{gap:var(--s2)}}.stroke{position:relative}.stroke:after{content:"";background:var(--kind,var(--brand));transform-origin:0;height:3px;transition:transform var(--t-state) var(--ease);border-radius:2px;position:absolute;bottom:-.35rem;left:0;right:0;transform:scaleX(0)}.stroke[data-on=true]:after{transform:scaleX(1)}.marked-title{font-family:var(--font-display);font-variation-settings:var(--wonk);letter-spacing:-.005em;border-bottom:3px solid var(--kind,var(--brand));padding-bottom:.3rem;font-size:1.2rem;font-weight:700;display:inline-block}.mark{border-radius:50%;flex:none;place-items:center;width:1.75rem;height:1.75rem;display:grid}.mark.tick{background:var(--ok-soft);color:var(--ok)}.mark.cross{background:var(--bad-soft);color:var(--bad)}.mark svg{width:1rem;height:1rem}.tally{flex-wrap:wrap;gap:3px;display:flex}.tally i{background:var(--ground-2);width:.75rem;height:.3rem;transition:background var(--t-state) var(--ease);border-radius:2px}.tally i[data-on=true]{background:var(--kind,var(--brand))}.unitlist{margin:0;padding:0;list-style:none}.unitrow{gap:var(--s2);padding:var(--s4) var(--s5);border-top:1px solid var(--line);grid-template-columns:1fr auto;grid-template-areas:"main do""todo do";align-items:center;display:grid}.unitlist li:first-child .unitrow{border-top:0}.unitrow{box-shadow:inset 4px 0 0 var(--warn)}.unitrow[data-live=true]{box-shadow:inset 4px 0 0 var(--ok)}.unitrow-main{gap:var(--s2);grid-area:main;min-width:0;display:grid}.unitrow-id{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.unitrow-open{font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:var(--fs-lead);color:var(--ink);cursor:pointer;text-align:start;border-radius:var(--r-sm);align-items:center;gap:var(--s2);background:0 0;border:0;padding:0;font-weight:600;display:inline-flex}.unitrow-open .ico{width:.8rem;height:.8rem;color:var(--ink-3);transform:rotate(180deg)}.unitrow-open:hover,.unitrow-open:hover .ico{color:var(--brand-ink)}.unitrow-open:hover span,.unitrow-open:hover{text-decoration:underline}.parts{gap:var(--s2);flex-wrap:wrap;min-width:0;display:flex}.unitrow-do{gap:var(--s2);flex-wrap:wrap;grid-area:do;justify-content:flex-end;display:flex}.unitrow-todo{align-items:baseline;gap:var(--s2) var(--s4);font-size:var(--fs-small);color:var(--ink-2);flex-wrap:wrap;grid-area:todo;margin:0;padding:0;list-style:none;display:flex}.unitrow-todo li{align-items:center;gap:var(--s2);display:inline-flex}.unitrow-todo li:before{content:"";background:var(--warn);border-radius:50%;flex:none;width:.45rem;height:.45rem}.flag[data-tone=hidden]{background:var(--ground-2);color:var(--ink-2)}.unithead .flag[data-tone=hidden]{background:var(--warn-soft);color:var(--warn-ink)}@media (max-width:640px){.unitrow{padding:var(--s4);grid-template-columns:1fr;grid-template-areas:"main""todo""do"}.unitrow-do{justify-content:flex-start}}.unithead{align-items:flex-start;gap:var(--s4);flex-wrap:wrap;justify-content:space-between;display:flex}.unithead-id{align-items:center;gap:var(--s3);flex-wrap:wrap;min-width:0;display:flex}.unithead-id h1{margin:0}.todo-list{margin:0;padding:0;list-style:none}.todo-list li{padding:var(--s3) var(--s5);border-top:1px solid var(--line);font-size:var(--fs-body);color:var(--ink-2)}.todo-list li:first-child{border-top:0}.rules{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));margin:0;display:grid}.rules div{gap:var(--s1);display:grid}.rules dt{font-size:var(--fs-small);color:var(--ink-3);font-weight:600}.rules dd{font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:var(--fs-title);color:var(--ink);margin:0;font-weight:600;line-height:1}.preview-list{gap:var(--s4);margin:0;padding-inline-start:1.4rem;display:grid}.preview-list>li{color:var(--ink-2)}.preview-prompt{margin:0 0 var(--s2);color:var(--ink);font-weight:600}.preview-options{gap:var(--s2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.preview-options li{font-size:var(--fs-small);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--ground);padding:.2rem .6rem}.preview-tokens{gap:var(--s2);flex-wrap:wrap;margin:0;display:flex}.preview-tokens span{font-size:var(--fs-small);border:1px dashed var(--line-2);border-radius:var(--r-sm);color:var(--ink-2);padding:.2rem .55rem}.tabs .num{font-variant-numeric:tabular-nums;font-size:var(--fs-caption);opacity:.7;margin-inline-start:.4rem}@media (max-width:640px){.unithead{flex-direction:column;align-items:stretch}.todo-list li{padding-inline:var(--s4)}}.vocab-table th{background:var(--surface);z-index:1;position:sticky;top:0}.vocab-table th:first-child,.vocab-table td:first-child{padding-inline-start:var(--s5)}.vocab-table th:last-child,.vocab-table td:last-child{text-align:end;padding-inline-end:var(--s5)}.vocab-table td:last-child .row{flex-wrap:nowrap;justify-content:flex-end}.vocab-table tbody>tr:nth-of-type(2n)>td{background:var(--ground)}.vocab-table td{vertical-align:middle}.vocab-table td.word-cell{font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:var(--fs-base);color:var(--ink);font-weight:600}.vocab-table td[lang=ar]{font-size:var(--fs-base)}@media (max-width:40rem){.vocab-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.vocab-table,.vocab-table tbody,.vocab-table tr,.vocab-table td{width:auto;display:block}.vocab-table tr{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s3);margin-bottom:var(--s3);background:var(--surface)}.vocab-table td{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s2) 0;text-align:start;border:0;display:flex}.vocab-table td:before{content:attr(data-label);font-size:var(--fs-caption);color:var(--ink-3);flex:none;font-weight:700}.vocab-table td[dir=rtl]{flex-direction:row-reverse}.vocab-table tbody>tr:nth-of-type(2n)>td{background:0 0}.vocab-table td.word-cell{font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:var(--fs-lead);color:var(--ink);padding-top:0;font-weight:600}.vocab-table td.word-cell:before{content:none}.vocab-table td[colspan]{display:block}.vocab-table td[colspan]:before{content:none}}.pupillist{margin:0;padding:0;list-style:none}.pupilrow{border-top:1px solid var(--line)}.pupillist li:first-child{border-top:0}.pupilrow-open{align-items:center;gap:var(--s4);width:100%;padding:var(--s4) var(--s5);cursor:pointer;text-align:start;background:0 0;border:0;display:flex}.pupilrow-open:hover{background:var(--ground)}.pupilrow-who{flex:11rem;gap:2px;min-width:0;display:grid}.pupilrow-who b{font-size:var(--fs-base);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.pupilrow-user{font-size:var(--fs-small);color:var(--ink-3);font-weight:500}.pupilrow-state{align-items:center;gap:var(--s2);flex-wrap:wrap;flex:0 auto;display:flex}.pupilrow-seen{font-size:var(--fs-small);color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none;font-weight:500}.pupilrow-open>.ico{width:.8rem;height:.8rem;color:var(--ink-3);transition:transform var(--t-state) var(--ease);flex:none;transform:rotate(180deg)}.pupilrow-open[aria-expanded=true]>.ico{transform:rotate(270deg)}.pupil-account{padding:0 var(--s5) var(--s5);background:var(--ground);gap:var(--s4);display:grid}.pupil-does{gap:var(--s2);flex-wrap:wrap;display:flex}.confirm{border:1px solid var(--warn);background:var(--warn-soft);border-radius:var(--r-md);padding:var(--s4);gap:var(--s2);display:grid}.confirm-title{color:var(--ink);margin:0;font-weight:700}.confirm-body{font-size:var(--fs-body);color:var(--ink-2);margin:0}.editpupil{gap:var(--s4);border:1px solid var(--brand);background:var(--surface);border-radius:var(--r-md);padding:var(--s4);display:grid}.pair{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.panel-sort{align-items:center;gap:var(--s2);margin:0;display:flex}.panel-sort span{font-size:var(--fs-caption);color:var(--ink-3);font-weight:600}.panel-sort select{width:auto}@media (max-width:46rem){.pupilrow-open{gap:var(--s2);padding:var(--s4);grid-template-columns:1fr auto;grid-template-areas:"who ico""state state""seen seen";align-items:start;display:grid}.pupilrow-who{grid-area:who}.pupilrow-state{grid-area:state}.pupilrow-seen{grid-area:seen}.pupilrow-open>.ico{grid-area:ico;align-self:center}.pupil-account{padding:0 var(--s4) var(--s4)}.pupil-does>button{flex:9rem}}.admin-bar{background:var(--shade);border-bottom-color:color-mix(in srgb, var(--shade) 70%, white);-webkit-backdrop-filter:none;backdrop-filter:none}.admin-bar .bar-rule{background:color-mix(in srgb, var(--shade) 60%, white)}.admin-bar .who-name,.admin-bar .ghost{color:color-mix(in srgb, white 78%, var(--shade))}.admin-bar .ghost:hover:not(:disabled){background:color-mix(in srgb, var(--shade) 78%, white);color:#fff}.admin-mark{align-items:center;gap:var(--s2);flex:none;display:flex}.admin-glyph{background:var(--brand);width:1.75rem;height:1.75rem;color:var(--on-brand);border-radius:9px;flex:none;place-items:center;display:grid}.admin-glyph .ico{width:1rem;height:1rem}.admin-wordmark{font-family:var(--font-ui);letter-spacing:-.02em;color:#fff;white-space:nowrap;font-weight:800}.adminnav{gap:var(--s1);scrollbar-width:none;flex:none;display:flex;overflow-x:auto}.adminnav::-webkit-scrollbar{display:none}.adminnav a,.adminnav-soon{align-items:center;gap:var(--s2);white-space:nowrap;padding:var(--s2) var(--s3);border-radius:var(--r-chip);font-size:var(--fs-body);color:color-mix(in srgb, white 72%, var(--shade));font-weight:700;text-decoration:none;display:inline-flex}.adminnav a:hover{background:color-mix(in srgb, var(--shade) 78%, white);color:#fff}.adminnav a[aria-current=page]{background:var(--brand);color:var(--on-brand)}.adminnav-soon{color:color-mix(in srgb, white 55%, var(--shade));cursor:default}.adminnav-soon em{font-style:normal;font-size:var(--fs-micro);border-radius:var(--r-sm);border:1px solid color-mix(in srgb, white 34%, var(--shade));color:color-mix(in srgb, white 82%, var(--shade));background:0 0;padding:.05rem .35rem;font-weight:700}.adminnav-soon .ico{opacity:.6}.estate{margin:0;padding:0;list-style:none}.estate-row{gap:var(--s3);padding:var(--s4) var(--s5);border-top:1px solid var(--line);grid-template-columns:minmax(9rem,1.2fr) auto minmax(6rem,auto);align-items:center;display:grid}.estate li:first-child .estate-row{border-top:0}.estate-row{color:inherit;text-decoration:none}.estate-row:hover{background:var(--ground)}.estate-row:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.estate-who{gap:2px;min-width:0;display:grid}.estate-who b{font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:var(--fs-lead);color:var(--ink);font-weight:600}.estate-who span{font-size:var(--fs-caption);color:var(--ink-3);font-weight:500}.estate-counts{gap:var(--s4);flex-wrap:wrap;display:flex}.estate-counts span{font-size:var(--fs-small);color:var(--ink-2);white-space:nowrap}.estate-counts b{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}.estate-needs{gap:var(--s2);flex-wrap:wrap;justify-content:flex-end;display:flex}.gapline{align-items:center;gap:var(--s2);flex-wrap:wrap;margin:0;display:flex}.gapline-label{font-size:var(--fs-small);color:var(--ink-3);font-weight:600}.schoolact{padding:var(--s4) var(--s5);border-top:1px solid var(--line)}.schoolact-row{align-items:center;gap:var(--s4);flex-wrap:wrap;justify-content:space-between;display:flex}.schoolact-row p{font-size:var(--fs-small);color:var(--ink-2);max-width:46ch;margin:0}.handover{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));margin:0;display:grid}.handover div{gap:var(--s1);display:grid}.handover dt{font-size:var(--fs-small);color:var(--ink-3);font-weight:600}.handover dd{font-size:var(--fs-body);color:var(--ink);overflow-wrap:anywhere;margin:0}.handover code.temp{font-size:var(--fs-base);letter-spacing:.02em}.totals{gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));margin:0;display:grid}.totals div{gap:var(--s1);display:grid}.totals dt{font-size:var(--fs-small);color:var(--ink-3);font-weight:600}.totals dd{font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:var(--fs-title);color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-weight:600;line-height:1}@media (min-width:40rem){.admin-bar .bar-rule{display:block}.admin-bar .who{display:flex}}@media (max-width:61.99rem){.admin-bar .topbar-inner{row-gap:var(--s2);padding-bottom:var(--s2);flex-wrap:wrap}.admin-bar .bar-rule{display:none}.adminnav{order:3;width:100%}}@media (max-width:52rem){.estate-row{padding:var(--s4);grid-template-columns:1fr}.estate-needs{justify-content:flex-start}}.world{--w1:var(--brand);--w2:#c4b5fd;--w3:var(--brand-soft);z-index:1;position:relative}.world h1,.world h2,.world .station-title,.world .today-what,.world .word-en{font-variation-settings:"SOFT" 100, "WONK" 1}body:has(.world){background:#f2edff}.world-ground{z-index:0;pointer-events:none;background:linear-gradient(180deg, #fffbf3 0%, var(--ground) 42%, #f2edff 100%);position:fixed;inset:0;overflow:hidden}.wg{color:#fff;position:absolute}.wg-cloud{opacity:.9;width:15rem;top:4.5rem;left:-3rem}.wg-cloud2{opacity:.75;width:9rem;top:46%;right:-2rem}.wg-star{color:#f7b500;opacity:.4;width:2.4rem;top:6.5rem;right:11%}.wg-leaf{color:#7adbb9;opacity:.5;width:5.5rem;bottom:9%;left:3%}.wg-ring{color:#ffb59e;opacity:.55;width:4rem;bottom:13%;right:5%}@media (max-width:48rem){.wg-cloud{width:9rem;top:3.5rem;left:-2.5rem}.wg-leaf{display:none}.wg-ring{width:2.75rem;bottom:6.5rem}}.world-ground~.topbar{background:#fffcf7e6}.today{text-align:left;background:var(--surface);width:100%;min-height:0;color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--e3);transition:transform var(--t-state) var(--pop), box-shadow var(--t-state) var(--ease);border:0;justify-content:stretch;place-items:stretch stretch;padding:0;display:grid;position:relative;overflow:hidden}.today:hover:not(:disabled){background:var(--surface);transform:translateY(-2px)}.today:active:not(:disabled){box-shadow:var(--e2);transform:translateY(1px)scale(.995)}.today-scene{background:linear-gradient(180deg, var(--w3) 0%, color-mix(in srgb, var(--w3) 55%, white) 100%);width:100%;height:9.5rem;display:block;position:relative;overflow:hidden}.today-scene .scene{width:auto;height:100%;position:absolute;bottom:-.25rem;right:-.5rem}.today-ask{font-weight:800;line-height:1.2;font-size:var(--fs-small);color:var(--w1);letter-spacing:.005em;margin-bottom:2px;display:block}.today-body{gap:var(--s2) var(--s3);padding:var(--s4) var(--s5) var(--s5);grid-template-columns:auto 1fr;align-items:center;display:grid}.today-body>.today-go{margin-top:var(--s2);grid-column:1/-1;justify-content:center}.today-what{font-family:var(--font-display);letter-spacing:-.005em;font-size:1.45rem;font-weight:700;line-height:1.1;display:block}.today-why{color:var(--ink-3);font-size:var(--fs-body);margin-top:2px;font-weight:500;display:block}.today .tally{margin-top:var(--s3)}.today .tally i{background:var(--w3);width:.9rem;height:.4rem}.today .tally i[data-on=true]{background:var(--w1)}.today .badge-icon{border-radius:var(--r-md);background:var(--kind-soft,var(--brand-soft));width:3.25rem;height:3.25rem;color:var(--kind,var(--brand));flex:none;place-items:center;display:grid}.today-go{align-items:center;gap:var(--s2);border-radius:var(--r-chip);background:var(--brand);color:var(--on-brand);font-weight:800;font-size:var(--fs-body);box-shadow:0 3px 0 var(--brand-ink);padding:.65rem 1.1rem;display:inline-flex}.world .journey{padding-left:3.9rem}.world .journey:before{border-left:3px dashed var(--line-2);background:0 0;width:0;top:2rem;left:1.55rem}.station-badge{z-index:1;background:var(--w3);width:3.2rem;height:3.2rem;color:var(--w1);border:3px solid var(--surface);box-shadow:var(--e2);transition:transform var(--t-state) var(--pop), background var(--t-state) var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:.9rem;left:-3.9rem}.station[data-state=current] .station-badge{background:var(--w1);color:var(--on-brand);box-shadow:0 0 0 5px color-mix(in srgb, var(--w1) 22%, transparent), var(--e2);transform:scale(1.1)}.station[data-state=done] .station-badge{background:var(--ok);color:var(--on-brand)}.world .station[data-state=done]:after{background:var(--ok);top:3.4rem;left:-2.2rem}.world .station-card{border:0;border-top:5px solid var(--w2);box-shadow:var(--e1)}.world .station[data-state=current] .station-card{border-top-color:var(--w1);box-shadow:0 0 0 3px var(--w3), var(--e2)}.world .station[data-state=done] .station-card{border-top-color:var(--ok)}.world .station[data-state=locked] .station-card{border-top-color:var(--line-2)}.station-word{font-size:var(--fs-micro);letter-spacing:.01em;border-radius:var(--r-chip);align-items:center;gap:.3rem;padding:.15rem .6rem;font-weight:800;display:inline-flex}.station-word[data-tone=here]{background:var(--w3);color:var(--w1)}.station-word[data-tone=done]{background:var(--ok-soft);color:var(--ok-ink)}.station-word[data-tone=soon]{background:var(--ground-2);color:var(--ink-3)}.world .station-pct{color:var(--w1)}.world .aside-card{border-left-color:var(--w1)}.world .aside-icon,.world .aside-tag{background:var(--w3);color:var(--w1)}.unit-banner{gap:var(--s3);min-height:10rem;padding:var(--s5);border-radius:var(--r-xl);background:linear-gradient(120deg, var(--w3) 0%, var(--surface) 68%);border:1px solid color-mix(in srgb, var(--w2) 55%, white);box-shadow:var(--e2);align-content:center;display:grid;position:relative;overflow:hidden}.unit-banner .scene{width:auto;height:115%;position:absolute;bottom:-.75rem;right:-1.5rem}.unit-banner>*{max-width:58%;position:relative}.unit-banner h1{font-size:var(--fs-display);line-height:1.05}.unit-place{font-size:var(--fs-small);color:var(--w1);align-items:center;gap:.4rem;font-weight:700;display:inline-flex}.unit-banner .meter{background:color-mix(in srgb, var(--w2) 35%, white);max-width:22rem;height:.6rem}.unit-banner .meter>span{background:var(--w1)}.unit-banner .meter[data-done=true]>span{background:var(--ok)}.unit-banner .finished-ribbon{max-width:max-content}@media (max-width:40rem){.world .word-card .scene-mark{opacity:.3;width:10rem;top:-2rem;right:-3rem}.unit-banner{min-height:9rem;padding:var(--s4)}.unit-banner .scene{opacity:.7;height:62%;right:-2rem}.unit-banner>*{max-width:100%}}.world .word-card{box-shadow:0 0 0 6px var(--w3), var(--e2);border:0;overflow:hidden}.world .word-card:before{content:"";z-index:0;background:linear-gradient(180deg, var(--w3) 0%, var(--surface) 46%);position:absolute;inset:0}.world .word-card{position:relative}.world .word-card>*{z-index:1;position:relative}.world .word-card .scene-mark{z-index:0;opacity:.5;pointer-events:none;width:15rem;height:auto;position:absolute;top:-1.5rem;right:-2.5rem}.world .word-card[data-learned=true]{box-shadow:0 0 0 6px var(--ok-soft), var(--e2)}.world .word-picture{border-radius:var(--r-lg);background:var(--surface);border:5px solid var(--surface);max-height:13rem;box-shadow:var(--e2)}.world .word-pip[data-learned=true]{background:var(--ok);border-color:var(--ok);color:var(--on-brand)}.world .word-pip[aria-current=true]{background:var(--w1);border-color:var(--w1)}.world .speak-btn{background:var(--w1);box-shadow:0 6px 16px color-mix(in srgb, var(--w1) 40%, transparent)}.world .speak-btn:hover:not(:disabled),.world .speak-btn:disabled{background:var(--w1)}.world .word-pos{background:var(--w3);color:var(--w1)}.cheer{align-items:center;gap:var(--s2);font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;color:var(--ok-ink);background:var(--ok-soft);border:1px solid var(--ok-edge);border-radius:var(--r-chip);animation:popIn var(--t-party) var(--pop) both;padding:.35rem .9rem;font-size:1.1rem;font-weight:700;display:inline-flex}.cheer .ico{width:1rem;height:1rem}.world .lesson-head{background:var(--w3)}.world .lesson-topic{color:var(--w1)}.world .example .to{box-shadow:inset 0 -.45em 0 var(--w3)}.world .q-card:not([data-marked]){box-shadow:0 0 0 5px var(--w3), var(--e2);border-color:#0000}.world .result-line{font-variation-settings:"SOFT" 100, "WONK" 1;font-size:1.9rem}.world .exam-rule{background:var(--w3)}.world .exam-rule b{color:var(--w1)}.world .locked-note{background:var(--surface);border-color:var(--w2)}.world .locked-note .ico{color:var(--w1)}.game-shut{font-size:var(--fs-caption);color:var(--ink-3);margin-top:var(--s1);font-weight:600;line-height:1.35;display:block}.world .game-card:before{background:var(--w3)}.world .game-icon{background:var(--w1)}.world .game-card .game-name{color:var(--ink)}.state-chip{font-size:var(--fs-caption);border-radius:var(--r-sm);background:var(--ground-2);color:var(--ink-2);border:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:.4rem;padding:.2rem .6rem;font-weight:600;display:inline-flex}.state-chip b{font-weight:800}.state-chip span{color:var(--ink-3);font-weight:500}.state-chip[data-tone=visible]{background:var(--ok-soft);border-color:var(--ok-edge);color:var(--ok-ink)}.state-chip[data-tone=visible] span{color:var(--ok-ink)}.state-chip[data-tone=held],.state-chip[data-tone=blocked]{background:var(--warn-soft);border-color:var(--warn);color:var(--warn-ink)}.state-chip[data-tone=held] span,.state-chip[data-tone=blocked] span{color:var(--warn-ink)}.lifecycle-note{padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--brand-soft);color:var(--brand-ink);font-size:var(--fs-small);border-left:4px solid var(--brand);margin:0}.review-table{font-size:var(--fs-small)}.review-table th{font-size:var(--fs-caption)}.review-table td[data-tone=held]{color:var(--warn-ink);font-weight:700}.review-table td.num{font-variant-numeric:tabular-nums}.girl{width:100%;height:auto;display:block}@keyframes wFlit{0%,to{transform:translate(0)rotate(-10deg)}50%{transform:translate(10px,-8px)rotate(4deg)}}@keyframes wSway{0%,to{transform:rotate(14deg)}50%{transform:rotate(8deg)}}.w-flit{animation:wFlit 7s var(--ease) infinite;transform-box:fill-box;transform-origin:50%}.w-flit-2{animation-duration:9s;animation-delay:-3s}.w-sway{animation:wSway 6s var(--ease) infinite;transform-box:fill-box;transform-origin:top}.greeting-hi{align-items:flex-end;gap:var(--s3);display:flex}.greeting-girl{flex:none;width:5.5rem;margin-bottom:-.35rem}.greeting-ask{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;color:var(--brand-ink);margin:.1rem 0 .35rem;font-size:1.05rem;font-weight:700}.note-girl{flex:none;width:3.5rem;margin:-.35rem 0 -.75rem}.end-girl{width:6rem;margin-bottom:calc(-1 * var(--s2))}@media (max-width:30rem){.note-girl{width:2.75rem}.end-girl{width:5rem}}.today-scene{position:relative}.today-girl{z-index:1;width:4.6rem;position:absolute;bottom:-.15rem;right:1.1rem}.banner-girl{z-index:1;width:6rem;position:absolute;bottom:-.4rem;right:38%}@media (max-width:48rem){.greeting-girl{width:4rem}.today-girl{width:3.6rem;right:.6rem}.banner-girl{opacity:.9;width:4.2rem;right:.5rem}}@media (max-width:30rem){.banner-girl{display:none}}.adv{gap:var(--s3);display:grid}.adv-head{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--e1);flex-wrap:wrap;display:flex}.adv-goal{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;font-size:var(--fs-lead);color:var(--ink);margin:0;font-weight:700}.adv-where{font-size:var(--fs-small);color:var(--ink-3);margin:2px 0 0;font-weight:600}.adv-pips{gap:var(--s2);margin:0;padding:0;list-style:none;display:flex}.adv-pips li{background:var(--ground-2);width:.7rem;height:.7rem;transition:background var(--t-state) var(--ease), transform var(--t-state) var(--pop);border-radius:50%}.adv-pips li[data-state=done]{background:var(--ok)}.adv-pips li[data-state=here]{background:var(--w1,var(--brand));transform:scale(1.35)}.adv-stage{border-radius:var(--r-xl);background:linear-gradient(180deg, #fffbf3 0%, var(--w3,var(--ground-2)) 100%);border:1px solid var(--line);width:100%;height:clamp(13rem,30vw,21rem);box-shadow:var(--e2);position:relative;overflow:hidden}.adv-scene{opacity:.75;width:100%;height:100%;position:absolute;inset:0}.adv-play{width:100%;height:100%;position:absolute;inset:0}.adv-walker{bottom:6%;left:var(--along,0%);width:16%;min-width:3.2rem;max-width:6.5rem;transition:left var(--t-party) var(--ease);position:absolute}.adv-walker[data-walking=true]{animation:advStep .5s var(--ease) 2}@keyframes advStep{0%,to{transform:translateY(0)}50%{transform:translateY(-7%)rotate(-2deg)}}.ob{transition:opacity var(--t-state) var(--ease)}.gate-leaf{transition:transform var(--t-party) var(--ease);transform-origin:50%}.ob-open .gate-left{transform:translate(-26px)rotate(-14deg)}.ob-open .gate-right{transform:translate(26px)rotate(14deg)}.plank{transition:opacity var(--t-state) var(--ease), transform var(--t-state) var(--pop)}.plank-on{animation:popIn var(--t-state) var(--pop) both}.fork{transition:stroke var(--t-state) var(--ease)}.ob-open .fork-up{stroke:var(--ok)}.sign-board{transition:transform var(--t-state) var(--ease);transform-origin:160px 80px}.ob-open .sign-board{transform:rotate(-4deg)}.pack-spark{animation:pulse 2.2s var(--ease) infinite}.ob-flag{transition:transform var(--t-party) var(--pop);transform-origin:160px 34px;transform:scaleX(0)}.ob-open .ob-flag{transform:scaleX(1)}.adv-stage[data-phase=wrong] .ob{animation:nudge .34s var(--ease)}.adv-party{pointer-events:none;position:absolute;inset:0;overflow:hidden}.adv-party i{background:var(--signal);width:8px;height:13px;animation:fall 1.5s var(--ease-in) forwards;border-radius:2px;position:absolute;top:-10px}.adv-party i:nth-child(3n){background:var(--ok)}.adv-party i:nth-child(3n+1){background:#ffc845}.adv-ask{padding:var(--s4) var(--s5);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--e2);gap:var(--s3);justify-items:start;display:grid}.adv-obstacle{font-size:var(--fs-small);color:var(--w1,var(--brand-ink));margin:0;font-weight:700}.adv-prompt{font-size:var(--fs-lead);color:var(--ink);max-width:44ch;margin:0;font-weight:600;line-height:1.45}.adv-choices{gap:var(--s3);width:100%;display:grid}@media (min-width:32rem){.adv-two{grid-template-columns:1fr 1fr}}.adv-choice{width:100%;min-height:3.5rem;padding:var(--s3) var(--s4);text-align:left;border:2px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);box-shadow:0 3px 0 var(--line);justify-content:flex-start;font-size:1rem;font-weight:600}.adv-choice:hover:not(:disabled){border-color:var(--w1,var(--brand));background:var(--surface)}.adv-choice:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.adv-mark{background:var(--w3,var(--brand-soft));width:1.7rem;height:1.7rem;color:var(--w1,var(--brand-ink));font-weight:800;font-size:var(--fs-caption);border-radius:50%;flex:none;place-items:center;display:grid}.adv-token{width:auto;min-height:3rem}.adv-choices:has(.adv-token){flex-wrap:wrap;display:flex}.adv-laid{gap:var(--s2);width:100%;min-height:3.25rem;padding:var(--s2) var(--s3);border-radius:var(--r-md);background:var(--ground);border:2px dashed var(--line-2);flex-wrap:wrap;align-items:center;display:flex}.adv-laid-empty{color:var(--ink-3);font-size:var(--fs-body)}.adv-plank{border-radius:var(--r-sm);color:#fff;font-weight:700;font-size:var(--fs-body);animation:popIn var(--t-state) var(--pop) both;background:#b07a4e;padding:.35rem .7rem}.adv-nudge{align-items:center;gap:var(--s3);width:100%;padding:var(--s3) var(--s4);border-radius:var(--r-lg);background:var(--warn-soft);border:1px solid var(--warn);animation:popIn var(--t-state) var(--pop) both;display:flex}.adv-nudge strong{color:var(--warn-ink);font-size:var(--fs-base);display:block}.adv-nudge p{color:var(--ink-2);font-size:var(--fs-body);margin:.2rem 0 0}.adv-done{text-align:center;justify-items:center}.adv-win{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;color:var(--ok-ink);animation:popIn var(--t-party) var(--pop) both;font-size:2rem;font-weight:800}.adv-line{color:var(--ink-2);max-width:38ch;margin:0}@media (max-width:40rem){.adv-stage{height:12rem}.adv-ask{padding:var(--s4)}.adv-head{padding:var(--s3)}.adv-goal{font-size:var(--fs-base)}}.bell-wrap{flex:none;position:relative}.bell{border-radius:var(--r-md);width:2.5rem;height:2.5rem;color:var(--ink-2);background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.bell:hover:not(:disabled){background:var(--ground-2);color:var(--ink)}.bell[data-unread=true]{color:var(--brand)}.bell-count{background:var(--signal);color:#fff;font-variant-numeric:tabular-nums;min-width:1.1rem;height:1.1rem;box-shadow:0 0 0 2px var(--surface);border-radius:999px;place-items:center;padding:0 .22rem;font-size:.6875rem;font-weight:800;line-height:1;display:grid;position:absolute;top:.15rem;right:.1rem}.bell-menu{z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-width:15rem;max-width:min(20rem,100vw - 2rem);box-shadow:var(--e3);padding:var(--s2);flex-direction:column;gap:2px;display:flex;position:absolute;top:calc(100% + .4rem);right:0}.bell-head{padding:.35rem var(--s3) .5rem;font-size:var(--fs-caption);color:var(--ink-3);margin:0;font-weight:700}.bell-item{justify-content:space-between;align-items:center;gap:var(--s3);text-align:left;width:100%;padding:.55rem var(--s3);border-radius:var(--r-md);font-size:var(--fs-body);color:var(--ink);background:0 0;border:0;font-weight:600;display:flex}.bell-item:hover:not(:disabled){background:var(--brand-soft)}.bell-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bell-n{background:var(--signal-soft);min-width:1.4rem;color:var(--signal-ink);font-size:var(--fs-caption);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:.1rem .4rem;font-weight:800}.idle-veil{z-index:100;padding:var(--s5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1b173973;place-items:center;display:grid;position:fixed;inset:0}.idle-card{background:var(--surface);width:min(26rem,100%);color:var(--ink);border-radius:var(--r-xl);box-shadow:var(--e3);padding:var(--s6) var(--s5) var(--s5);gap:var(--s3);text-align:center;flex-direction:column;display:flex}.idle-title{font-family:var(--font-display);font-variation-settings:var(--wonk);font-size:1.5rem;font-weight:800;line-height:1.15}.idle-body{color:var(--ink-2);font-size:var(--fs-body);margin:0}.idle-body b{font-variant-numeric:tabular-nums;color:var(--ink)}.idle-row{gap:var(--s3);flex-wrap:wrap;justify-content:center;display:flex}.idle-row>button{flex:9rem;justify-content:center}@media (max-width:30rem){.idle-card{padding:var(--s5) var(--s4) var(--s4)}.idle-row>button{flex:100%}}.pw-wrap{display:block;position:relative}.pw-wrap input{padding-inline-end:3rem}.pw-eye{width:2.75rem;height:100%;min-height:2.75rem;color:var(--ink-3);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:0;inset-inline-end:0}.pw-eye:hover{color:var(--ink);background:0 0}.pw-eye:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;color:var(--ink)}.pw-eye[aria-pressed=true]{color:var(--brand)}.signin{isolation:isolate;background:var(--w3);min-height:100dvh;padding:clamp(var(--s5), 5vh, var(--s7)) clamp(var(--s4), 4vw, var(--s7));place-items:center;display:grid;position:relative;overflow:hidden}.trailhead{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.signin-brand{z-index:2;position:absolute;inset-block-start:clamp(var(--s4), 3vw, var(--s6));inset-inline-start:clamp(var(--s4), 3vw, var(--s6))}.signin-brand .brandmark .mark{border-radius:14px;width:2.6rem;height:2.6rem}.signin-brand .brandmark .name{font-size:1.15rem}.signin-stage{z-index:1;justify-items:center;width:100%;display:grid;position:relative}.signin-words{text-align:center;gap:var(--s1);display:grid}.signin-eyebrow{color:var(--w1);letter-spacing:.04em;margin:0;font-size:clamp(.9rem,.85rem + .25vw,1.05rem);font-weight:700}.signin-title{font-family:var(--font-display);color:var(--ink);background-image:linear-gradient(var(--w2), var(--w2));background-position:50% 96%;background-repeat:no-repeat;background-size:62% .3rem;border-radius:2px;margin:0;padding-bottom:.22em;font-size:clamp(2.1rem,1.5rem + 2.4vw,3.4rem);line-height:1.05}.signin-sub{margin:var(--s2) 0 0;color:var(--ink-2);font-size:clamp(.95rem,.9rem + .3vw,1.1rem)}.signin-panel{z-index:1;width:100%;padding:clamp(var(--s5), 2.6vw, var(--s6));-webkit-backdrop-filter:blur(24px)saturate(1.2);background:#ffffffe0;border:1px solid #ffffffeb;border-radius:26px;position:relative;box-shadow:inset 0 1px #fffffff2,0 34px 64px -30px #1b173957,0 8px 20px -10px #1b173924}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.signin-panel{background:#fffffff7}}.signin-heading{font-family:var(--font-display);margin:0 0 var(--s1);font-size:1.55rem}.signin-panel>.muted{font-size:var(--fs-small);margin:0 0 var(--s4)}.pw-has-icon input{padding-inline-start:2.9rem}.pw-mark{width:2.9rem;height:100%;color:var(--ink-4);pointer-events:none;z-index:1;place-items:center;display:grid;position:absolute;inset-block-start:0;inset-inline-start:0}.pw-wrap+.pw-wrap,.signin-panel .pw-wrap+label+.pw-wrap,.signin-panel .pw-wrap{margin-top:var(--s3)}.signin-panel .pw-wrap:first-of-type{margin-top:0}.signin-panel input{background:#ffffffdb;border-color:#cdc2ecf2;border-radius:14px;min-height:3rem}.signin-panel input::placeholder{color:var(--ink-4)}.signin-panel input:focus{background:var(--surface)}.signin-go{width:100%;margin-top:var(--s4);border-radius:14px;justify-content:center;align-items:center;gap:.55rem;min-height:3.1rem;font-size:1.05rem;display:inline-flex}.signin-arrow{font-size:1.1em;line-height:1}.signin-help{margin-top:var(--s4);font-size:var(--fs-small);line-height:1.6}.signin-waiting{min-height:21rem}.signin-girl{filter:drop-shadow(0 22px 26px #1b17392e);justify-self:center;width:clamp(8rem,30vw,11rem)}@media (max-width:47.9375rem){.signin{padding-top:clamp(var(--s7), 14vh, var(--s8));place-items:start center}.signin-stage{gap:var(--s3);max-width:24rem}.signin-girl{width:7.5rem;margin-bottom:calc(-1 * var(--s3))}.signin-title{background-size:70% .26rem}}@media (min-width:48rem) and (max-width:63.9375rem){.signin-girl{width:clamp(10rem,22vw,13rem)}}@media (min-width:48rem){.signin-stage{justify-content:center;align-items:end;gap:clamp(var(--s3), 2vw, var(--s5));grid-template-columns:auto minmax(0,27rem);grid-template-areas:"girl entry";max-width:64rem}.signin-girl{margin-inline-end:clamp(-6rem,-6vw,-3rem);z-index:3;grid-area:girl;align-self:end;margin-bottom:clamp(0rem,3vh,2rem);position:relative}.signin-entry{gap:var(--s4);grid-area:entry;display:grid}}@media (min-width:64rem){.signin-stage{grid-template-columns:auto minmax(0,29rem);max-width:70rem}.signin-girl{width:clamp(13rem,20vw,18rem)}}.valley-hold{z-index:-1;background:var(--w3);pointer-events:none;position:fixed;inset:0}.valley{width:100%;height:100%;display:block}.trail-page{max-width:54rem;position:relative}.trail-welcome{align-items:end;gap:clamp(var(--s3), 3vw, var(--s5));margin-bottom:clamp(var(--s5), 5vh, var(--s7));grid-template-columns:auto minmax(0,1fr);display:grid}.trail-girl{filter:drop-shadow(0 18px 22px #1b173929);width:clamp(5.5rem,16vw,8.5rem)}.trail-hello h1{font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(1.65rem,1.2rem + 2vw,2.6rem);line-height:1.08}.trail-ask{margin:var(--s2) 0 0;color:var(--w1);font-size:clamp(.95rem,.9rem + .3vw,1.1rem);font-weight:700}.trail-line{margin:var(--s1) 0 0;color:var(--ink-2);max-width:42ch;font-size:.9375rem}.trail{margin:0;padding:0 0 0 5.5rem;list-style:none;position:relative}.trail:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='240' viewBox='0 0 96 240'%3E%3Cpath d='M48 0 C48 30 34 30 34 60 C34 90 48 90 48 120 C48 150 62 150 62 180 C62 210 48 210 48 240' fill='none' stroke='%23EFE1CB' stroke-width='32' stroke-linecap='round'/%3E%3Cpath d='M48 0 C48 30 34 30 34 60 C34 90 48 90 48 120 C48 150 62 150 62 180 C62 210 48 210 48 240' fill='none' stroke='%23DCC8A8' stroke-width='8' stroke-linecap='round' stroke-dasharray='2 21'/%3E%3C/svg%3E");background-repeat:repeat-y;background-size:96px 240px;width:96px;position:absolute;inset-block:-1rem -1.5rem;inset-inline-start:0;-webkit-mask-image:linear-gradient(#0000,#000 3rem calc(100% - 3.5rem),#0000);mask-image:linear-gradient(#0000,#000 3rem calc(100% - 3.5rem),#0000)}.trail-stop{padding-bottom:clamp(var(--s4), 2.5vh, var(--s5));position:relative}.trail-stop[data-state=done]:before{content:"";inset-inline-start:-5.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='240' viewBox='0 0 96 240'%3E%3Cpath d='M48 0 C48 30 34 30 34 60 C34 90 48 90 48 120 C48 150 62 150 62 180 C62 210 48 210 48 240' fill='none' stroke='%23E3D2B4' stroke-width='32' stroke-linecap='round'/%3E%3Cpath d='M48 0 C48 30 34 30 34 60 C34 90 48 90 48 120 C48 150 62 150 62 180 C62 210 48 210 48 240' fill='none' stroke='%23C9B189' stroke-width='8' stroke-linecap='round' stroke-dasharray='2 21'/%3E%3C/svg%3E");background-repeat:repeat-y;background-size:96px 240px;width:96px;position:absolute;top:1.4rem;bottom:-.1rem}.trail-mark{inset-inline-start:-3.95rem;z-index:1;border:3px solid var(--w2);width:2.9rem;height:2.9rem;color:var(--w1);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:.25rem;box-shadow:0 6px 14px -8px #1b173966}.trail-stop[data-state=done] .trail-mark{background:var(--ok);border-color:var(--ok);color:#fff}.trail-stop[data-state=current] .trail-mark{border-color:var(--w1);box-shadow:0 0 0 5px #ffffff8c,0 8px 18px -8px #1b173973}.trail-body{text-align:start;cursor:pointer;width:100%;padding:var(--s3) var(--s4);color:inherit;background:#ffffffdb;border:0;border-radius:20px;transition:background .16s,transform .16s,box-shadow .16s;display:block}.trail-body:hover{background:#fffffff5}.trail-body:active{transform:translateY(1px)}.trail-stop[data-open=true] .trail-body{padding:clamp(var(--s4), 2.4vw, var(--s5));-webkit-backdrop-filter:blur(24px)saturate(1.2);background:#ffffffe0;border:1px solid #ffffffeb;border-radius:26px;box-shadow:inset 0 1px #fffffff2,0 34px 64px -30px #1b173957,0 8px 20px -10px #1b173924}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.trail-stop[data-open=true] .trail-body{background:#fffffff7}.trail-body{background:#ffffffed}}.trail-head{align-items:start;column-gap:var(--s3);grid-template-columns:minmax(0,1fr) auto;display:grid}.trail-where{align-items:center;gap:var(--s2);flex-wrap:wrap;grid-column:1;display:flex}.trail-no{color:var(--ink-3);font-size:.75rem;font-weight:700}.trail-title{font-family:var(--font-display);color:var(--ink);grid-column:1;margin-top:.1rem;font-size:clamp(1.15rem,1rem + .7vw,1.5rem);font-weight:700;line-height:1.15;display:block}.trail-pct{color:var(--w1);grid-area:1/2/span 2;align-self:center;font-size:1.05rem;font-weight:800}.trail-word{font-size:var(--fs-micro,.6875rem);border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-weight:800;display:inline-flex}.trail-word[data-tone=here]{color:#fff;background:var(--w1)}.trail-word[data-tone=done]{color:var(--ok-ink);background:var(--ok-soft)}.trail-word[data-tone=soon]{color:var(--ink-3);background:#1b17390f}.trail-parts{gap:var(--s2);margin:var(--s4) 0 0;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.trail-part{text-align:center;justify-items:center;gap:.3rem;min-width:0;display:grid}.trail-part-node{width:2.1rem;height:2.1rem;color:var(--ink-3);background:#ffffffe6;border:2px solid #1b17391a;border-radius:50%;place-items:center;display:grid}.trail-part[data-state=done] .trail-part-node{background:var(--ok);border-color:var(--ok);color:#fff}.trail-part[data-state=current] .trail-part-node{background:var(--w1);border-color:var(--w1);color:#fff}.trail-part[data-state=locked] .trail-part-node,.trail-part[data-state=empty] .trail-part-node{opacity:.55}.trail-part-label{font-size:var(--fs-small);color:var(--ink-2);font-weight:700}.trail-part-value{font-size:var(--fs-small);color:var(--ink-3)}.trail-part[data-state=done] .trail-part-value{color:var(--ok-ink);font-weight:700}.trail-part[data-state=current] .trail-part-value{color:var(--ink);font-weight:700}.trail-part[data-state=spent] .trail-part-value{color:var(--bad-ink,#b3261e);font-weight:700}.trail-do{align-items:center;gap:var(--s3);margin-top:var(--s4);padding:var(--s3);background:#6c4ce012;border-radius:18px;display:flex}.trail-do-mark{width:2.75rem;height:2.75rem;color:var(--brand);background:#fff;border-radius:14px;flex:none;place-items:center;display:grid}.trail-do-words{flex:1;gap:.1rem;min-width:0;display:grid}.trail-do-ask{font-size:var(--fs-small);color:var(--w1);font-weight:700}.trail-do-what{font-family:var(--font-display);color:var(--ink);font-size:1.15rem;font-weight:700}.trail-do-why{font-size:var(--fs-small);color:var(--ink-3)}.trail-go{background:var(--brand);color:#fff;border-radius:14px;flex:none;align-items:center;gap:.4rem;padding:.7rem 1.1rem;font-weight:700;display:inline-flex}.trail-body:hover .trail-go{filter:brightness(1.08)}.trail-note{margin-top:var(--s3);font-size:var(--fs-small);color:var(--ink-3);display:block}.trail-empty{padding:var(--s5);background:#ffffffe6;border-radius:24px;box-shadow:0 20px 44px -28px #1b17394d}.trail-empty h2{font-family:var(--font-display);margin:0}.trail-extra{align-items:flex-start;gap:var(--s3);text-align:start;cursor:pointer;width:100%;margin-top:var(--s4);padding:var(--s4);color:inherit;background:#ffffffdb;border:0;border-radius:20px;display:flex}.trail-extra:hover{background:#ffffffe6}.trail-extra-mark{background:var(--w3);width:2.5rem;height:2.5rem;color:var(--w1);border-radius:12px;flex:none;place-items:center;display:grid}.trail-extra-words{flex:1;gap:.2rem;min-width:0;display:grid}.trail-extra-head{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.trail-extra-title{font-family:var(--font-display);font-size:1.1rem}.trail-extra-tag{font-size:var(--fs-micro,.6875rem);color:var(--ink-3);background:#1b17390f;border-radius:999px;padding:.15rem .5rem;font-weight:800}@media (max-width:30rem){.trail{padding-inline-start:4.2rem}.trail:before{background-size:72px 180px;width:72px}.trail-stop[data-state=done]:before{background-size:72px 180px;width:72px;inset-inline-start:-4.2rem}.trail-mark{border-width:2px;width:2.3rem;height:2.3rem;inset-inline-start:-3.1rem}.trail-welcome{align-items:center;gap:var(--s3)}.trail-do{flex-wrap:wrap}.trail-go{justify-content:center;width:100%}.trail-parts{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){.trail-stop{animation:.42s cubic-bezier(.22,1,.36,1) both trail-settle}.trail-stop:first-child{animation-delay:60ms}.trail-stop:nth-child(2){animation-delay:.13s}.trail-stop:nth-child(3){animation-delay:.2s}.trail-stop:nth-child(n+4){animation-delay:.26s}}@keyframes trail-settle{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.unit-world{max-width:56rem;position:relative}.unit-world .unit-banner{align-items:end;column-gap:clamp(var(--s3), 3vw, var(--s5));box-shadow:none;margin-bottom:clamp(var(--s4), 3vh, var(--s5));background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);padding:0;display:grid;position:relative;overflow:visible}.unit-world .banner-girl{filter:drop-shadow(0 16px 20px #1b173929);grid-row:1/span 4;width:clamp(5.5rem,15vw,8.5rem);position:static}.unit-world .unit-place{color:var(--w1);font-weight:700;font-size:var(--fs-small);background:0 0;grid-column:2;align-items:center;gap:.4rem;padding:0;display:inline-flex}.unit-world .unit-banner h1{font-family:var(--font-display);color:var(--ink);grid-column:2;margin:.1rem 0 0;font-size:clamp(1.6rem,1.2rem + 1.8vw,2.4rem);line-height:1.08}.unit-world .unit-banner>p{margin:var(--s1) 0 0;color:var(--ink-2);grid-column:2}.unit-world .unit-banner .meter{margin-top:var(--s2);background:#ffffffb3;grid-column:2;max-width:22rem}.unit-world .unit-journey{padding:var(--s3) var(--s4);-webkit-backdrop-filter:blur(18px)saturate(1.15);background:#ffffffdb;border:1px solid #ffffffe6;border-radius:22px;box-shadow:0 20px 44px -30px #1b173957}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.unit-world .unit-journey{background:#fffffff7}}.unit-world .word-card,.unit-world .lesson,.unit-world .locked-note{-webkit-backdrop-filter:blur(20px)saturate(1.15);background:#ffffffed;border:1px solid #ffffffeb;border-radius:26px;box-shadow:inset 0 1px #fffffff2,0 34px 64px -30px #1b173952,0 8px 20px -10px #1b17391f}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.unit-world .word-card,.unit-world .lesson,.unit-world .locked-note{background:#fffffffa}}.unit-world .word-card .scene-mark{display:none}.unit-world .word-strip{padding:var(--s3) var(--s4);background:#ffffffbd;border-radius:999px;flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.unit-world .word-pip{width:1.9rem;min-width:0;height:1.9rem;min-height:0;color:var(--ink-3);box-shadow:none;background:#ffffffe6;border:2px solid #1b173924;border-radius:50%;place-items:center;padding:0;font-size:.7rem;font-weight:700;line-height:1;transition:transform .14s,background .14s,border-color .14s,color .14s;display:grid}.unit-world .word-pip:hover{border-color:var(--w1);color:var(--ink);transform:scale(1.12)}.unit-world .word-pip[data-on=true],.unit-world .word-pip[aria-selected=true]{background:var(--w1);border-color:var(--w1);color:#fff;transform:scale(1.18)}.unit-world .word-pip[data-done=true]{background:var(--ok);border-color:var(--ok);color:#fff}.unit-world .word-en{font-family:var(--font-display);color:var(--ink);font-size:clamp(2.4rem,1.6rem + 3.4vw,3.6rem);line-height:1.05}.unit-world .word-ar{color:var(--ink-2);font-size:clamp(1.35rem,1.1rem + 1vw,1.75rem)}.unit-world .word-example{max-width:46ch;color:var(--ink-2);margin-inline:auto;font-size:1.05rem;line-height:1.6}.unit-world .lesson{padding:clamp(var(--s4), 3vw, var(--s6))}.unit-world .lesson-head{padding:0 0 var(--s3);margin-bottom:var(--s3);background:0 0;border:0;border-bottom:1px solid #1b173914}.unit-world .lesson-topic{font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(1.25rem,1.1rem + .8vw,1.6rem)}.unit-world .lesson-body{color:var(--ink);max-width:62ch;font-size:1.0625rem;line-height:1.75}.unit-world .lesson img,.unit-world .video-frame{margin-top:var(--s4);border-radius:16px;overflow:hidden}.unit-world .examples-set{margin-top:var(--s4);padding:var(--s4);background:var(--w3);border-radius:18px}.unit-world .set-label{font-weight:700;font-size:var(--fs-small);color:var(--w1);margin-bottom:var(--s2);display:block}.unit-world .lesson-foot{margin-top:var(--s5);padding-top:var(--s4);justify-content:space-between;align-items:center;gap:var(--s3);border-top:1px solid #1b173914;flex-wrap:wrap;display:flex}@media (max-width:30rem){.unit-world .unit-banner{align-items:center;column-gap:var(--s3)}.unit-world .word-strip{padding:var(--s3);border-radius:20px}.unit-world .lesson-foot{flex-direction:column;align-items:stretch}.unit-world .lesson-foot .primary{width:100%}.unit-world .unit-track{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:var(--s2);overflow-x:auto}.unit-world .unit-track .track-step{scroll-snap-align:center;flex:0 0 4.9rem}.unit-world .unit-track .track-label{white-space:nowrap;font-size:.7rem}}.valley-hold.calm{opacity:.42;filter:saturate(.72)}@media (prefers-reduced-motion:no-preference){.valley-hold{transition:opacity .4s,filter .4s}}.unit-world .result-panel,.unit-world .running,.unit-world .round-end,.unit-world .adv,.games-world .game-card,.games-world .locked-note,.games-world .round-end,.games-world .adv{-webkit-backdrop-filter:blur(20px)saturate(1.15);background:#ffffffed;border:1px solid #ffffffeb;border-radius:26px;box-shadow:inset 0 1px #fffffff2,0 34px 64px -30px #1b173952,0 8px 20px -10px #1b17391f}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.unit-world .result-panel,.unit-world .running,.unit-world .adv,.games-world .game-card,.games-world .locked-note{background:#fffffffa}}.unit-world .exam-rules{gap:var(--s3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.unit-world .exam-rule{padding:var(--s4) var(--s3);text-align:center;background:var(--w3);border-radius:18px}.unit-world .exam-rule b{color:var(--w1);font-size:1.5rem;line-height:1.1;display:block}.unit-world .running{padding:clamp(var(--s4), 3vw, var(--s6))}.unit-world .q-jump{width:100%}.unit-world .q-jump>summary{cursor:pointer;align-items:center;gap:var(--s3);padding:var(--s2) 0;grid-template-columns:minmax(6rem,1fr) auto auto;list-style:none;display:grid}.unit-world .q-jump>summary::-webkit-details-marker{display:none}.unit-world .q-jump>summary:focus-visible{outline:3px solid var(--brand);outline-offset:4px;border-radius:10px}.unit-world .q-jump-bar{background:#1b173917;border-radius:999px;height:.55rem;overflow:hidden}.unit-world .q-jump-bar>span{background:var(--w1);border-radius:999px;height:100%;transition:width .24s;display:block}.unit-world .q-jump-more{font-size:var(--fs-small);color:var(--brand);white-space:nowrap;font-weight:700}.unit-world .q-jump-more:after{content:" ▾"}.unit-world .q-jump[open] .q-jump-more:after{content:" ▴"}.unit-world .q-pips{padding-top:var(--s3);margin-top:var(--s2);border-top:1px solid #1b173914;grid-template-columns:repeat(auto-fill,minmax(2rem,1fr));justify-items:center;gap:.45rem;display:grid}.unit-world .q-pip{width:2rem;min-width:0;max-width:none;height:2rem;min-height:0;box-shadow:none;color:var(--ink-3);background:#ffffffe6;border:2px solid #1b173924;border-radius:50%;flex:none;place-items:center;padding:0;font-size:.7rem;font-weight:700;line-height:1;display:grid;transform:none}.unit-world .q-pip:hover{border-color:var(--w1);transform:scale(1.1)}.unit-world .q-pip[data-answered=true]{background:var(--ok);border-color:var(--ok);color:#fff}.unit-world .q-pip[aria-selected=true]{background:var(--w1);border-color:var(--w1);color:#fff;box-shadow:0 0 0 3px #ffffffe6, 0 0 0 5px var(--w1)}.unit-world .choice{border-radius:16px;min-height:3.25rem;font-size:1.0625rem;line-height:1.5}.unit-world .tile-row .choice{text-align:center;justify-content:center;align-items:center;min-width:3.25rem;font-size:1.15rem;font-weight:700;display:inline-flex}.unit-world .choice:focus-visible,.unit-world .q-pip:focus-visible,.unit-world .word-pip:focus-visible,.games-world .game-card:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.unit-world .q-move{margin-top:var(--s5);gap:var(--s3);align-items:center;display:flex}.unit-world .result-panel{padding:clamp(var(--s5), 3vw, var(--s6));text-align:center}.unit-world .result-line{color:var(--ink-2);font-size:1.05rem}.unit-world .tries{margin-top:var(--s3)}.unit-world .try{background:#ffffffb3;border:1px solid #1b173912;border-radius:16px}.games-world .game-shelf,.unit-world .game-shelf{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.games-world .game-card,.unit-world .game-card{padding:var(--s5) var(--s4) var(--s4);text-align:start;border-radius:24px;grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:start;transition:transform .16s,box-shadow .16s;position:relative;overflow:hidden}.games-world .game-card:before,.unit-world .game-card:before{background:radial-gradient(120% 120% at 0 0, var(--w3) 0%, #fff0 72%);opacity:.9;border-radius:0;width:14rem;height:10rem;top:0;left:0}.games-world .game-card:hover,.unit-world .game-card:hover{transform:translateY(-3px)}.games-world .game-card>.scene,.unit-world .game-card>.scene,.games-world .game-card svg.scene,.unit-world .game-card svg.scene{display:none}.games-world .game-icon,.unit-world .game-icon{background:var(--w1);color:#fff;border-radius:16px;place-items:center;width:3rem;height:3rem;display:grid}.games-world .game-name,.unit-world .game-name{margin-top:var(--s3);font-family:var(--font-display);color:var(--ink);font-size:1.3rem;display:block}.games-world .game-why,.unit-world .game-why{margin-top:var(--s2);color:var(--ink-2);line-height:1.55;display:block}.unit-world .adv,.games-world .adv{padding:clamp(var(--s3), 2vw, var(--s4))}.unit-world .adv-stage,.games-world .adv-stage{border-radius:18px;overflow:hidden}.unit-world .adv-ask,.games-world .adv-ask{padding:var(--s4);background:#ffffffeb;border-radius:18px}@media (max-width:30rem){.unit-world .exam-rules{gap:var(--s2);grid-template-columns:1fr}.unit-world .exam-rule{justify-content:center;align-items:baseline;gap:var(--s2);padding:var(--s3);display:flex}.unit-world .exam-rule b{font-size:1.25rem;display:inline}.unit-world .q-jump>summary{row-gap:var(--s2);grid-template-columns:1fr auto}.unit-world .q-jump-bar{order:-1;grid-column:1/-1}.unit-world .q-pips{grid-template-columns:repeat(auto-fill,minmax(2.5rem,1fr));gap:.4rem}.unit-world .q-pip{width:2.5rem;height:2.5rem;font-size:.8rem}.unit-world .q-move{flex-wrap:wrap}.unit-world .q-move>button{flex:8rem}.unit-world .choice{min-height:3.5rem}.games-world .game-shelf,.unit-world .game-shelf{grid-template-columns:1fr}}.teacher-card{align-items:center;gap:clamp(var(--s3), 2vw, var(--s4));margin-bottom:clamp(var(--s4), 3vh, var(--s5));padding:var(--s4);-webkit-backdrop-filter:blur(20px)saturate(1.15);background:#ffffffe0;border:1px solid #ffffffeb;border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;display:grid;box-shadow:inset 0 1px #fffffff2,0 24px 48px -32px #1b17394d}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.teacher-card{background:#fffffff7}}.teacher-face{background:var(--w3,#eee9ff);width:2.9rem;height:2.9rem;color:var(--w1,#6c4ce0);border-radius:14px;place-items:center;display:grid}.teacher-words{gap:.1rem;min-width:0;display:grid}.teacher-label{font-size:var(--fs-small);color:var(--ink-3);margin:0;font-weight:700}.teacher-name{font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(1.05rem,1rem + .4vw,1.25rem)}.teacher-note{font-size:var(--fs-small);color:var(--ink-3);margin:.2rem 0 0;line-height:1.5}.teacher-card[data-state=none] .teacher-face{color:var(--ink-3);background:#1b17390f}.wa-button{color:#0b2e19;white-space:nowrap;background:#25d366;border-radius:14px;justify-content:center;align-items:center;gap:.55rem;min-height:3rem;padding:0 1.1rem;font-size:1rem;font-weight:700;text-decoration:none;transition:filter .14s,transform .14s;display:inline-flex}.wa-button:hover{filter:brightness(1.06)}.wa-button:active{transform:translateY(1px)}.wa-button:focus-visible{outline:3px solid var(--brand);outline-offset:3px}@media (max-width:34rem){.teacher-card{grid-template-columns:auto minmax(0,1fr)}.wa-button{grid-column:1/-1;width:100%}}.signin-by{margin:var(--s2) 0 0;font-size:var(--fs-small);color:var(--ink-2);text-wrap:balance;max-width:22ch;font-weight:600;line-height:1.4}@media (max-width:47.9375rem){.signin-by{max-width:none;font-size:.75rem}}