@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{--red:#d42f12;--saffron:#ffc21a;--indigo:#2c1d7a;--teal:#0f6b63;--ink:#1a0f33;--wool:#f1e6d0;--paper:#fffdf8;--line:#ded8e4;--muted:#564d68;--success:#0f6b63;--danger:#b4260d;--rail:232px;--gutter:20px;--sans:BarooSans, "Noto Sans Arabic", system-ui, sans-serif;--reading:BarooReading, "Noto Naskh Arabic", serif;--weave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='12' shape-rendering='crispEdges'%3E%3Crect width='48' height='12' fill='%231a0f33'/%3E%3Cpath fill='%23ffc21a' d='M21 0h6v3h-6zM18 3h12v3H18zM21 6h6v3h-6z'/%3E%3Cpath fill='%23f1e6d0' d='M3 0h6v3H3zM0 3h12v3H0zM3 6h6v3H3zM39 0h6v3h-6zM36 3h12v3H36zM39 6h6v3h-6z'/%3E%3Cpath fill='%23d42f12' d='M0 9h48v3H0z'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{background:var(--ink);-webkit-text-size-adjust:100%}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--sans);margin:0;font-size:16px;line-height:1.7}h1,h2,h3,p,dl,dd,ol,ul{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img,canvas,svg{display:block}bdi{unicode-bidi:isolate}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 3px var(--saffron)}h1:focus,main:focus{box-shadow:none;outline:0}.knot{flex:none;width:22px;height:22px}.skip-link{z-index:40;background:var(--saffron);padding:10px 16px;font-weight:700;position:fixed;inset-block-start:-80px;inset-inline-start:12px}.skip-link:focus{inset-block-start:12px}.app-frame{--field:var(--red);--on-field:var(--paper);--act:var(--saffron);--on-act:var(--ink);min-height:100dvh;padding-block-end:92px}.app-frame[data-field=learn],.app-frame[data-field=profile],.app-frame[data-field=lesson]{--field:var(--indigo)}.app-frame[data-field=review]{--field:var(--saffron);--on-field:var(--ink);--act:var(--ink);--on-act:var(--saffron)}.app-frame[data-field=grow]{--field:var(--teal)}.app-frame[data-field=compete]{--field:var(--ink)}.topbar{background:var(--field);color:var(--on-field);padding:max(14px, env(safe-area-inset-top)) var(--gutter) 0;justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-brand{align-items:center;gap:8px;font-size:26px;font-weight:900;line-height:1.3;display:flex}.topbar-actions{align-items:center;gap:12px;display:flex}.xp-tag,.connection{align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:700;display:inline-flex}.xp-tag .knot,.connection .knot{width:16.5px;height:16.5px}.poster{background:var(--field);color:var(--on-field);padding:14px var(--gutter) 30px;gap:18px;display:grid;position:relative}.poster:after{content:"";background:var(--weave) repeat-x center;height:12px;position:absolute;inset:auto 0 0}.poster h1{text-wrap:balance;font-size:clamp(38px,11vw,68px);font-weight:900;line-height:1.25}.poster p{max-width:44ch;font-size:17px;font-weight:500}.poster-copy{gap:6px;min-width:0;display:grid}.source-note{font-size:14px!important;font-weight:700!important}.poster-home{padding-block-start:4px;overflow:hidden}.poster-home .purpose{max-width:calc(100% - 90px);font-size:16px;font-weight:700}.poster-home .next-label{margin-block-start:22px;font-size:17px;font-weight:700}.poster-home h1{line-height:1.2}.poster-home h1.size-xl{font-size:clamp(76px,25vw,168px)}.poster-home h1.size-l{font-size:clamp(54px,15vw,112px)}.poster-home h1.size-m{font-size:clamp(40px,11vw,78px)}.poster-home .next-meta{font-size:17px;font-weight:700}.poster-home .button{justify-self:stretch;margin-block-start:14px}.poster-art{width:230px;position:absolute;inset-block-start:18px;inset-inline-end:var(--gutter)}.knotted-acorn,.character-stage canvas{width:100%;height:100%;display:block}baroo-character{min-width:0;display:block}.character-stage{aspect-ratio:1;width:100%;position:relative}.character-bubble{z-index:2;border:3px solid var(--ink);background:var(--paper);width:min(290px,70vw);color:var(--ink);font-family:var(--reading);padding:10px 14px;font-size:18px;line-height:1.7;position:absolute;inset-block-start:0;inset-inline-end:68%}.character-error{background:var(--danger);color:var(--paper);text-align:center;padding:6px;font-size:13px;font-weight:700;position:absolute;inset:auto 0 0}baroo-character[placement=lesson]{justify-self:end;width:min(210px,58vw);margin-block-end:-42px}.how-it-works{background:var(--ink);color:var(--paper);padding:14px var(--gutter);counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.how-it-works li{counter-increment:step;gap:2px;min-width:0;display:grid}.how-it-works strong{color:var(--saffron);font-size:15px;font-weight:900;line-height:1.4}.how-it-works span{font-size:13px;line-height:1.5}.rug-panel{padding:28px var(--gutter);background:var(--ink);color:var(--paper);gap:18px;display:grid}.rug-panel h2,.today h2,.section-heading h2,.plain-panel h2,.settings-panel h2{font-size:28px;font-weight:900;line-height:1.3}.rug-panel p{font-size:17px}.rug-panel strong{color:var(--saffron);font-weight:900}.rug-panel dl{gap:28px;margin-block-start:12px;display:flex}.rug-panel dt{font-size:14px;font-weight:500}.rug-panel dd{color:var(--saffron);font-size:36px;font-weight:900;line-height:1.2}.rug-panel small{font-size:13px}baroo-rug{min-width:0;display:block}baroo-rug canvas{width:100%;height:auto;image-rendering:pixelated}.today,.books-section,.page-body{padding:28px var(--gutter);gap:18px;min-width:0;display:grid}.today-grid{gap:10px;display:grid}.today-action{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;min-height:76px;padding:14px 16px;display:grid}.today-action .knot{grid-row:span 2;width:33px;height:33px}.today-action strong{font-size:20px;font-weight:900;line-height:1.35}.today-action small{font-size:15px;font-weight:500}.today-action.saffron{background:var(--saffron)}.today-action.teal{background:var(--teal);color:var(--paper)}.today-action.ink{background:var(--ink);color:var(--paper)}.weekly-activity{gap:10px;display:grid}.weekly-activity h3{font-size:17px;font-weight:700}.day-dots{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.day-dots span{aspect-ratio:1;background:var(--wool);place-items:center;font-size:14px;font-weight:700;display:grid}.day-dots span.done{background:var(--teal);color:var(--paper)}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading a{align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:700;display:inline-flex}.section-heading a .knot{width:16.5px;height:16.5px}.books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;display:grid}.book-tile{gap:10px;min-width:0;display:grid}.book-cover{aspect-ratio:4/5;background:var(--saffron);color:var(--ink);flex-direction:column;justify-content:flex-end;padding:14px;display:flex;position:relative;overflow:hidden}.book-cover:before{content:"";background:var(--weave) repeat-x center;height:12px;position:absolute;inset:0 0 auto}.book-tile.biology .book-cover{background:var(--teal);color:var(--paper)}.book-tile.physics .book-cover{background:var(--indigo);color:var(--paper)}.cover-mark .knot{width:66px;height:66px;margin-block-end:auto}.cover-mark{flex:1;padding-block-start:22px}.cover-title{font-size:24px;font-weight:900;line-height:1.3}.cover-grade{font-size:15px;font-weight:700}.book-info h3{font-size:17px;font-weight:900;line-height:1.4}.book-info p{color:var(--muted);font-size:14px}progress{appearance:none;background:var(--wool);border:0;width:100%;height:8px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--wool)}progress::-webkit-progress-value{background:var(--red)}progress::-moz-progress-bar{background:var(--red)}.search-field{background:var(--paper);color:var(--ink);align-items:center;gap:12px;min-height:54px;padding-inline:14px;display:flex}.search-field input{background:0 0;border:0;outline:0;flex:1;min-width:0;min-height:52px;font-size:17px}.empty-note{color:var(--muted);font-size:17px}.back-link{justify-self:start;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:700;display:inline-flex}.back-link .knot{width:16.5px;height:16.5px;transform:scaleX(-1)}.chapter-list{gap:34px}.chapter-section{gap:12px;display:grid}.chapter-heading{align-items:center;gap:14px;display:flex}.chapter-number{color:var(--red);font-size:58px;font-weight:900;line-height:1.1}.chapter-heading h2{font-size:23px;font-weight:900;line-height:1.35}.chapter-heading p{color:var(--muted);font-size:15px}.lesson-list{display:grid}.lesson-list a{border-block-start:2px solid var(--ink);align-items:center;gap:12px;min-height:64px;padding:12px 0;display:flex}.lesson-list a>span:nth-child(2){flex:1;min-width:0;display:grid}.lesson-list strong{font-size:18px;font-weight:700;line-height:1.45}.lesson-list small{color:var(--muted);font-size:14px}.lesson-status{background:var(--wool);flex:none;place-items:center;width:40px;height:40px;display:grid}.lesson-status.complete{background:var(--teal);color:var(--paper)}.button{text-align:center;border:3px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:12px;min-height:56px;padding:10px 24px;font-size:19px;font-weight:900;line-height:1.3;transition:transform .14s,background-color .14s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:var(--red);color:var(--paper)}.poster .button.primary{background:var(--act);color:var(--on-act)}.button.secondary{color:inherit;background:0 0;border-color:currentColor}.button:disabled{opacity:.45}.icon-button{background:0 0;border:0;flex:none;place-items:center;width:44px;height:44px;display:inline-grid}.text-link{text-underline-offset:4px;align-items:center;min-height:44px;font-size:16px;font-weight:700;text-decoration:underline;display:inline-flex}.muted{color:var(--muted);font-size:15px}.focus-frame{padding-block-end:0}.focus-frame .topbar{display:none}.lesson-topbar{background:var(--indigo);color:var(--paper);padding:max(6px, env(safe-area-inset-top)) var(--gutter) 6px;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.lesson-topbar span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lesson-progress{background:var(--saffron);height:10px}.lesson-progress::-webkit-progress-bar{background:var(--saffron)}.lesson-progress::-webkit-progress-value{background:var(--red)}.lesson-progress::-moz-progress-bar{background:var(--red)}.lesson-reader{max-width:720px;padding:22px var(--gutter) 40px;gap:18px;margin-inline:auto;display:grid}.lesson-reader h1{font-size:clamp(30px,8vw,44px);font-weight:900;line-height:1.3}.preview-note{background:var(--wool);justify-self:start;padding:4px 12px;font-size:14px;font-weight:700}.reading-content{gap:16px;min-width:0;display:grid}.reading-content h2{margin-block-start:8px;font-size:25px;font-weight:900;line-height:1.4}.reading-content p,.lesson-note,.term-list dd{font-family:var(--reading);font-size:21px;line-height:1.85}.reading-content strong{font-weight:700}.lesson-note{background:var(--wool);background-image:var(--weave);background-position:top;background-repeat:repeat-x;padding:24px 18px 14px}.reading-content figure{margin:0}.reading-content img{max-width:100%;height:auto}.reading-content figcaption{color:var(--muted);margin-block-start:6px;font-size:15px}.term-list{gap:4px;display:grid}.term-list dt{margin-block-start:10px;font-size:18px;font-weight:900}.reader-actions{flex-wrap:wrap;gap:10px;margin-block-start:10px;display:flex}.reader-actions .button{flex:200px}.question-view{gap:16px;display:grid}.answer-options{gap:10px;display:grid}.answer-option{border:3px solid var(--ink);background:var(--paper);text-align:start;border-radius:0;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 12px;font-size:19px;font-weight:700;line-height:1.5;display:flex}.answer-option span:nth-child(2){flex:1;min-width:0}.answer-letter{background:var(--ink);width:34px;height:34px;color:var(--paper);flex:none;place-items:center;font-weight:900;display:grid}.answer-option.selected{background:var(--ink);color:var(--paper)}.answer-option.selected .answer-letter{background:var(--saffron);color:var(--ink)}.answer-option:disabled{cursor:default}.fill-field,.match-fields label{gap:8px;font-size:18px;font-weight:700;display:grid}.match-fields{gap:14px;display:grid}input:not([type=checkbox],[type=search]),select,textarea{border:3px solid var(--ink);background:var(--paper);border-radius:0;width:100%;min-height:54px;padding:10px 14px;font-size:18px}.answer-feedback{color:var(--paper);gap:4px;padding:14px 18px;display:grid}.answer-feedback.correct{background:var(--success)}.answer-feedback.incorrect{background:var(--danger)}.answer-feedback h2{font-size:20px;font-weight:900}.answer-feedback p{font-family:var(--reading);font-size:19px;line-height:1.8}baroo-character[placement=lesson] .character-bubble{inset-block-start:8px;width:min(350px,100vw - 40px);left:0;right:auto}.completion{text-align:center;justify-items:center;gap:14px;display:grid}.completion baroo-rug{width:min(100%,420px)}.result-row{gap:34px;font-size:15px;font-weight:500;display:flex}.result-row span{display:grid}.result-row strong{color:var(--red);font-size:36px;font-weight:900;line-height:1.3}.count-badge{background:var(--ink);color:var(--saffron);justify-self:start;padding:4px 14px;font-size:18px;font-weight:900}.review-card{gap:16px;max-width:720px;display:grid}.review-card>span{font-size:16px;font-weight:700}.review-card h2{font-size:27px;font-weight:900;line-height:1.4}.review-answer{background:var(--wool);font-family:var(--reading);gap:6px;padding:14px 18px;font-size:20px;line-height:1.8;display:grid}.grade-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.grade-buttons button{border:3px solid var(--ink);background:var(--paper);border-radius:0;gap:2px;min-height:72px;padding:8px;display:grid}.grade-buttons button:hover{background:var(--saffron)}.grade-buttons strong{font-size:18px;font-weight:900}.grade-buttons small{font-size:15px}.timer-digits{font-variant-numeric:tabular-nums;text-align:center;justify-self:center;font-size:clamp(84px,27vw,148px);font-weight:900;line-height:1.1}.timer-controls{gap:12px;display:grid}.duration-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.duration-options button{background:0 0;border:3px solid;border-radius:0;min-height:48px;padding:4px;font-size:16px;font-weight:700}.duration-options button.active{background:var(--paper);color:var(--teal);border-color:var(--paper)}.duration-options button:disabled{opacity:.55}.timer-actions{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:8px;display:grid}.timer-actions .button{padding-inline:8px;font-size:18px}.grow-layout{grid-template-columns:minmax(0,1fr)}.plain-panel{align-content:start;gap:12px;min-width:0;display:grid}.task-form{gap:8px;display:flex}.task-form .icon-button{background:var(--red);width:54px;height:54px;color:var(--paper)}.task-list{display:grid}.task-list label{border-block-end:2px solid var(--line);align-items:center;gap:12px;min-height:52px;font-size:18px;display:flex}.task-list input{width:22px;height:22px;accent-color:var(--teal)}.task-list .done{color:var(--muted);text-decoration:line-through}.session-history ul{display:grid}.session-history li{min-height:46px;color:var(--ink);align-items:center;gap:10px;font-size:17px;display:flex}.session-history time{color:var(--muted);margin-inline-start:auto;font-size:15px}.empty-state{justify-items:start;gap:12px;max-width:560px;display:grid}.empty-art .knot{width:66px;height:66px;color:var(--red)}.empty-state h1,.empty-state h2{font-size:28px;font-weight:900;line-height:1.35}.empty-state p{font-size:18px}.mistake-list{max-width:760px;display:grid}.mistake-list details{border-block-end:2px solid var(--ink);padding:12px 0}.mistake-list summary{cursor:pointer;font-size:19px;font-weight:700;line-height:1.6}.mistake-list p{font-family:var(--reading);margin-block-start:8px;font-size:19px}.settings-panel{gap:4px;max-width:640px;display:grid}.settings-panel .button{margin-block:14px 8px}.setting-row{border-block-end:2px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:62px;font-size:18px;display:flex}.setting-row select{width:auto;min-width:130px}.setting-row strong{font-size:19px;font-weight:900}.dev-banner{background:var(--ink);color:var(--saffron);padding:2px var(--gutter);font-size:13px;font-weight:700}.notice{z-index:30;background:var(--ink);color:var(--paper);box-shadow:0 0 0 3px var(--saffron);justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 14px;padding-inline-start:16px;font-size:16px;font-weight:500;display:flex;position:fixed;inset-block-end:96px;inset-inline:12px}.focus-frame .notice{inset-block-end:16px}.notice .button{min-height:44px;padding:4px 14px;font-size:16px}.loading-state{padding:48px var(--gutter);font-size:18px;font-weight:700}.sidebar{display:none}.mobile-nav{z-index:20;background:var(--ink);color:var(--paper);padding:6px 4px max(8px, env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.mobile-nav a{justify-items:center;gap:2px;min-height:58px;padding-block:7px 2px;font-size:13px;font-weight:700;line-height:1.3;display:grid}.mobile-nav a.active{background:var(--saffron);color:var(--ink)}@media (width>=900px){:root{--gutter:48px}.sidebar{width:var(--rail);z-index:20;background:var(--ink);color:var(--paper);flex-direction:column;gap:24px;padding:24px 16px;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.sidebar.lesson-hidden,.mobile-nav{display:none}.brand{align-items:center;gap:12px;padding-inline:8px;font-size:32px;font-weight:900;line-height:1.2;display:flex}.primary-nav{gap:4px;display:grid}.primary-nav a,.sidebar-bottom a{align-items:center;gap:12px;min-height:52px;padding-inline:12px;font-size:18px;font-weight:700;display:flex}.primary-nav a:hover,.sidebar-bottom a:hover{background:var(--indigo)}.primary-nav a.active{background:var(--saffron);color:var(--ink)}.sidebar-bottom{gap:4px;margin-block-start:auto;display:grid}.sidebar-bottom a{font-size:16px}.sidebar-bottom small{font-size:14px;font-weight:500;display:block}.app-frame{margin-inline-start:var(--rail);padding-block-end:0}.focus-frame{margin-inline-start:0}.mobile-brand{visibility:hidden}.poster{padding-block-end:44px}.poster-home{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px}.poster-home .purpose{max-width:none;font-size:20px}.poster-home .next-label,.poster-home .next-meta{font-size:20px}.poster-home .button{justify-self:start;min-width:280px;font-size:22px}.poster-art{width:clamp(300px,30vw,430px);position:static}.how-it-works strong{font-size:19px}.how-it-works span{font-size:16px}.rug-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:start;gap:48px}.rug-panel h2,.today h2,.section-heading h2,.plain-panel h2,.settings-panel h2{font-size:34px}.today-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.day-dots{max-width:420px}.books-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:28px 20px}.timer-panel{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:40px}.book-page-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end}.book-page-heading .back-link{grid-column:1/-1}.grow-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.grade-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.notice{inset-inline:auto 24px;max-width:520px;inset-block-end:24px;inset-inline-start:calc(var(--rail) + 24px)}.focus-frame .notice{inset-inline-start:24px}.lesson-topbar{padding-block:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.account-panel{background:var(--wool);gap:14px;max-width:640px;padding:18px;display:grid}.account-panel h2{font-size:24px;font-weight:900;line-height:1.35}.account-panel p{font-size:17px}.account-panel.signed-in{grid-template-columns:auto minmax(0,1fr);align-items:center}.account-panel.signed-in .button{grid-column:1/-1;justify-self:start}.account-panel strong{font-size:19px;font-weight:900;display:block}.account-panel small{color:var(--muted);overflow-wrap:anywhere;font-size:15px}.account-avatar{background:var(--ink);width:56px;height:56px;color:var(--paper);object-fit:cover;place-items:center;display:grid}.button.google{background:var(--paper);color:var(--ink);border-color:var(--ink);justify-self:start}.google-mark{width:22px;height:22px}