:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18333d;background:#f5f4ef;font-synthesis:none;font-weight:400;--ink: #18333d;--muted: #64777c;--teal: #14796b;--line: #dbe2df}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,summary,select,[tabindex]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #d79323;outline-offset:4px}button,a,input,select{touch-action:manipulation}a{color:var(--teal)}.site-header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:#fff}.brand{font-size:29px;font-weight:850;letter-spacing:-1.6px;border:0;color:var(--ink);background:none;padding:8px 0}.brand:before{content:"◔";font-size:37px;color:var(--teal);vertical-align:-2px;margin-right:9px}.header-links{display:flex;gap:24px;align-items:center;font-size:12px}.edition{color:var(--muted);letter-spacing:.04em}.comparison-link{text-underline-offset:4px}.button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:12px 19px;color:var(--ink);font-weight:650;font-size:14px;transition:background .15s,box-shadow .15s}.button:hover:not(:disabled){background:#eaf3ef}.button.primary{background:var(--teal);border-color:var(--teal);color:#fff}.button.primary:hover:not(:disabled){background:#0b6257}.button.quiet{background:transparent;border-color:transparent;color:var(--muted)}.button.secondary{border-color:#7ab4a7;color:#116657}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:750;color:var(--teal);margin:0 0 17px}.landing{min-height:calc(100vh - 88px);max-width:1320px;padding:90px 6vw;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:80px;margin:auto}.hero-copy h1{font-size:clamp(42px,5.2vw,70px);line-height:1.05;letter-spacing:-3px;margin:0 0 25px;max-width:570px}.lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:530px}.lesson-facts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--muted);margin:28px 0}.lesson-facts span:before{content:"•";color:#d99f43;margin-right:7px}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.recovery-note{font-size:12px;color:var(--muted);line-height:1.7}.hero-art{position:relative;min-height:400px;display:grid;place-items:center;background:#e2eee7;border-radius:50% 50% 36% 46%}.hero-disc{width:250px;height:250px;border-radius:50%;background:conic-gradient(#edac4a 0 50%,#fff8e9 50%);box-shadow:0 20px 50px #18333d16;transform:rotate(20deg)}.hero-disc:after{content:"";position:absolute;left:50%;height:100%;border-left:5px solid #fff}.hero-fraction{position:absolute;background:#fff;padding:12px 30px;border-radius:16px;box-shadow:0 12px 40px #18333d12;bottom:28px;left:0;font-size:55px;transform:rotate(-7deg)}.hero-dots{position:absolute;display:grid;grid-template-columns:repeat(3,15px);gap:8px;right:0;top:35px}.hero-dots i{height:15px;border-radius:50%;background:#14796b}.hero-dots i:nth-child(n+4){background:#b0cebd}.lesson-layout{display:grid;grid-template-columns:260px minmax(0,1000px);max-width:1380px;gap:38px;margin:auto;padding:36px 32px 50px}.lesson-sidebar{padding-top:10px}.progress-label{font-size:12px;color:var(--muted);margin:0 0 10px}progress{width:100%;height:6px;border:none;border-radius:4px;overflow:hidden;accent-color:var(--teal);background:#dde6e0}progress::-webkit-progress-bar{background:#dde6e0}progress::-webkit-progress-value{background:var(--teal)}.step-list{display:flex;flex-direction:column;gap:3px;margin:22px -10px 20px}.step-link{display:flex;align-items:center;text-align:left;border:0;background:transparent;border-radius:8px;gap:9px;color:var(--muted);padding:11px 9px;font-size:12px;line-height:1.35;min-height:48px}.step-link[aria-current]{background:#e0ece4;color:var(--ink);font-weight:700}.step-link:hover:not(:disabled){background:#e9eeea}.step-number{flex-shrink:0;width:23px;height:23px;display:grid;place-items:center;border:1px solid #c5d3cb;border-radius:50%;font-size:11px}.step-link[aria-current] .step-number{background:var(--teal);color:#fff;border-color:var(--teal)}.step-name{flex:1}.step-kind{font-size:8px;letter-spacing:.04em;opacity:.7}.save-note{font-size:11px;color:var(--muted);line-height:1.5}.lesson-heading .eyebrow{margin:0 0 10px}.lesson-heading h1{font-size:28px;letter-spacing:-.7px;margin:0 0 24px;line-height:1.2}.stage{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 8px 24px #18333d04}.canvas-wrap{background:#fff;aspect-ratio:4/3}.recording-canvas{display:block;width:100%;height:auto}.playback-controls{display:flex;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid var(--line);background:#fafbf9}.play-button{min-width:77px}.timeline{min-width:40px;width:100%;accent-color:var(--teal);cursor:pointer}.playback-time{white-space:nowrap;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.playback-speed{border:0;background:transparent;font-size:12px;padding:8px 2px;color:var(--muted)}.playback-controls .quiet{white-space:nowrap;font-size:11px;padding:8px}.step-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.extra-actions{display:flex;gap:6px}.extra-actions .button{font-size:12px;padding:10px 12px}.feedback{min-height:43px;padding:12px 1px;font-size:13px}.feedback.success{color:#117461}.feedback.retry{color:#996113}.feedback.error{color:#a33428}.transcript{margin-top:24px;border-top:1px solid var(--line);padding-top:20px;font-size:13px;color:var(--muted)}.transcript summary{cursor:pointer;font-weight:600}.transcript p{white-space:pre-line;line-height:1.8;max-width:720px}.exercise{padding:38px 40px 24px;min-height:420px}.exercise-prompt{font-size:20px;line-height:1.6;margin:0 0 28px;white-space:pre-line;max-width:730px}.hint{font-size:12px;color:var(--muted);line-height:1.6;text-align:center}.exercise-controls{display:flex;gap:12px;padding:20px 40px;border-top:1px solid var(--line);background:#fafbf9}.fraction-chip{display:inline-grid;place-items:center;padding:12px 24px;background:#e3f0e9;border:1px solid #a4c9b8;border-radius:10px;color:#155e50;font-size:30px;font-weight:600}.numberline-box{text-align:center;padding:12px 24px}.numberline{position:relative;height:6px;background:#355764;margin:90px 14px 60px;touch-action:none;cursor:crosshair;border-radius:4px}.numberline:before{content:"";position:absolute;inset:-42px 0}.line-tick{position:absolute;top:-9px;height:24px;width:2px;background:#355764;pointer-events:none}.tick-label{position:absolute;top:34px;left:50%;transform:translate(-50%);font-size:18px}.line-marker{position:absolute;top:-58px;transform:translate(-50%);background:var(--teal);color:#fff;padding:8px 14px;border-radius:8px;font-size:21px;pointer-events:none}.line-marker:after{content:"";position:absolute;left:calc(50% - 7px);bottom:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid var(--teal)}.equivalence-figures{display:flex;justify-content:center;gap:35px;margin:20px 0}.equivalence-figures figure{margin:0;text-align:center;flex:0 1 220px}.fraction-circle{width:100%;max-width:220px;overflow:visible}.fraction-circle [role=button]{cursor:pointer}.equivalence-figures figcaption{font-size:11px;color:var(--muted);line-height:1.6}.equation{display:flex;align-items:center;justify-content:center;gap:20px;font-size:32px;margin:20px 0}.fraction-input{display:flex;flex-direction:column;align-items:center;width:68px}.fraction-input input{width:68px;text-align:center;font-size:28px;border:2px solid #82ac9e;border-radius:6px;padding:5px;background:#f8fcfa;color:var(--ink)}.denominator{border-top:2px solid var(--ink);display:block;width:70px;text-align:center;margin-top:5px;padding-top:4px}.fraction-bank,.fraction-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin:30px 0}.fraction-bank [aria-pressed=true]{background:var(--teal);color:#fff}.fraction-slot{border:2px dashed #99b0a4;background:#f8faf7;border-radius:10px;width:100px;height:85px;color:var(--ink);font-size:28px}.comparison-bars{display:grid;gap:30px;margin:40px 0}.bar-row{display:flex;gap:20px;align-items:center;font-size:24px}.fraction-bar{display:flex;height:44px;flex:1}.fraction-bar span{border:1px solid #738f84;flex:1;background:#f4f6ef}.fraction-bar .shaded{background:#e5a04b}.comparison-options{border:0;display:grid;gap:15px;padding:0;margin:20px auto;width:fit-content}.comparison-options legend{font-size:12px;color:var(--muted);margin-bottom:15px}.radio-choice{font-size:20px;display:flex;gap:14px;align-items:center}.radio-choice input{width:20px;height:20px;accent-color:var(--teal)}.fish-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:570px;margin:20px auto}.fish{background:#f5f7f3;border:2px solid #d5ded6;border-radius:12px;padding:10px;opacity:.65}.fish img{width:100%;height:65px;object-fit:contain}.fish[aria-pressed=true]{border-color:var(--teal);background:#bfdfcf;opacity:1}.multiplication-grid{display:grid;max-width:500px;margin:30px auto;gap:3px}.area-cell{height:70px;border:1px solid #97ac9f;background:#edf2e9}.area-cell[aria-pressed=true]{background:#e8ab55}.answer-label{display:flex;align-items:center;justify-content:center;gap:16px;font-size:16px}.answer-input{width:110px;font-size:25px;border:2px solid #97ac9f;border-radius:7px;padding:10px}.completion{max-width:720px;margin:auto;text-align:center;padding:80px 25px}.completion h1{font-size:48px;letter-spacing:-1.8px;margin:0}.completion .lead{margin:20px auto}.completion-mark{display:grid;place-items:center;background:#dcece1;color:var(--teal);width:90px;height:90px;border-radius:50%;font-size:44px;margin:0 auto 30px}.completion-stats{display:flex;justify-content:center;gap:30px;border-block:1px solid var(--line);padding:25px 10px;margin:35px 0;font-size:14px}.completion .landing-actions{justify-content:center}.loading,.load-error{padding:60px 30px;text-align:center;color:var(--muted)}@media(min-width:1450px){.lesson-layout{grid-template-columns:260px minmax(0,1000px)}}@media(max-width:1050px){.lesson-layout{grid-template-columns:205px minmax(0,1fr);gap:22px;padding:28px 22px}.step-kind{display:none}.playback-controls{gap:8px;padding:12px}.playback-controls .quiet{display:none}.hero-art{min-height:330px}.hero-disc{width:210px;height:210px}.landing{gap:40px}.exercise{padding:28px}.exercise-prompt{font-size:18px}}@media(max-width:720px){.site-header{height:72px;padding:0 20px}.brand{font-size:24px}.brand:before{font-size:30px}.edition{display:none}.header-links{font-size:10px}.landing{padding:50px 25px;display:flex;flex-direction:column;gap:30px;align-items:stretch}.hero-copy h1{font-size:45px;letter-spacing:-2px}.hero-art{min-height:280px;max-width:370px;width:100%;align-self:center}.hero-disc{width:185px;height:185px}.lead{font-size:16px}.lesson-layout{display:block;padding:22px 14px}.lesson-sidebar{padding:0}.lesson-sidebar>.eyebrow,.save-note{display:none}.progress-label{display:inline-block;margin-right:10px}.lesson-sidebar progress{width:100px;vertical-align:3px}.step-list{flex-direction:row;overflow-x:auto;margin:12px -3px 25px;padding:3px;gap:5px}.step-link{padding:6px;min-height:36px;flex-shrink:0}.step-name{display:none}.step-link[aria-current] .step-name{display:block;max-width:145px;font-size:11px}.lesson-heading h1{font-size:24px;margin-bottom:18px}.lesson-heading .eyebrow{font-size:10px}.playback-controls{padding:10px 8px;gap:7px}.play-button{padding:10px;min-width:62px;font-size:12px}.playback-time{font-size:9px}.playback-speed{font-size:11px;width:46px}.exercise{padding:24px 20px;min-height:370px}.exercise-prompt{font-size:17px}.exercise-controls{padding:17px 20px}.numberline-box{padding:8px 5px}.numberline{margin-left:12px;margin-right:12px}.equivalence-figures{gap:12px}.fraction-bank,.fraction-slots{gap:10px}.fraction-bank .fraction-chip{padding:10px 13px;font-size:22px}.fraction-slot{width:62px;height:65px;font-size:21px}.extra-actions .button{padding:9px;font-size:11px}.step-footer{align-items:flex-end}.extra-actions{flex-wrap:wrap;gap:0}.step-footer>.primary{white-space:nowrap}.fish-grid{gap:8px}.fish{padding:5px}.fish img{height:45px}.completion{padding-top:55px}.completion h1{font-size:38px}.completion-stats{gap:18px;font-size:12px}.radio-choice{font-size:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@font-face{font-family:WootHand;src:url(/student-assets/comic.ttf) format("truetype");font-display:swap}body[data-student=true]{min-height:100dvh;display:flow-root;background:#222;color:#292b2c;font-family:WootHand,Comic Sans MS,cursive}body[data-student=true]>.site-header,body[data-student=true] #app>.site-header{display:none}.original-lesson{width:min(calc(100% - 32px),calc((100dvh - 32px) * 4 / 3),1100px);margin:16px auto;color:#26292a;font-family:WootHand,Comic Sans MS,cursive}.original-stage{--student-unit: .09765625cqw;--student-toolbar-height: calc(89 * var(--student-unit));container-type:inline-size;position:relative;aspect-ratio:4/3;border:0;border-radius:0!important;box-shadow:0 0 0 1px #aaa,0 3px 18px #0007;overflow:hidden!important;background:#fff url(/student-assets/background_strip.png) no-repeat}.original-stage:before{content:"";position:absolute;inset:0 0 auto;height:20%;background:#fff;pointer-events:none}.original-prompt{position:absolute;z-index:2;left:10%;top:2%;width:54%;font-size:clamp(13px,2cqw,22px);line-height:1.4;margin:0}.original-workspace{position:absolute;inset:0;overflow:hidden}.original-stage .original-workspace .fraction-workspace{position:absolute;inset:0;padding:0;border:0;border-radius:0;background:transparent;color:#292b2c}.original-stage .original-workspace .fw-instructions{display:none}.original-stage .original-workspace .fw-board{position:absolute;top:20%;left:0;width:100%;height:69%;max-height:none;margin:0;border:0;border-radius:0;background:none}.original-stage .original-workspace .fw-board>g:first-of-type>text{display:none}.original-stage .original-workspace [data-fraction-target]{stroke:#333;stroke-width:1.2;stroke-dasharray:none}.original-stage .original-workspace:after{content:"";position:absolute;pointer-events:none;z-index:0;bottom:0;left:0;width:100%;height:var(--student-toolbar-height);background:url(/student-assets/sprites/toolbar.png) center / 100% 100% no-repeat}.original-stage .original-workspace .fw-palette{position:absolute;z-index:1;bottom:calc(4.45 * var(--student-unit));left:16.8%;right:0;height:calc(80.1 * var(--student-unit));display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;overflow-y:hidden;border:0;border-radius:0;background:transparent;scrollbar-width:none}.original-stage .original-workspace .fw-palette::-webkit-scrollbar{display:none}.original-stage .original-workspace .fw-palette button{flex:0 0 calc(100% / 8.4);min-width:0;min-height:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;justify-content:center;position:relative;box-shadow:none}.original-stage .original-workspace .fw-palette button span{display:none}.original-stage .original-workspace .fw-palette button svg{height:100%;width:100%;max-width:none;overflow:hidden}.original-stage .original-workspace .fw-palette button[aria-pressed=true]{background:transparent;box-shadow:none}.original-stage .original-workspace .fw-actions{position:absolute;z-index:1;bottom:calc(5 * var(--student-unit));left:calc(11 * var(--student-unit));width:calc(142 * var(--student-unit));height:calc(73 * var(--student-unit));gap:calc(4 * var(--student-unit));display:flex;flex-wrap:nowrap;background:transparent;border:0;padding:0;border-radius:0;overflow:visible}.original-stage .original-workspace .fw-actions button{position:relative;flex:0 0 calc(69 * var(--student-unit));padding:0;min-width:0;min-height:0;height:100%;font-size:0;color:transparent;border-radius:0;border:0;background:transparent center / contain no-repeat;box-shadow:none}.original-stage .fw-actions button[data-tool=pencil]{background-image:url(/student-assets/classic-tools/btn_peninactive.png),url(/student-assets/classic-tools/btn_penactive.png)}.original-stage .fw-actions button[data-tool=eraser]{background-image:url(/student-assets/classic-tools/btn_eraserinactive.png),url(/student-assets/classic-tools/btn_eraseractive.png)}.original-stage .fw-actions button[data-tool=eraser][aria-pressed=true]{background-image:url(/student-assets/classic-tools/btn_eraseractive.png),url(/student-assets/classic-tools/btn_eraserinactive.png)}.original-stage .fw-actions button[data-tool=pencil][aria-pressed=true]{background-image:url(/student-assets/classic-tools/btn_penactive.png),url(/student-assets/classic-tools/btn_peninactive.png)}.original-stage .original-workspace .fw-status{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.original-stage .original-workspace [data-piece][data-selected=true] path{stroke:#405964;stroke-width:2}.original-answer-controls{position:absolute;z-index:4;right:1%;top:2%;width:15%;display:flex;align-items:flex-start;gap:calc(10 * var(--student-unit));background:none;padding:0;border:0}.original-answer-label{display:flex;flex-direction:column;gap:3px;align-items:center;font-size:calc(20 * var(--student-unit));font-weight:400}.original-answer-input{width:calc(65 * var(--student-unit));height:calc(80 * var(--student-unit));padding:3px;border:0;border-bottom:1px solid #617478;background:#cdebf6a8;color:#222;font-family:inherit;font-size:calc(40 * var(--student-unit));text-align:center;border-radius:0;outline-offset:1px}.original-answer-input::placeholder{color:#48616b;opacity:.7}.original-answer-input[readonly]{background:#d9ecdba8}.student-icon{width:calc(62 * var(--student-unit));height:calc(57 * var(--student-unit));min-width:0;padding:0;border:0;background-color:transparent;background-size:100% 100%;cursor:pointer;color:transparent;flex:none}.student-pause-button{position:absolute;z-index:5;top:1.5%;left:1%;background-image:url(/student-assets/sprites/btn_pause.png)}.student-submit,.student-next{background-image:url(/student-assets/sprites/btn_next.png)}.student-next[hidden],.student-submit[hidden],.student-keypad[hidden]{display:none}.student-keypad{position:absolute;z-index:5;right:17%;top:2%;width:calc(160 * var(--student-unit));height:calc(210 * var(--student-unit));background:url(/student-assets/sprites/calc.back.png) center/100% 100%}.student-key{position:absolute;left:calc(var(--key-x) * var(--student-unit));top:calc(var(--key-y) * var(--student-unit));width:calc(43 * var(--student-unit));height:calc(var(--key-height) * var(--student-unit));padding:0;border:0;background-color:transparent;background-image:url(/student-assets/workpage.png);background-size:calc(1024 * var(--student-unit)) calc(1024 * var(--student-unit));background-position:calc(-1 * var(--sprite-x) * var(--student-unit)) calc(-1 * var(--sprite-y) * var(--student-unit));color:transparent;border-radius:0}.student-key:active{filter:brightness(.75)}.original-stage>.feedback{position:absolute;z-index:3;bottom:calc(var(--student-toolbar-height) + 12px);left:3%;right:3%;min-height:0;margin:0;padding:0;background:none;border:0;text-align:center;color:#a12c2c;font-size:clamp(12px,1.7cqw,19px);line-height:1.4;pointer-events:none}.original-stage>.feedback.success{color:#286e45}.student-example-controls{position:absolute;z-index:3;bottom:17%;left:3%;display:flex;gap:8px;align-items:center;font-size:clamp(11px,1.5cqw,16px)}.student-paper-button{font:inherit;background:#fffdebd9;border:1px solid #7e827e;border-radius:2px;padding:5px 9px;color:#222}.student-example-label{color:#555}.student-pause{width:min(480px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:2px solid #57595b;border-radius:4px;background:#fff url(/student-assets/background_strip.png) no-repeat;font-family:WootHand,Comic Sans MS,cursive;color:#292b2c;padding:28px}.student-pause::backdrop{background:#0008}.student-pause h2{margin:0 0 12px;font-size:28px}.student-menu-button{display:block;width:100%;border:1px solid #666;background:#f9fcfd;margin:10px 0;padding:10px;font:inherit;color:inherit;border-radius:2px}.student-pause progress{width:100%;accent-color:#d1b824}.original-step-list{display:flex;flex-direction:column;gap:4px;margin:12px 0}.original-step-list .step-link{font-family:inherit;color:#333}.original-save-note,.example-provenance{font-size:12px;line-height:1.5;color:#555}.original-explanation{margin-top:16px;line-height:1.7;font-size:14px}.student-lesson-steps summary,.original-explanation summary{cursor:pointer}@media(max-width:600px){.original-lesson{width:100%;margin:0}.original-stage{--student-unit: .72px;--student-toolbar-height: 54px;aspect-ratio:auto;height:max(620px,100dvh);box-shadow:none}.original-stage:before{height:24%}.original-prompt{top:9px;left:58px;width:calc(100% - 68px);font-size:15px;min-height:45px;padding-right:0}.student-pause-button{top:8px;left:6px}.student-keypad{top:66px;right:118px}.original-answer-controls{top:66px;right:10px;width:99px}.original-stage .original-workspace .fw-board{top:29%;height:51%}.original-stage .original-workspace .fw-palette{height:48px;left:94px;bottom:3px}.original-stage .original-workspace .fw-palette button{min-width:60px;flex:0 0 60px}.original-stage .original-workspace .fw-actions{left:5px;bottom:3px;width:82px;height:46px;gap:2px}.original-stage .original-workspace .fw-actions button{flex-basis:40px}.original-stage>.feedback{font-size:13px}.student-example-controls{bottom:23%;font-size:12px}.student-paper-button{padding:7px}}.original-stage,.student-pause,.original-completion{background-size:150% 100%}.original-recording-canvas{position:absolute;inset:0;width:100%;height:100%}.original-recording-controls{position:absolute;z-index:4;left:0;right:0;bottom:calc(89 * var(--student-unit));height:18px}.original-recording-controls input{display:block;width:100%;height:18px;margin:0;padding:0;appearance:none;background:transparent;cursor:pointer}.original-recording-controls input::-webkit-slider-runnable-track{height:7px;border:1px solid #333;background:linear-gradient(to right,#346688 var(--played, 0%),#888 var(--played, 0%))}.original-recording-controls input::-webkit-slider-thumb{appearance:none;margin-top:-4px;height:13px;width:13px;border:1px solid #345f76;border-radius:50%;background:#cce8f1}.original-recording-controls input::-moz-range-track{height:7px;background:#888;border:1px solid #333}.original-recording-controls input::-moz-range-progress{height:7px;background:#346688}.recording-replay{position:absolute;bottom:22px;left:1%;width:clamp(28px,4cqw,42px);height:clamp(26px,3.7cqw,39px);padding:0;border:0;background:url(/student-assets/sprites/ps.btn_redo.png) center / contain no-repeat}.recording-tap-play{position:absolute;z-index:4;left:50%;top:45%;transform:translate(-50%,-50%);border:1px solid #71888e;border-radius:4px;padding:12px 20px;color:#243a42;background:#fffffff0;font:clamp(16px,2cqw,24px) WootHand,sans-serif}.recording-tap-play[hidden]{display:none}.original-recording-status{position:absolute;z-index:4;left:3%;bottom:20%;max-width:85%;margin:0;font-size:clamp(12px,1.5cqw,17px);color:#286e45;background:#ffffffd9}.recorded-example-next{position:absolute;top:2%;right:1%;z-index:5}@media(max-width:600px){.recorded-example-stage{--student-unit: .09765625cqw;aspect-ratio:4/3;height:auto}.recorded-example-stage .student-pause-button{width:25px;height:23px;top:5px;left:4px}.recorded-example-next{width:25px;height:23px}.original-recording-status{bottom:22%;font-size:12px}}.student-submit[data-state=retry]{background-image:url(/student-assets/sprites/ps.btn_redo.png)}.student-submit,.student-next{position:relative;background-size:contain;background-position:center;background-repeat:no-repeat}.student-submit:after,.student-next:after{content:attr(data-label);position:absolute;top:100%;left:50%;transform:translate(-50%);white-space:nowrap;color:#292b2c;font:calc(17 * var(--student-unit)) WootHand,sans-serif}.recorded-example-next{position:absolute}@font-face{font-family:WootComic;src:url(/student-assets/comic.ttf) format("truetype");font-display:swap}.student-screen{container-type:inline-size;position:relative;width:min(1024px,100%);margin:20px auto;background:#fff url(/student-assets/background_strip.png) no-repeat left top;background-size:150% 100%;color:#111;font-family:WootComic,Comic Sans MS,cursive;aspect-ratio:4/3;box-shadow:0 1px 4px #0002}.student-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.student-library-header{position:relative;height:17cqw;max-height:174px}.student-woot-logo{position:absolute;width:25%;height:auto;top:1.3cqw;left:37.5%}.student-progress{position:absolute;top:1cqw;left:1cqw;font-size:clamp(8px,1.7cqw,17px);line-height:1.3}.student-stars-count{display:flex;align-items:center;gap:2px}.student-single-star{width:2.4cqw;max-width:25px;height:auto}.student-home{position:absolute;right:1cqw;top:1cqw;width:5.8cqw;min-width:30px;padding:0;border:0;background:none}.student-home-image{display:block;width:100%;height:auto}.student-screen button:focus-visible{outline:3px solid #438db4;outline-offset:3px}.lesson-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:2.2%;row-gap:.4cqw;padding:0 5.4%}.lesson-tile{display:block;width:100%;padding:0;margin:0;border:0;border-radius:0;background:none;aspect-ratio:214/190;position:relative}.lesson-tile:disabled{opacity:1;cursor:default}.original-lesson-image{display:block;width:100%;height:auto;overflow:visible}.lesson-tile:not(:disabled):hover{filter:brightness(1.08)}.lesson-page-indicator{position:absolute;bottom:1cqw;left:0;right:0;display:flex;justify-content:center}.student-empty-book{position:absolute;top:16cqw;left:8%;right:8%;text-align:center;font-size:clamp(9px,1.5cqw,15px);margin:0}.book-pages{position:absolute;top:9cqw;display:flex;width:100%;height:66.40625cqw;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.book-pages::-webkit-scrollbar{display:none}.bookshelf{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));column-gap:6%;row-gap:0;padding:0 12%;scroll-snap-align:start}.book-card{display:grid;place-items:center;align-items:start;position:relative;padding:0;border:0;border-radius:0;background:transparent;color:#171717;min-width:0}.book-art{position:relative;aspect-ratio:178/282;height:27.5390625cqw}.original-book-image{display:block;width:100%;height:100%;overflow:visible}.cover-title{position:absolute;left:7%;top:35%;width:68%;font-size:clamp(8px,1.45cqw,15px);font-weight:400;text-align:left;line-height:1.17;white-space:pre-line}.book-card:hover .book-art{filter:brightness(1.05)}.student-library-footer{position:relative;margin-top:-3.3cqw;height:44px;display:flex;justify-content:center;align-items:center}.shelf-pagination{display:flex;gap:0;align-items:center}.shelf-page-dot{display:block;width:.9cqw;height:.9cqw;min-width:5px;min-height:5px;border:1px solid #a8c2ca;border-radius:50%;padding:0;background:#fff}button.shelf-page-dot{position:relative}button.shelf-page-dot:before{content:"";position:absolute;inset:-10px}.shelf-page-dot[aria-current=page],.shelf-page-dot.current{background:#b7dbe5}.student-demo-link{position:absolute;right:2%;bottom:-.1cqw;border:0;background:none;padding:0;font-size:clamp(9px,1.35cqw,14px);text-decoration:underline;color:#26343a}.library{background:#193b52;overflow:hidden;aspect-ratio:auto}.library:before{content:"";display:block;padding-top:75%}.library .student-library-header{position:absolute;top:0;width:100%}.original-bookshelf-background{position:absolute;inset:0;width:100%;height:auto;pointer-events:none}.bookshelf-logo{position:absolute;left:1cqw;top:1cqw;width:16.6015625%;height:auto}.library .student-progress{left:auto;right:9%;color:#eee}.library .student-demo-link{color:#eee;left:1cqw;right:auto;top:5.5cqw;bottom:auto}.shelf-arrow{position:absolute;top:0;width:54px;height:44px;padding:4px;border:0;background:transparent}.shelf-arrow-left{left:1%}.shelf-arrow-right{right:1%}.shelf-arrow:disabled{opacity:.2;cursor:default}.shelf-arrow-art{display:block;width:100%;height:100%}.shelf-pagination .shelf-page-dot{width:44px;height:44px;border:0;background:transparent}.shelf-pagination .shelf-page-dot:before{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:9px;height:9px;border:1px solid #a8c2ca;border-radius:50%;background:#fff}.shelf-pagination .shelf-page-dot[aria-current=page]:before{background:#7fc9e4}.lesson-breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:22px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.lesson-breadcrumb button{border:0;padding:0;background:none;font:inherit;color:var(--teal)}@media(max-width:600px){.student-screen{margin:0 auto;box-shadow:none}.student-progress{font-size:8px}.student-home{width:7cqw;top:.5cqw;right:.5cqw;min-width:24px}.student-problems-count{max-width:110px}.student-demo-link{font-size:9px}.shelf-pagination{gap:0}}.book-dashboard-title{position:absolute;top:12.5cqw;left:2%;max-width:32%;margin:0;text-align:left;white-space:normal;font-size:clamp(8px,1.4cqw,14px);line-height:1.05}.book-practice-toggle{position:absolute;top:13.5cqw;right:2%;border:0;background:transparent;text-decoration:underline;color:#26343a;font:inherit;font-size:clamp(9px,1.3cqw,14px);padding:2px}.lesson-page-indicator{gap:2cqw}.student-lesson-preview{width:min(440px,calc(100% - 28px));max-height:85dvh;overflow:auto;color:#292b2c;background:#fff;border:2px solid #57595b;border-radius:4px;font:16px WootComic,sans-serif;padding:24px}.student-lesson-preview::backdrop{background:#0008}.student-lesson-preview h2{margin:0 0 16px;font:inherit;font-size:24px}.lesson-preview-art{width:min(100%,240px);display:block;margin:0 auto}.lesson-preview-availability{color:#555;font-size:14px}.account-bar{display:flex;align-items:center;gap:1.2rem;padding:.7rem 1.2rem;background:#173447;color:#fff;font:14px system-ui,sans-serif;flex-wrap:wrap}.account-bar a{color:#e0f2f7}.account-bar button{margin-left:auto;padding:.3rem .8rem;background:#fff;border:0;border-radius:5px;cursor:pointer}.account-bar #account-sync{font-size:12px;color:#c4dce3}.account-login,.account-assignments{font:16px/1.5 system-ui,sans-serif;margin:3rem auto;padding:2rem;max-width:520px;background:#fff;border-radius:12px;color:#22313e}.account-login h1,.account-assignments h1{font-size:2rem}.account-login form{display:grid;gap:.6rem;margin-top:1rem}.account-login input,.account-login select,.account-login button{font:inherit;padding:.7rem;border:1px solid #cbd5df;border-radius:6px}.account-login button,.account-assignments a{background:#217d84;color:#fff;padding:.7rem 1rem;border-radius:6px}.account-login [role=alert]{color:#a32b37}.account-assignments{max-width:800px}.account-assignments article{border:1px solid #dde4e9;border-radius:8px;padding:1.5rem;margin:1rem 0}.account-assignments h2{font-size:1.2rem}.account-assignments a{display:inline-block;text-decoration:none}