@font-face{font-family:BarooSans;src:url(/fonts/Vazirmatn-Arabic.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:BarooSans;src:url(/fonts/Vazirmatn-Latin.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+??,U+2000-206F,U+20AC,U+2122,U+2212}@font-face{font-family:BarooReading;src:url(/fonts/NotoNaskhArabic-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:BarooReading;src:url(/fonts/NotoNaskhArabic-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--bg:#f6f7fb;--surface:#fff;--ink:#1d2340;--ink-2:#3a4163;--muted:#5f6788;--line:#e4e7f0;--line-strong:#d3d8e6;--blue:#4453e0;--blue-edge:#2f3bb0;--blue-soft:#eceeff;--blue-text:#3442c7;--green:#15884a;--green-edge:#0e6638;--green-soft:#e5f6ec;--green-text:#0f6b3b;--coral:#d23f47;--coral-edge:#a12c33;--coral-soft:#fdeced;--coral-text:#b3313a;--amber:#ffb21e;--amber-edge:#d98c00;--amber-soft:#fff3d6;--amber-text:#8a5300;--subject:var(--blue);--subject-edge:var(--blue-edge);--subject-soft:var(--blue-soft);--r-sm:10px;--r:16px;--r-lg:22px;--shadow:0 1px 2px #1d23400f, 0 8px 24px #1d234012;--shadow-lift:0 2px 4px #1d234014, 0 14px 32px #1d23401f;--ease:cubic-bezier(.2, .8, .2, 1);--rail:248px;--gutter:16px;--sans:BarooSans, "Noto Sans Arabic", system-ui, sans-serif;--reading:BarooReading, "Noto Naskh Arabic", serif;--paper:var(--surface);--wool:var(--bg);--saffron:var(--amber);--indigo:var(--blue);--teal:var(--green);--red:var(--coral);--success:var(--green);--danger:var(--coral)}.subject-biology{--subject:#0d7f60;--subject-edge:#08604a;--subject-soft:#e1f5ee}.subject-physics{--subject:#5b3fd9;--subject-edge:#432ca8;--subject-soft:#efebff}.subject-demo{--subject:var(--blue);--subject-edge:var(--blue-edge);--subject-soft:var(--blue-soft)}*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;scrollbar-color:var(--line-strong) transparent}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--sans);caret-color:var(--blue);margin:0;font-size:16px;line-height:1.7}::selection{color:var(--ink);background:#d4d9ff}h1,h2,h3,p,dl,dd,ol,ul,figure{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit;text-decoration:none}a:not([class]):hover{text-underline-offset:.25em;text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}[tabindex="-1"]:focus{outline:none}h1{text-wrap:balance;font-size:28px;font-weight:800;line-height:1.35}h2{font-size:20px;font-weight:800;line-height:1.4}h3{font-size:17px;font-weight:700;line-height:1.45}small{font-size:13px}.muted{color:var(--muted);font-size:14px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;overflow:hidden;position:absolute!important}.icon{flex:none;block-size:22px;inline-size:22px}.skip-link{z-index:50;border-radius:var(--r-sm);background:var(--ink);color:var(--surface);padding:8px 14px;position:fixed;inset-block-start:8px;inset-inline-start:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.button{--face:var(--surface);--edge:var(--line-strong);--text:var(--ink);border:2px solid var(--edge);border-radius:var(--r);background:var(--face);min-block-size:48px;color:var(--text);text-align:center;transition:transform .12s var(--ease), border-block-end-width .12s var(--ease), filter .15s;border-block-end-width:5px;justify-content:center;align-items:center;gap:8px;padding:8px 20px;font-size:17px;font-weight:800;line-height:1.3;display:inline-flex}.button:hover{filter:brightness(1.04)}.button:active:not(:disabled){border-block-end-width:2px;transform:translateY(3px)}.button:disabled{--face:var(--line);--edge:var(--line);--text:#8b92ad;cursor:not-allowed}.button.primary{--face:var(--blue);--edge:var(--blue-edge);--text:#fff}.button.secondary{--face:var(--surface);--edge:var(--line-strong);--text:var(--blue-text)}.button.success{--face:var(--green);--edge:var(--green-edge);--text:#fff}.button.danger{--face:var(--coral);--edge:var(--coral-edge);--text:#fff}.button.on-colour{--face:#fff;--edge:#0000002e;--text:var(--subject)}.button.large{min-block-size:56px;padding-inline:26px;font-size:18px}.button.small{min-block-size:40px;padding:4px 14px;font-size:15px}.button .icon{block-size:20px;inline-size:20px}.icon-button{block-size:44px;inline-size:44px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid}.icon-button:hover{background:var(--line);color:var(--ink)}.text-link{color:var(--blue-text);font-weight:700}.tag{background:var(--amber-soft);color:var(--amber-text);border-radius:999px;margin-inline-start:4px;padding:0 8px;font-size:12px;font-weight:700;display:inline-block}.pill,.count-badge{background:var(--blue-soft);color:var(--blue-text);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:2px 12px;font-size:14px;font-weight:800;display:inline-flex}.count-badge{padding:6px 14px;font-size:15px}.count-badge .icon{block-size:18px;inline-size:18px}.meter{background:var(--line);border-radius:999px;block-size:10px;overflow:hidden}.meter span{border-radius:inherit;background:var(--subject);block-size:100%;min-inline-size:10px;transition:inline-size .6s var(--ease);display:block}.meter.on-colour{background:#ffffff47}.meter.on-colour span{background:#fff}.acorn{block-size:auto;inline-size:100%;display:block;overflow:visible}.acorn-body{transform-box:fill-box;transform-origin:50% 100%;animation:3.6s ease-in-out infinite acorn-bob}.acorn-cheer .acorn-body{animation:acorn-hop 1.1s var(--ease) infinite}.acorn-leaf{transform-box:fill-box;transform-origin:0 60%;animation:3.6s ease-in-out infinite acorn-leaf}@keyframes acorn-bob{50%{transform:translateY(-3px)rotate(-1.5deg)}}@keyframes acorn-hop{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-12px)scale(.97,1.04)}55%{transform:translateY(0)scale(1.04,.96)}}@keyframes acorn-leaf{50%{transform:rotate(-8deg)}}.sidebar{display:none}.app-frame{min-block-size:100dvh;padding-block-end:calc(76px + env(safe-area-inset-bottom))}.app-frame.focus-frame{padding-block-end:0}.topbar{z-index:20;min-block-size:60px;padding:8px var(--gutter);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block-end:1px solid var(--line);background:#f6f7fbeb;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;inset-block-start:0}.mobile-brand,.brand{color:var(--ink);align-items:center;gap:8px;font-size:22px;font-weight:900;display:inline-flex}.mobile-brand .acorn{inline-size:30px}.mobile-brand .acorn-body,.brand .acorn-body,.brand .acorn-leaf,.mobile-brand .acorn-leaf{animation:none}.topbar-actions{align-items:center;gap:8px;display:flex}.chip{border:2px solid var(--line);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;min-block-size:38px;padding:4px 12px;font-weight:800;display:inline-flex}.chip .icon{block-size:20px;inline-size:20px}.chip.streak .icon{color:#b9bfd4}.chip.streak.lit .icon{color:var(--amber);fill:var(--amber-soft)}.chip.xp-tag .icon{color:var(--amber-edge);fill:var(--amber-soft)}.chip.offline{border-color:var(--amber);background:var(--amber-soft);color:var(--amber-text);font-size:14px}.dev-banner{padding:4px var(--gutter);background:var(--amber-soft);color:var(--amber-text);text-align:center;font-size:13px;font-weight:700}.notice{inset-inline:var(--gutter);z-index:40;border-radius:var(--r);background:var(--ink);color:#fff;max-inline-size:560px;box-shadow:var(--shadow-lift);animation:rise .35s var(--ease);align-items:center;gap:10px;margin-inline:auto;padding:10px 10px 10px 16px;padding-inline:16px 8px;font-weight:600;display:flex;position:fixed;inset-block-end:calc(88px + env(safe-area-inset-bottom))}.notice span{flex:1}.notice .icon-button{color:#c9cde0}.notice .icon-button:hover{color:#fff;background:#ffffff1f}.focus-frame .notice{inset-block-end:104px}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.recovery-banner{margin:12px var(--gutter) 0;border-radius:var(--r);background:var(--amber-soft);border:2px solid color-mix(in srgb, var(--amber) 50%, transparent);color:var(--ink);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;font-weight:600;display:flex}.recovery-banner>span{flex:240px}.content-grid{padding:18px var(--gutter) 24px}main{outline:none;gap:22px;max-inline-size:680px;margin-inline:auto;display:grid}.stats-rail{display:none}.loading-state{color:var(--muted);justify-items:center;gap:12px;padding-block:64px;font-weight:700;display:grid}.loading-state .acorn{inline-size:96px}.mobile-nav{z-index:30;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-block-start:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset-block-end:0;inset-inline:0}.mobile-nav a{border-radius:var(--r);color:var(--muted);justify-items:center;gap:2px;padding:6px 2px;font-size:12px;font-weight:700;display:grid}.mobile-nav a .icon{border-radius:10px;block-size:26px;inline-size:26px;padding:2px;transition:background .2s}.mobile-nav a.active{color:var(--blue-text)}.mobile-nav a.active .icon{background:var(--blue-soft);fill:var(--blue-soft)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 16px;padding-block-start:6px;display:flex}.page-header p{color:var(--muted);margin-block-start:2px}.back-link{color:var(--blue-text);justify-self:start;align-items:center;gap:6px;font-weight:700;display:inline-flex}.back-link .icon{block-size:20px;inline-size:20px}.source-note,.preview-note{font-size:13px;font-weight:700}.preview-note{background:var(--amber-soft);color:var(--amber-text);border-radius:999px;justify-self:start;padding:2px 10px}.greeting{align-items:center;gap:12px;display:flex}.greeting-mascot{flex:none;inline-size:84px}.speech{border:2px solid var(--line);border-radius:var(--r);background:var(--surface);flex:1;padding:12px 16px;font-weight:600;line-height:1.65;position:relative}.speech:before{content:"";background:var(--surface);border:2px solid var(--line);border-block-start:0;border-inline-end:0;block-size:14px;inline-size:14px;position:absolute;inset-block-start:50%;inset-inline-start:-9px;transform:translateY(-50%)rotate(45deg)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .speech:before{transform:translateY(-50%)rotate(-135deg)}.continue-card{border-radius:var(--r-lg);background:var(--subject);color:#fff;box-shadow:0 10px 28px color-mix(in srgb, var(--subject) 32%, transparent);gap:16px;padding:22px;display:grid}.continue-card h1{font-size:30px}.continue-context{color:#ffffffe0;margin-block-start:4px;font-weight:700}.continue-meta{color:#fffc;font-size:15px}.continue-card .source-note{color:#ffffffd9;margin-block-start:8px}.continue-card .button.primary{--face:#fff;--edge:#0003;--text:var(--subject);justify-self:stretch}.continue-progress{gap:6px;display:grid}.continue-progress small{color:#ffffffd9;font-weight:700}.how-it-works{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.how-it-works li{border-radius:var(--r);background:var(--blue-soft);text-align:center;align-content:start;justify-items:center;gap:2px;padding:12px 6px;font-size:15px;display:grid;position:relative}.how-it-works li+li:before{content:"";border-block-start:2px dashed color-mix(in srgb, var(--blue) 45%, transparent);inline-size:12px;position:absolute;inset-block-start:30px;inset-inline-end:calc(100% - 2px)}.how-it-works .icon{background:var(--surface);block-size:36px;inline-size:36px;color:var(--blue);border-radius:50%;padding:7px}.how-it-works span{color:var(--ink-2);font-size:13px;line-height:1.5}.progress-strip{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px;display:grid}.strip-item{border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:10px 14px;display:grid}.strip-item>.icon{block-size:30px;inline-size:30px}.strip-item>span:not(.meter){line-height:1.3;display:grid}.strip-item strong{font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}.strip-item small{color:var(--muted)}.strip-item .meter{grid-column:1/-1;block-size:8px;margin-block-start:8px}.strip-item.streak .icon{color:#b9bfd4}.strip-item.streak.lit .icon{color:var(--amber);fill:var(--amber-soft)}.strip-item.goal{--subject:var(--green)}.strip-item.goal .icon{color:var(--green)}.lesson-code{font-variant-numeric:tabular-nums;background:#ffffff38;border-radius:999px;margin-inline-end:6px;padding:0 10px;display:inline-block}.today{gap:10px;display:grid}.today-grid{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);display:grid;overflow:hidden}.today-action{align-items:center;gap:14px;padding:14px 16px;transition:background .15s;display:flex}.today-action+.today-action{border-block-start:1px solid var(--line)}.today-action:hover{background:#fafbff}.today-action>span:nth-child(2){flex:1;display:grid}.today-action small{color:var(--muted);font-size:14px}.today-icon{border-radius:14px;place-items:center;block-size:46px;inline-size:46px;display:grid}.today-action.review .today-icon{background:var(--blue-soft);color:var(--blue)}.today-action.focus .today-icon{background:var(--green-soft);color:var(--green)}.today-action.mistakes .today-icon{background:var(--coral-soft);color:var(--coral)}.side-card{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);gap:8px;padding:16px 18px;display:grid}.side-card h2{align-items:center;gap:8px;font-size:17px;display:flex}.side-card p{color:var(--ink-2);font-size:14px}.side-card p strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:30px;font-weight:900;line-height:1.2;display:block}.side-card small{color:var(--muted)}.streak-card h2 .icon{color:var(--amber);fill:var(--amber-soft)}.goal-card{--subject:var(--green)}.goal-card h2 .icon{color:var(--green)}.goal-card.met{background:var(--green-soft)}.week-dots{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.week-dots span{aspect-ratio:1;background:var(--bg);color:var(--muted);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.week-dots span.done{background:var(--amber);color:var(--ink)}.week-dots .icon{stroke-width:3px;block-size:16px;inline-size:16px}.section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-block-end:10px;display:flex}.section-heading a{color:var(--blue-text);align-items:center;gap:4px;font-size:15px;font-weight:700;display:inline-flex}.section-heading .icon{block-size:18px;inline-size:18px}.books-grid{gap:12px;display:grid}.book-tile{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);transition:transform .2s var(--ease), box-shadow .2s var(--ease);grid-template-columns:64px 1fr;align-items:center;gap:14px;padding:14px;display:grid}.book-tile:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.book-cover{background:var(--subject);border-block-end:5px solid var(--subject-edge);color:#fff;border-radius:18px;place-items:center;block-size:64px;inline-size:64px;display:grid}.book-cover .icon{block-size:30px;inline-size:30px}.book-info{gap:4px;min-inline-size:0;display:grid}.book-info p{color:var(--muted);font-size:14px}.search-field{border:2px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--muted);align-items:center;gap:10px;padding:0 14px;display:flex}.search-field:focus-within{border-color:var(--blue)}.search-field input{min-block-size:50px;color:var(--ink);background:0 0;border:0;outline:none;flex:1}.empty-note{color:var(--muted);text-align:center}.book-hero{border-radius:var(--r-lg);background:var(--subject);color:#fff;grid-template-columns:auto 1fr;align-items:center;gap:14px 16px;padding:20px;display:grid}.book-hero-icon{background:#ffffff2e;border-radius:18px;place-items:center;block-size:60px;inline-size:60px;display:grid}.book-hero-icon .icon{block-size:30px;inline-size:30px}.book-hero p{color:#ffffffd9}.book-hero .button{grid-column:1/-1}.chapter-list{gap:28px;display:grid}.chapter-section{gap:20px;display:grid}.chapter-heading{border-radius:var(--r);background:var(--subject-soft);border:2px solid color-mix(in srgb, var(--subject) 22%, transparent);grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding:14px 16px;display:grid}.chapter-disc{background:var(--subject);border-block-end:4px solid var(--subject-edge);color:#fff;border-radius:50%;grid-row:span 2;place-items:center;block-size:46px;inline-size:46px;font-size:20px;font-weight:900;display:grid}.chapter-heading p{color:var(--muted);font-size:14px}.lesson-list{justify-items:center;gap:18px;display:grid}.path-step{--swing:1rem;transform:translateX(calc(var(--offset) * var(--swing)));position:relative}.path-acorn{pointer-events:none;inline-size:58px;position:absolute;inset-block-start:-6px;inset-inline-end:calc(100% - 36px)}.path-step a{text-align:center;justify-items:center;gap:6px;inline-size:170px;display:grid}.path-node{color:#8f96b1;block-size:64px;inline-size:68px;transition:transform .15s var(--ease);background:#e9ebf3;border-block-end:6px solid #cfd4e3;border-radius:50%;place-items:center;display:grid}.path-node .icon{block-size:28px;inline-size:28px}.path-step a:hover .path-node{transform:translateY(-2px)}.path-step a:active .path-node{border-block-end-width:3px;transform:translateY(3px)}.path-step.complete .path-node{background:var(--subject);border-block-end-color:var(--subject-edge);color:#fff}.path-step.complete .path-node .icon{stroke-width:3px}.path-step.current .path-node{background:var(--subject);border-block-end-color:var(--subject-edge);color:#fff;block-size:78px;inline-size:84px;box-shadow:0 0 0 7px var(--subject-soft);animation:2.4s ease-in-out infinite node-pulse}@keyframes node-pulse{50%{box-shadow:0 0 0 7px var(--subject-soft), 0 0 0 14px color-mix(in srgb, var(--subject) 10%, transparent)}}.path-label{line-height:1.45;display:grid}.path-label strong{font-size:15px}.path-label small{color:var(--muted)}.path-step.current .path-label small{color:var(--subject);font-weight:800}.lesson-main{max-inline-size:720px}.lesson-topbar{z-index:20;background:var(--bg);align-items:center;gap:12px;padding:10px 0;display:flex;position:sticky;inset-block-start:0}.lesson-progress{background:var(--line);appearance:none;border:0;border-radius:999px;flex:1;block-size:16px;overflow:hidden}.lesson-progress::-webkit-progress-bar{background:var(--line);border-radius:999px}.lesson-progress::-webkit-progress-value{background:var(--green);transition:inline-size .5s var(--ease);border-radius:999px}.lesson-progress::-moz-progress-bar{background:var(--green);border-radius:999px}.lesson-count{min-inline-size:56px;color:var(--muted);text-align:end;font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.lesson-reader{gap:18px;padding-block-end:150px;display:grid}.reading-content{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);gap:16px;padding:22px 20px;display:grid}.lesson-code-line{margin-block-start:-10px}.reading-content h2{color:var(--ink);font-size:22px}.reading-content h3{color:var(--blue-text);font-size:18px}.reading-content h2+p,.reading-content h3+p{margin-block-start:-8px}.reading-content p,.lesson-note,.term-list dd{font-family:var(--reading);color:var(--ink-2);max-inline-size:68ch;font-size:19px;line-height:1.95}.reading-content strong{color:var(--blue-text);font-weight:700}.lesson-note{border-radius:var(--r);background:var(--blue-soft);color:var(--ink);padding:14px 16px}.lesson-note ul{gap:6px;display:grid}.lesson-note li{align-items:flex-start;gap:10px;display:flex}.lesson-note li .icon{block-size:20px;inline-size:20px;color:var(--blue);stroke-width:2.6px;flex:none;margin-block-start:8px}.callout-title{color:var(--blue-text);font-family:var(--sans);margin-block-end:4px;font-size:15px;font-weight:800}.lesson-note.callout-goal{border:2px solid color-mix(in srgb, var(--blue) 30%, transparent)}.unsupported-block{background:var(--bg);color:var(--muted);font-family:var(--sans);font-size:15px}.figure-block{gap:8px;display:grid}.figure-zoom{border-radius:var(--r);background:var(--bg);cursor:zoom-in;border:0;padding:0;display:block;overflow:hidden}.figure-block img{block-size:auto;inline-size:100%;display:block}.figure-fallback{border-radius:var(--r);background:var(--bg);color:var(--muted);font-family:var(--sans);text-align:center;padding:18px;font-size:15px;display:none}.figure-block.is-missing .figure-zoom{display:none}.figure-block.is-missing .figure-fallback{display:block}.figure-block figcaption{color:var(--muted);font-size:14px}.figure-dialog{border-radius:var(--r-lg);background:var(--surface);max-block-size:94vh;max-inline-size:min(960px,96vw);box-shadow:var(--shadow-lift);border:0;padding:12px}.figure-dialog::backdrop{background:#1d2340b3}.figure-dialog img{object-fit:contain;max-block-size:76vh}.figure-dialog form{justify-content:flex-end;margin-block-start:8px;display:flex}.term-list{border-radius:var(--r);border:2px solid var(--line);gap:10px;padding:14px 16px;display:grid}.term-list>div{gap:0 12px;display:grid}.term-list dt{color:var(--blue-text);font-weight:800}.term-list dd{font-size:17px}.term-list .term-en{color:var(--muted);font-family:var(--sans);text-align:start;font-size:14px}.check-bar{z-index:25;padding:14px var(--gutter) calc(14px + env(safe-area-inset-bottom));background:var(--surface);border-block-start:2px solid var(--line);transition:background .25s var(--ease);position:fixed;inset-block-end:0;inset-inline:0}.check-bar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-inline-size:720px;margin-inline:auto;display:flex}.check-bar-inner>.button{flex:200px}.check-bar-inner>span:empty{display:none}.check-bar.is-correct{background:var(--green-soft);border-color:color-mix(in srgb, var(--green) 30%, transparent)}.check-bar.is-incorrect{background:var(--coral-soft);border-color:color-mix(in srgb, var(--coral) 30%, transparent)}.answer-feedback{animation:rise .3s var(--ease);flex:100%;align-items:flex-start;gap:12px;display:flex}.answer-feedback.correct{color:var(--green-text)}.answer-feedback.incorrect{color:var(--coral-text)}.feedback-badge{background:#fff;border-radius:50%;flex:none;place-items:center;block-size:44px;inline-size:44px;display:grid}.feedback-badge .icon{stroke-width:3px}.answer-feedback h2{font-size:19px}.answer-feedback p{color:var(--ink-2);font-family:var(--reading);font-size:17px;line-height:1.8}.answer-feedback .feedback-answer{font-family:var(--sans);font-size:15px}.question-view{gap:18px;display:grid}.question-head{gap:10px;display:grid;position:relative}.question-head baroo-character{inline-size:112px}.question-prompt{font-size:23px;line-height:1.6}.answer-options{gap:10px;display:grid}.answer-option{border:2px solid var(--line-strong);border-radius:var(--r);background:var(--surface);text-align:start;min-block-size:58px;transition:transform .12s var(--ease), border-color .15s, background .15s;border-block-end-width:5px;align-items:center;gap:12px;padding:10px 14px;font-size:17px;font-weight:600;display:flex}.answer-option>span:nth-child(2){flex:1}.answer-option:hover:not(:disabled){background:#fafbff}.answer-option:active:not(:disabled){border-block-end-width:2px;transform:translateY(3px)}.answer-option.selected{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-text)}.answer-option.is-right{border-color:var(--green);background:var(--green-soft);color:var(--green-text)}.answer-options .answer-option.is-right .answer-letter{border-color:var(--green);background:var(--green);color:#fff}.answer-option.is-wrong{border-color:var(--coral);background:var(--coral-soft);color:var(--coral-text)}.answer-options .answer-option.is-wrong .answer-letter{border-color:var(--coral);background:var(--coral);color:#fff}.answer-option:disabled{cursor:default}.answer-letter{border:2px solid var(--line-strong);block-size:32px;inline-size:32px;color:var(--muted);border-radius:10px;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}.answer-option.selected .answer-letter{border-color:var(--blue);background:var(--blue);color:#fff}.fill-field{gap:8px;font-weight:700;display:grid}.fill-field input,.match-fields select,.setting-row select,.settings-grid input,.task-form input{border:2px solid var(--line-strong);border-radius:var(--r);background:var(--surface);min-block-size:52px;color:var(--ink);padding:8px 14px;font-size:17px}.fill-field input:focus,.match-fields select:focus,.setting-row select:focus,.settings-grid input:focus,.task-form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft);outline:none}.match-fields{gap:10px;display:grid}.match-fields label{border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:12px;padding:8px 8px 8px 14px;padding-inline:14px 8px;font-weight:700;display:grid}.completion{text-align:center;justify-items:center;gap:14px;padding-block-start:12px;display:grid}.completion-mascot{inline-size:150px}.completion h1{font-size:32px}.completion>p:not(.muted){color:var(--ink-2)}.result-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;inline-size:100%;max-inline-size:480px;display:grid}.result{border-radius:var(--r);background:var(--surface);border:2px solid;gap:2px;padding:12px 8px;display:grid}.result small{font-weight:800}.result strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:22px;font-weight:900}.result.correct{border-color:var(--green);color:var(--green-text)}.result.review{border-color:var(--blue);color:var(--blue-text)}.result.streak{border-color:var(--amber);color:var(--amber-text)}.completion-actions{gap:10px;inline-size:100%;max-inline-size:420px;display:grid}.mistakes-link{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);align-items:center;gap:14px;padding:12px 16px;display:flex}.mistakes-link>span:nth-child(2){flex:1;display:grid}.mistakes-link small{color:var(--muted)}.mistakes-link .today-icon{background:var(--coral-soft);color:var(--coral)}.review-card{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);text-align:center;gap:16px;padding:24px 20px;display:grid}.review-card h2{font-size:24px;line-height:1.6}.review-hint,.grade-question{color:var(--muted)}.review-answer{border-radius:var(--r);background:var(--green-soft);animation:rise .3s var(--ease);gap:6px;padding:16px;display:grid}.review-answer strong{color:var(--green-text);font-size:20px}.review-answer p{font-family:var(--reading);color:var(--ink-2);font-size:18px;line-height:1.85}.grade-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.grade{--tone:var(--blue);--tone-soft:var(--blue-soft);border:2px solid var(--tone);border-radius:var(--r);background:var(--tone-soft);min-block-size:64px;color:var(--ink);transition:transform .12s var(--ease);border-block-end-width:5px;gap:0;padding:8px;display:grid}.grade:active{border-block-end-width:2px;transform:translateY(3px)}.grade strong{font-size:17px}.grade small{color:var(--ink-2);font-variant-numeric:tabular-nums}.grade.again{--tone:var(--coral);--tone-soft:var(--coral-soft)}.grade.hard{--tone:var(--amber);--tone-soft:var(--amber-soft)}.grade.good{--tone:var(--green);--tone-soft:var(--green-soft)}.empty-state{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);text-align:center;justify-items:center;gap:10px;padding:28px 20px;display:grid}.empty-state p{max-inline-size:42ch;color:var(--muted)}.empty-state .button{margin-block-start:6px}.empty-mascot{inline-size:110px}.timer-panel{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);gap:18px;padding:22px 20px;display:grid}.timer-mascot{inline-size:72px}.timer-face{text-align:center;justify-items:center;gap:6px;display:grid}.round-label{background:var(--green-soft);color:var(--green-text);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:4px 10px;padding:4px 14px;font-size:15px;display:inline-flex}.timer-digits{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);font-size:clamp(64px,20vw,104px);font-weight:800;line-height:1.1}.timer-controls{gap:12px;display:grid}.mode-options,.duration-options{border-radius:var(--r);background:var(--bg);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.duration-options{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-options button,.duration-options button{min-block-size:44px;color:var(--muted);background:0 0;border:0;border-radius:12px;font-size:15px;font-weight:800;transition:background .15s,color .15s}.mode-options button[aria-pressed=true],.duration-options button.active{background:var(--surface);color:var(--blue-text);box-shadow:var(--shadow)}.mode-options button:disabled,.duration-options button:disabled{cursor:not-allowed;opacity:.6}.timer-actions{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:10px;display:grid}.timer-actions .button{padding-inline:10px;font-size:16px}.forest-stage-art{inline-size:150px}.forest-art{block-size:auto;inline-size:100%;display:block;overflow:visible}.forest-stage-art.growing .forest-art{transform-origin:50% 92%;animation:4s ease-in-out infinite forest-sway}@keyframes forest-sway{50%{transform:rotate(-1.5deg)}}.forest-art.is-dead{filter:grayscale()sepia(.35)brightness(.92)}.forest-panel .round-label{background:var(--green-soft)}.forest-note{max-inline-size:46ch;color:var(--muted);text-align:center;font-size:14px}.forest-range{gap:6px;font-weight:700;display:grid}.forest-range input{block-size:32px;inline-size:100%;accent-color:var(--green)}.forest-outcome{border-radius:var(--r);text-align:center;gap:2px;padding:10px 16px;display:grid}.forest-outcome strong{font-size:20px}.forest-outcome.alive{background:var(--green-soft);color:var(--green-text)}.forest-outcome.dead{background:var(--coral-soft);color:var(--coral-text)}.forest-outcome span{color:var(--ink-2)}.forest-history ul{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.forest-history li{border-radius:var(--r-sm);background:var(--green-soft);justify-items:center;gap:2px;padding:6px 4px;font-size:13px;font-weight:700;display:grid}.forest-history li.dead{background:var(--bg);color:var(--muted)}.forest-history .forest-art{inline-size:56px}.skip-round{inline-size:100%}.grow-layout{gap:16px;display:grid}.plain-panel{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);gap:12px;padding:18px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-grid label{gap:4px;font-size:14px;font-weight:700;display:grid}.check-row{align-items:center;gap:10px;min-block-size:44px;font-weight:600;display:flex}.check-row input,.task-list input{block-size:22px;inline-size:22px;accent-color:var(--green)}.task-form{gap:8px;display:flex}.task-form input{flex:1;min-inline-size:0}.task-form .icon-button{border-radius:var(--r);background:var(--blue);border-block-end:4px solid var(--blue-edge);color:#fff;block-size:52px;inline-size:52px}.task-list{display:grid}.task-list li+li{border-block-start:1px solid var(--line)}.task-list label{align-items:center;gap:12px;min-block-size:48px;display:flex}.task-list .done{color:var(--muted);text-decoration:line-through}.session-history ul{gap:6px;display:grid}.session-history li{border-radius:var(--r-sm);background:var(--green-soft);align-items:center;gap:10px;padding:8px 12px;font-weight:700;display:flex}.session-history li .icon{color:var(--green)}.session-history time{color:var(--muted);margin-inline-start:auto;font-size:13px;font-weight:600}.revision-card{border-radius:var(--r-lg);background:var(--amber-soft);border:2px solid color-mix(in srgb, var(--amber) 45%, transparent);gap:10px;padding:18px 20px;display:grid}.revision-days{color:var(--amber-text);align-items:baseline;gap:10px;font-weight:700;display:flex}.revision-days strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:40px;font-weight:900;line-height:1}.revision-steps{gap:6px;display:grid}.revision-steps li{color:var(--ink-2);align-items:center;gap:8px;font-weight:600;display:flex}.revision-steps .icon{color:var(--amber-edge)}.mistake-actions{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:10px;display:grid}.mistake-list summary{justify-content:space-between;align-items:center;gap:10px;display:flex}.mistake-list summary .pill{background:var(--coral-soft);color:var(--coral-text);flex:none}.mistake-list{gap:10px;display:grid}.mistake-list details{border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);padding:14px 16px}.mistake-list summary{cursor:pointer;font-weight:700}.mistake-list details p{font-family:var(--reading);color:var(--ink-2);margin-block:8px 4px;font-size:17px}.mistake-list details strong{color:var(--green-text)}.page-body{gap:16px;display:grid}.account-panel,.settings-panel{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);gap:12px;padding:18px;display:grid}.account-panel p{color:var(--muted)}.account-panel.signed-in{grid-template-columns:auto 1fr;align-items:center}.account-panel.signed-in>.button,.guest-claim{grid-column:1/-1}.account-panel.signed-in small{color:var(--muted);display:block}.account-avatar{background:var(--blue-soft);block-size:56px;inline-size:56px;color:var(--blue);object-fit:cover;border-radius:50%;place-items:center;display:grid}.guest-claim{border-radius:var(--r);background:var(--amber-soft);gap:8px;padding:14px;display:grid}.button.google{--face:var(--surface);--edge:var(--line-strong);--text:var(--ink)}.google-mark{block-size:22px;inline-size:22px}.setting-row{border-block-end:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-block-size:52px;display:flex}.setting-row strong{font-variant-numeric:tabular-nums}baroo-character{min-inline-size:0;display:block}.character-stage{aspect-ratio:1;inline-size:100%;position:relative}.character-stage canvas{block-size:100%;inline-size:100%;display:block}.character-bubble{z-index:2;border:2px solid var(--line);border-radius:var(--r);background:var(--surface);inline-size:min(300px,100vw - 170px);color:var(--ink);font-family:var(--reading);box-shadow:var(--shadow);padding:10px 14px;font-size:17px;line-height:1.7;position:absolute;inset-block-start:10px;inset-inline-start:calc(100% + 10px)}.character-error{border-radius:var(--r-sm);background:var(--coral);color:#fff;text-align:center;padding:4px;font-size:13px;font-weight:700;position:absolute;inset:auto 0 0}@media (width<=359px){.how-it-works{grid-template-columns:minmax(0,1fr)}.how-it-works li{text-align:start;grid-template-columns:auto 1fr;justify-items:start;column-gap:10px}.how-it-works .icon{grid-row:span 2}.how-it-works li+li:before{display:none}}@media (width>=600px){:root{--gutter:24px}.grade-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.continue-card{grid-template-columns:1fr auto;align-items:end;padding:26px}.continue-card .button.primary{justify-self:end}.continue-progress{grid-column:1/-1}.book-hero{grid-template-columns:auto 1fr auto}.book-hero .button{grid-column:auto}.completion-actions{grid-template-columns:1fr 1fr}}@media (width>=900px){.path-step{--swing:1.7rem}h1{font-size:32px}.app-frame{margin-inline-start:var(--rail);padding-block-end:0}.app-frame.focus-frame{margin-inline-start:0}.sidebar{z-index:30;inline-size:var(--rail);background:var(--surface);border-inline-end:1px solid var(--line);flex-direction:column;gap:18px;padding:20px 14px;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.sidebar.lesson-hidden{display:none}.brand{padding-inline:10px;font-size:26px}.brand .acorn{inline-size:38px}.primary-nav,.sidebar-bottom{gap:4px;display:grid}.sidebar-bottom{border-block-start:1px solid var(--line);margin-block-start:auto;padding-block-start:12px}.primary-nav a,.sidebar-bottom a{border-radius:var(--r);min-block-size:50px;color:var(--ink-2);border:2px solid #0000;align-items:center;gap:12px;padding:8px 12px;font-weight:700;display:flex}.primary-nav a .icon{block-size:26px;inline-size:26px}.primary-nav a:hover,.sidebar-bottom a:hover{background:var(--bg)}.primary-nav a.active,.sidebar-bottom a.active{border-color:color-mix(in srgb, var(--blue) 35%, transparent);background:var(--blue-soft);color:var(--blue-text)}.primary-nav a.active .icon{fill:var(--blue-soft)}.sidebar-bottom small{color:var(--muted);font-size:12px;line-height:1.4;display:block}.mobile-nav,.mobile-brand{display:none}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;justify-content:flex-end;position:static}.notice{inset-block-end:24px}.content-grid{padding:8px 32px 48px}.lesson-topbar{padding-block:18px 10px}}@media (width>=1180px){.content-grid{grid-template-columns:minmax(0,680px) 300px;justify-content:center;align-items:start;gap:40px;display:grid}main{margin-inline:0}.lesson-main{grid-column:1/-1;justify-self:center;inline-size:100%}.stats-rail{gap:14px;display:grid;position:sticky;inset-block-start:24px}.progress-strip{display:none}}@media print{body,html{background:#fff}.sidebar,.topbar,.mobile-nav,.stats-rail,.dev-banner,.notice,.mistake-actions,.revision-card,.skip-link,.page-header p{display:none!important}.app-frame{margin:0;padding:0}.mistake-list details{box-shadow:none;break-inside:avoid;border:1px solid #ccc}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}