.colours-art{width:100%;min-width:0;background:#f1f8fb;overflow:hidden}.colours-palette{display:flex;justify-content:center;align-items:center;gap:20px;min-height:340px;padding:28px 20px;flex-wrap:wrap}.palette-colour{padding:15px 8px;outline:3px solid transparent;border-radius:6px;transition:outline-color .2s,transform .2s}.palette-colour.colour-focused{outline-color:#3d6475;transform:translateY(-6px)}.paint-cup{width:88px;text-align:center;flex-shrink:0}.paint-rim{width:80%;height:20px;border:3px solid #527081;border-radius:50%;margin:auto;position:relative;z-index:1}.paint-glass{width:80%;height:68px;margin:-8px auto 12px;border:3px solid #527081;border-top:0;border-radius:0 0 16px 16px;position:relative}.paint-glass i{position:absolute;left:10px;top:12px;height:32px;width:5px;background:#fff9;border-radius:2px}.paint-cup>span{font-size:17px;font-weight:700}.colours-picture{aspect-ratio:16/10;display:flex;flex-direction:column;padding:16px 12px 0}.pond-drawing{width:100%;flex:1;min-height:0;display:block}.picture-part.colour-focused{filter:drop-shadow(0 0 5px #244d67)}.fish-bob{animation:fish-float 4s ease-in-out infinite}.colour-caption{min-height:44px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:14px;color:#476579;flex-shrink:0}.colour-caption b{font-size:21px;color:#193d50}.colour-dot{width:18px;height:18px;border-radius:50%;border:1px solid #526c79;flex-shrink:0}.colours-mix{min-height:340px;padding:42px 24px 14px;display:flex;flex-direction:column;justify-content:center}.paint-equation{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);align-items:center;justify-items:center;gap:14px;max-width:600px;width:100%;margin:0 auto 24px}.colours-mix .paint-cup{width:100%;max-width:115px}.colours-mix .paint-glass{height:84px}.colours-mix .paint-cup>span{font-size:20px}.colours-check{min-height:340px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:22px;gap:14px}.colour-check-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;outline:3px solid transparent;border-radius:6px;min-height:135px}.colour-check-item.colour-focused{outline-color:#3d6475}.check-pigment{display:block;width:62px;height:62px;border-radius:42% 58% 46% 54%;border:2px solid #49636e}.colour-check-item>span:nth-child(2){font-size:16px;font-weight:700}.check-result{height:28px;color:#257859}.colour-check-item[data-answer=false] .check-result{color:#b64247}.colours-car{display:flex;flex-direction:column;padding:10px 12px 0;aspect-ratio:16/10}.colours-car svg{width:100%;flex:1;min-height:0}.car-key{display:flex;justify-content:center;gap:28px;padding:8px;flex-shrink:0}.car-key>span{display:flex;align-items:center;gap:7px;font-size:14px}.car-key i{width:25px;height:17px;border-radius:3px;border:1px solid #637d8d}.source-key-note{font-size:11px;color:#758891;min-height:24px}@keyframes fish-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:650px){.colours-palette{min-height:260px;gap:11px;padding:18px 8px}.palette-colour{padding:10px 5px}.paint-cup{width:74px}.paint-glass{height:51px}.paint-cup>span{font-size:15px}.colours-picture,.colours-car{aspect-ratio:4/3;padding:12px 7px 0}.colours-mix{min-height:260px;padding:30px 15px 6px}.paint-equation{gap:7px;grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr) 17px minmax(0,1fr)}.paint-equation>svg{width:17px}.colours-mix .paint-glass{height:65px}.colours-mix .paint-cup>span{font-size:16px}.colours-check{min-height:290px;padding:16px 12px;gap:10px}.colour-check-item{min-height:120px}.check-pigment{width:51px;height:51px}.colour-caption{font-size:12px;min-height:35px}.colour-caption b{font-size:19px}.car-key{gap:20px}.car-key>span{font-size:12px}.source-key-note{font-size:10px;min-height:22px}}@media(prefers-reduced-motion:reduce){.fish-bob{animation:none}.palette-colour{transition:none}}@media(max-width:650px){.car-key{flex-wrap:wrap;gap:7px 15px;min-height:62px}}.school-art{width:100%;min-width:0;background:#f1f7f9;overflow:hidden}.school-sprite{aspect-ratio:1;width:100%;background-image:url(/media/school-items.webp);background-size:300% 200%;background-repeat:no-repeat}.school-icon-item{width:100%;height:100%;max-width:100px;max-height:100px;display:block;margin:auto}.school-inventory{padding:22px;min-height:340px;display:flex;flex-direction:column;justify-content:center}.school-item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:center}.school-object{padding:7px 10px;text-align:center;outline:3px solid transparent;border-radius:6px;min-width:0}.school-object .school-sprite{max-width:138px;margin:auto}.school-object>.school-icon-item{height:125px;max-height:125px}.school-object>span{font-size:16px;font-weight:650;display:block;min-height:24px}.item-focused{outline:3px solid #4b8392!important}.school-object.item-packed{border:2px solid #348567;border-radius:50%;padding:5px 8px}.school-bag-row{display:flex;gap:18px;align-items:center;justify-content:center;padding-bottom:12px}.school-bag-row .school-sprite{width:100px;flex-shrink:0}.school-bag-row b{font-size:20px}.school-packed .school-sprite{max-width:95px}.school-packed .school-item-grid{gap:12px}.school-offer{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:18px}.school-offer-line{display:grid;grid-template-columns:50px minmax(0,180px) 28px 88px;gap:24px;align-items:center;width:100%;max-width:490px}.school-given-object{width:100%;transition:transform .35s}.school-offer[data-action=received] .school-given-object{transform:translate(12px)}.school-recipient{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:14px}.school-offer[data-action=received] .school-recipient{color:#29866b}.school-offer>b{font-size:22px}.school-sequence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:20px;gap:14px}.school-story-step{display:grid;grid-template-columns:80px minmax(0,1fr) 25px;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d6e4e6;border-radius:6px;min-height:104px;outline:3px solid transparent}.school-story-step .school-icon-item{height:65px}.school-story-step>span{font-size:14px}.school-story-step>b{font-size:22px;color:#2b806b;text-align:center}.school-matching{display:flex;flex-direction:column;gap:12px;padding:20px}.school-match-row{display:grid;grid-template-columns:minmax(0,1fr) 23px minmax(0,1fr);align-items:center;gap:18px;padding:8px 16px;min-height:112px;outline:3px solid transparent;border-radius:6px}.school-person{display:flex;align-items:center;gap:12px;font-size:14px}.school-match-target{display:flex;align-items:center;gap:10px;min-width:0}.school-match-target .school-sprite{width:85px;flex-shrink:0}.school-match-target>span{font-size:15px}.school-question{font-size:32px!important;color:#8da6ae;margin:auto}.school-differences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:22px}.desk-label{display:block;text-align:center;font-size:16px;margin-bottom:12px}.school-desk-view{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));aspect-ratio:4/5;gap:14px;padding:12px;background:#dfeced}.difference-slot{position:relative;display:flex;align-items:center;justify-content:center;background:#fdfefd;outline:3px solid transparent;border-radius:6px;min-width:0;min-height:0}.difference-slot-2{grid-column:1/3}.difference-slot .school-sprite{width:85%;max-width:135px;max-height:100%}.difference-focused{outline:3px dashed #539aa8}.difference-revealed{outline:3px solid #da7442;border-radius:50%}.difference-slot>span{position:absolute;right:5px;top:4px;font-size:15px;font-weight:700;color:#ac4d2b}@media(max-width:650px){.school-inventory{padding:18px 10px;min-height:290px}.school-item-grid{gap:12px 7px}.school-object{padding:7px 3px}.school-object>span{font-size:13px;min-height:21px}.school-object .school-sprite{max-width:90px}.school-object>.school-icon-item{height:85px;max-height:85px}.school-bag-row .school-sprite{width:72px}.school-bag-row b{font-size:17px}.school-packed .school-sprite{max-width:73px}.school-offer{min-height:290px;padding:18px 12px}.school-offer-line{grid-template-columns:32px minmax(0,1fr) 18px 59px;gap:10px}.school-offer-line>svg{width:100%}.school-recipient{font-size:11px}.school-recipient>svg{width:38px}.school-offer>b{font-size:20px}.school-sequence{padding:16px 8px;gap:11px}.school-story-step{display:flex;flex-direction:column;gap:4px;padding:8px 5px;min-height:147px}.school-story-step .school-sprite{width:68px}.school-story-step>.school-icon-item{height:68px}.school-story-step>span{font-size:12px}.school-story-step>b{font-size:19px}.school-matching{padding:15px 10px;gap:12px}.school-match-row{padding:5px;gap:9px;grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr);min-height:115px}.school-match-row>svg{width:17px}.school-person{flex-direction:column;gap:8px;font-size:12px}.school-match-target{flex-direction:column;gap:0}.school-match-target .school-sprite{width:67px}.school-match-target>span{font-size:13px}.school-differences{gap:11px;padding:16px 8px}.desk-label{font-size:13px;margin-bottom:8px}.school-desk-view{gap:9px;padding:8px;aspect-ratio:3/5}.difference-slot .school-sprite{width:90%}.difference-slot>span{font-size:11px;right:2px;top:0}}@media(prefers-reduced-motion:reduce){.school-given-object{transition:none}}.school-item-grid[data-count="1"] .school-sprite{max-width:220px}@media(max-width:650px){.school-item-grid[data-count="1"] .school-sprite{max-width:160px}}.school-sprite[data-sprite=eraser]{clip-path:inset(0 0 11%)}.school-sprite[data-sprite=schoolbag]{background-size:300% 185%}.difference-slot{container-type:size}.difference-slot .school-sprite{width:min(85cqw,85cqh,135px);height:auto;max-width:none;max-height:none}.school-desk-view{grid-template-columns:repeat(6,minmax(0,1fr))}.difference-slot-0{grid-column:1/4;grid-row:1}.difference-slot-1{grid-column:4/7;grid-row:1}.difference-slot-2{grid-column:1/5;grid-row:2}.difference-slot-3{grid-column:5/7;grid-row:2}.difference-slot-4{grid-column:4/7;grid-row:3}.classroom-art{width:100%;min-width:0;background:#f1f7f9;overflow:hidden}.classroom-sprite{aspect-ratio:1;width:100%;background:url(/media/classroom-items.webp) no-repeat;background-size:300% 200%}.classroom-items{padding:24px;min-height:340px;display:flex;align-items:center;justify-content:center}.classroom-object-grid{width:100%;display:grid;gap:18px}.classroom-object{min-width:0;text-align:center;padding:8px;border-radius:6px;outline:3px solid transparent}.classroom-object-image{position:relative;max-width:170px;margin:auto}.classroom-object-image[data-count="2"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:240px;min-height:110px;align-items:center}.classroom-object-grid[data-count="1"] .classroom-object-image{max-width:245px}.classroom-object>span{display:block;font-size:16px;font-weight:650;min-height:24px}.classroom-object>small{display:block;font-size:13px;min-height:22px;color:#577174}.classroom-dirt{position:absolute;top:30%;right:21%;bottom:30%;left:21%;background:repeating-linear-gradient(165deg,transparent 0 13px,#75858977 14px 17px,transparent 18px 30px);pointer-events:none}.clean-sparkle{position:absolute;right:12%;top:14%;color:#d78c21}.clean-brush{position:absolute;top:40%;left:35%;color:#276f72;animation:classroom-wipe 2.4s ease-in-out infinite}@keyframes classroom-wipe{0%,to{transform:translate(-16px) rotate(-10deg)}50%{transform:translate(30px) rotate(10deg)}}.classroom-targets{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:70px}.classroom-targets .classroom-sprite{width:75px;flex-shrink:0}.classroom-matching{padding:20px;display:flex;flex-direction:column;gap:12px}.classroom-match-row{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:15px;min-height:94px;padding:9px 14px;border-radius:6px;outline:3px solid transparent}.classroom-source-group{display:flex;align-items:center;gap:12px;font-size:14px;min-width:0}.classroom-source-group>svg{flex-shrink:0;color:#417b88}.classroom-group-icons{display:flex;flex-shrink:0;gap:3px}.classroom-question{font-size:30px;color:#8da7af}.classroom-judgments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}.classroom-judgment{padding:12px;border:1px solid #d6e5e8;border-radius:6px;outline:3px solid transparent;text-align:center;min-width:0}.classroom-clean-picture{position:relative;min-height:105px;display:flex;align-items:center;justify-content:center}.classroom-clean-picture .classroom-targets .classroom-sprite{width:95px}.picture-brush{position:absolute;bottom:10px;left:calc(50% - 14px);color:#377c8a}.classroom-judgment>span{display:block;min-height:42px;font-size:15px;line-height:1.4;margin-top:8px}.judgment-mark{height:34px;display:flex;align-items:center;justify-content:center}.judgment-mark.correct{color:#228668}.judgment-mark.incorrect{color:#d36a60}.classroom-differences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px}.classroom-compare-panel>b{display:block;text-align:center;font-size:16px;margin-bottom:10px}.classroom-compare-room{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,110px);gap:10px;padding:12px;background:#e2eef0}.classroom-difference-slot{position:relative;min-width:0;min-height:0;background:#fdfefd;display:flex;flex-direction:column;align-items:center;border-radius:6px;outline:3px solid transparent}.classroom-difference-slot:last-child{grid-column:2}.classroom-difference-slot>small{font-size:12px;line-height:21px;flex-shrink:0}.classroom-difference-slot>span{position:absolute;right:5px;top:4px;font-size:12px;color:#b55929}.classroom-difference-slot.difference-focused{outline:3px dashed #539aa8}.classroom-difference-slot.difference-revealed{outline:3px solid #da7442;border-radius:50%}.difference-object{width:100%;flex:1;min-height:0;display:flex;justify-content:center;align-items:center;container-type:size}.difference-object .classroom-sprite,.difference-object .school-sprite{width:min(85cqw,85cqh);flex-shrink:0}.classroom-icon{width:50%;height:65%;max-width:70px;max-height:70px}.classroom-door-label{width:60%;height:26%;background:#a4cadd;border:3px solid #457c90;max-width:82px}.classroom-board-eraser{width:58%;height:27%;max-width:70px;background:#ad8662;border-bottom:7px solid #465658;border-radius:3px}.classroom-drawing{padding:22px;background:#e6f1ed}.classroom-paper{position:relative;width:100%;aspect-ratio:5/3;background:#fff;min-height:240px;border-bottom:8px solid #dce7e8}.drawing-piece{position:absolute;width:22%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;outline:2px solid transparent;border-radius:4px}.drawing-piece-0{top:0;left:33%;width:33%}.drawing-piece-1{bottom:0;left:24%}.drawing-piece-2{bottom:0;left:52%}.drawing-piece-3{top:10%;left:3%}.drawing-piece-4{top:16%;right:2%}.drawing-focused{outline-color:#609795}@media(max-width:650px){.classroom-items{padding:18px 10px;min-height:290px}.classroom-object-grid{gap:12px 6px}.classroom-object{padding:5px}.classroom-object>span{font-size:13px;min-height:21px}.classroom-object>small{font-size:11px;min-height:20px}.classroom-object-grid[data-count="1"] .classroom-object-image{max-width:185px}.classroom-matching{padding:15px 10px;gap:10px}.classroom-match-row{grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr);padding:6px 4px;gap:8px;min-height:96px}.classroom-match-row>svg{width:17px}.classroom-source-group{flex-direction:column;gap:6px;text-align:center;font-size:12px;line-height:1.5}.classroom-targets{gap:3px}.classroom-targets .classroom-sprite{width:47px}.classroom-judgments{padding:16px 8px;gap:11px}.classroom-judgment{padding:8px 5px}.classroom-clean-picture{min-height:91px}.classroom-clean-picture .classroom-targets .classroom-sprite{width:48px}.classroom-judgment>span{font-size:13px;min-height:55px}.picture-brush{width:23px}.classroom-differences{padding:16px 8px;gap:11px}.classroom-compare-panel>b{font-size:13px;margin-bottom:8px}.classroom-compare-room{padding:8px;gap:8px;grid-template-rows:repeat(3,87px)}.classroom-difference-slot>small{font-size:10px;line-height:18px}.classroom-difference-slot>span{font-size:10px;right:2px;top:0}.classroom-board-eraser{border-bottom-width:5px}.classroom-door-label{border-width:2px}.classroom-drawing{padding:16px 10px}.classroom-paper{aspect-ratio:4/3;min-height:220px}.drawing-piece-0{width:36%;left:32%;top:6%}.drawing-piece-1,.drawing-piece-2{width:30%}.drawing-piece-1{left:16%;bottom:8%}.drawing-piece-2{left:48%;bottom:8%}.drawing-piece-3{width:24%;top:22%;left:1%}.drawing-piece-4{width:25%;top:23%;right:1%}}@media(prefers-reduced-motion:reduce){.clean-brush{animation:none}}:root{font-family:Nunito,Noto Sans SC,Microsoft YaHei,sans-serif;color:#253b35;background:#f6f8f7;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e8aa32;outline-offset:3px}header{height:76px;border-bottom:1px solid #dce4df;display:flex;align-items:center;padding:0 32px;gap:24px;background:#fff}.brand{display:flex;gap:11px;align-items:center;color:#234b3d;text-decoration:none;font-size:23px;font-weight:800;white-space:nowrap}.brand-mark{background:#23755a;color:#fff;width:38px;height:38px;border-radius:8px;display:grid;place-items:center}.edition{font-size:13px;color:#74817a}.stage-label{margin-left:auto;font-size:12px;color:#6c766d}.workspace{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - 76px)}.library{border-right:1px solid #dce4df;padding:30px 18px;display:flex;flex-direction:column;background:#fff}.library-heading{display:flex;justify-content:space-between;font-size:12px;color:#7b8880;padding:0 10px;margin-bottom:26px}.unit-heading{display:flex;align-items:center;gap:12px;padding:0 10px 20px;font-size:22px;font-weight:800}.unit-heading>span{font-size:14px;color:#2e8063;background:#e8f3ec;padding:10px;border-radius:7px}small{display:block}.unit-heading small{font-size:12px;font-weight:400;color:#74817a;margin-top:3px}.lesson{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:14px 10px;margin-bottom:6px;border-radius:7px;font-size:13px}.lesson small{font-size:11px;margin-top:6px;color:#72867a}.lesson>svg{margin-left:auto;flex-shrink:0}.selected{background:#e8f2eb;color:#20694e}.lesson-number{font-size:12px}.remaining{border-top:1px solid #e7ece8;margin-top:24px;padding-top:14px}.remaining>div{display:flex;align-items:center;gap:9px;padding:14px 10px;color:#7c8881;font-size:13px}.remaining span{font-size:11px}.remaining small{margin-left:auto;font-size:10px;white-space:nowrap}.library-footer{margin-top:auto;padding:45px 10px 0;color:#7b8880;font-size:11px;line-height:2}.library-footer span{color:#9ca69f}main{width:100%;max-width:1480px;margin:0 auto;padding:28px 36px 12px;min-width:0}.lesson-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.lesson-heading p{font-size:11px;color:#378265;font-weight:800;margin:0 0 7px}.lesson-heading h1{font-size:27px;margin:0;font-weight:700}.page-label{font-size:12px;color:#78887e}.reader{display:grid;grid-template-columns:minmax(0,1fr) 270px;border-top:1px solid #dce4df;border-bottom:1px solid #dce4df;background:#fff}.story{min-width:0}.scene-top{display:flex;justify-content:space-between;align-items:center;height:42px;padding:0 18px;font-size:11px;color:#6c7c72}.scene-top span:first-child{display:flex;align-items:center;gap:7px}.scene-top i{width:6px;height:6px;border-radius:50%;background:#e89d49}.illustration{width:100%;aspect-ratio:16/9;background:#eaf3ed;overflow:hidden}.illustration img{width:100%;height:100%;object-fit:contain;display:block}.cast-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;height:48px;border-bottom:1px solid #edf1ee}.cast{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;border-bottom:2px solid transparent;height:100%}.cast.wenwen{color:#b3574d}.cast.tom{color:#357c88}.cast.active{border-bottom-color:currentColor}.cast-strip>span{font-size:10px;color:#8a968c}.caption{min-height:152px;padding:16px 26px 18px;display:flex;flex-direction:column;justify-content:center}.speaker{font-size:11px;color:#7a8a7f}.caption p{font-size:28px;font-weight:800;margin:7px 0;line-height:1.4;overflow-wrap:anywhere}.caption small{font-size:13px;color:#7c8980}.caption.narration p{font-size:16px;font-weight:500;line-height:1.9}.caption .hidden-caption{color:#8c978f;font-size:16px}.transport{padding:12px 22px 17px;border-top:1px solid #edf1ee}.timeline{display:flex;align-items:center;gap:10px;font-size:10px;color:#849186;font-variant-numeric:tabular-nums}progress{width:100%;height:4px;border:0;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none}progress::-webkit-progress-bar{background:#e8eee9;border-radius:4px}progress::-webkit-progress-value{background:#358264;border-radius:4px}.controls{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.play-controls,.settings{display:flex;align-items:center;gap:8px}.icon{width:34px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:6px}.icon:hover{background:#edf3ef}.icon.on{color:#207758;background:#edf6ef}.play{height:42px;min-width:108px;padding:0 16px;background:#267556;color:#fff;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px}.speed{display:flex;align-items:center;font-size:11px;gap:5px;white-space:nowrap}.speed>span{color:#7d897f}select{background:transparent;border:0;color:#304c3c;font-size:12px;padding:6px 2px}.notes{border-left:1px solid #e1e8e2;display:flex;flex-direction:column;min-width:0}.tabs{display:flex;height:54px;border-bottom:1px solid #e8ede9;padding:0 16px;gap:20px}.tabs button{font-size:12px;border-bottom:2px solid transparent;padding:0 2px}.tabs button[aria-selected=true]{border-color:#267556;color:#267556;font-weight:700}.chapters{padding:14px 12px}.chapter{display:flex;text-align:left;align-items:center;gap:10px;width:100%;min-height:75px;padding:12px 10px;border-radius:6px;font-size:12px}.chapter-index{font-size:11px;min-width:23px;color:#7c8c80}.chapter>span:nth-child(2){flex:1}.chapter small{font-size:11px;color:#89958b;margin-top:7px}.chapter>svg{color:#92a597;flex-shrink:0}.chapter.current{background:#eff5f0;color:#287050}.chapter.current .chapter-index{color:#287050}.knowledge{margin:25px 12px 0;padding-top:23px;border-top:1px solid #e8ede9}.knowledge>span{font-size:10px;color:#a68148}.knowledge h2{font-size:15px;margin:9px 0 20px}.knowledge p{font-size:17px;margin:10px 0;color:#647d6c}.notes-footer{margin-top:auto;padding:20px 22px;color:#95a096;font-size:10px}.reference-list{padding:12px}.reference{display:flex;text-align:left;width:100%;gap:10px;padding:12px 8px;font-size:14px;border-bottom:1px solid #eff2ef}.reference svg{flex-shrink:0;margin-top:3px;color:#528a6b}.reference small{font-size:11px;color:#89968c;margin-top:5px}.reference.active{background:#ecf5ee}.word-board{display:flex;align-items:center;justify-content:center;gap:22px;min-height:64px;border-bottom:1px solid #edf1ee;font-size:25px;font-weight:800;color:#3f7165}.word-board .equals{font-size:18px;color:#91a69a}.word-board .emphasis{color:#b9664b;text-decoration:underline;text-underline-offset:6px}.bottom-nav{display:flex;justify-content:space-between;align-items:center;padding:19px 0;color:#64806d;font-size:12px}.bottom-nav>button{display:flex;align-items:center;gap:8px;padding:8px}.bottom-nav>div{display:flex;gap:7px}.bottom-nav>div button{width:24px;height:24px;position:relative}.bottom-nav>div button:after{content:"";width:6px;height:6px;border-radius:50%;background:#cad7ce;position:absolute;top:9px;right:9px;bottom:9px;left:9px}.bottom-nav>div button[aria-current]:after{background:#32795b}.error{font-size:12px;color:#ae4336}.complete{font-size:12px;display:flex;gap:7px;align-items:center;color:#287050}button:hover:not(:disabled){filter:brightness(.96)}@media(min-width:1500px){main{padding-top:36px}.caption{min-height:160px}.reader{grid-template-columns:minmax(0,1fr) 290px}}@media(max-width:1150px){.workspace{grid-template-columns:195px minmax(0,1fr)}main{padding:24px 22px}.reader{grid-template-columns:minmax(0,1fr) 225px}.library{padding:26px 10px}.settings{gap:2px}.speed>span{display:none}.play-controls{gap:2px}.transport{padding:12px}.caption{padding:15px 20px}.caption p{font-size:23px}.caption.narration p{font-size:15px}.cast-strip>span{display:none}.chapter{padding:10px 4px;gap:6px}}@media(max-width:900px){.workspace{display:block}.library{display:none}main{max-width:850px}.reader{grid-template-columns:minmax(0,1fr) 220px}.edition{margin-left:auto}.stage-label{display:none}.lesson-heading h1{font-size:25px}.caption{min-height:170px}.controls{flex-wrap:wrap}.settings{margin-left:auto}.notes-footer{padding:15px}.tabs{gap:16px}}@media(max-width:650px){header{height:62px;padding:0 18px;gap:12px}.brand{font-size:20px}.brand-mark{width:32px;height:32px}.edition{font-size:11px}main{padding:20px 0 8px}.lesson-heading{padding:0 19px;margin-bottom:18px}.lesson-heading h1{font-size:23px}.lesson-heading p{font-size:10px}.reader{display:block}.notes{border-left:0;border-top:1px solid #e1e8e2}.scene-top{padding:0 18px;height:35px}.caption{min-height:172px;padding:16px 20px}.caption.narration p{font-size:16px}.caption p{font-size:25px}.cast-strip{height:43px}.transport{padding:12px 16px 16px}.controls{flex-wrap:nowrap;gap:5px}.play{min-width:88px;padding:0 12px}.play-controls{gap:1px}.icon{width:30px}.settings{gap:0}.settings>.icon:last-child{display:none}.speed select{font-size:11px}.chapters{display:grid;grid-template-columns:1fr 1fr;padding:10px}.chapter{min-height:74px;padding:10px;gap:6px}.chapter>svg{display:none}.knowledge,.notes-footer{display:none}.tabs{height:46px}.bottom-nav{padding:12px 16px}.reference-list{display:grid;grid-template-columns:1fr 1fr}.reference{font-size:13px;padding:12px 7px}.word-board{font-size:23px;gap:18px}.page-label{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.page-picker{font-size:12px;color:#78887e;display:flex;align-items:center;gap:6px}.page-picker select{font-size:13px}.mobile-lessons{display:none}.lesson-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dce4df;padding:15px 0;font-size:12px;color:#68816f}.lesson-footer button,.complete button{display:flex;align-items:center;gap:5px;padding:8px}.complete button{margin-left:auto}.cast.mimi{color:#ac7932}.cast.max{color:#85679d}.cast-strip{justify-content:space-around}.word-board button{font-weight:800;font-size:inherit}.names-board{font-size:22px}.download-outline{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 18px;font-size:12px;color:#39795e;text-decoration:none;border-bottom:1px solid #e4ece7}.sequence-art,.match-art{background:#f3f7f4;min-height:300px;padding:22px}.recap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.recap-step{min-width:0;overflow:hidden;border-radius:6px;background:#fff;outline:2px solid transparent}.recap-step.current{outline-color:#d89c3b;background:#fff8e6}.recap-step .portrait{aspect-ratio:1.7}.recap-step>span{display:flex;align-items:center;gap:8px;padding:9px;font-size:12px;min-height:45px}.recap-step b{font:700 13px Nunito,sans-serif;color:#278364}.portrait{width:100%;aspect-ratio:1.35;background-repeat:no-repeat;background-image:url(/media/courtyard.webp);background-size:350% auto;background-position:27% 15%}.portrait-tom{background-position:73% 12%}.portrait-mimi{background-image:url(/media/pets.webp);background-size:220% auto;background-position:0% 62%}.portrait-max{background-image:url(/media/pets.webp);background-size:220% auto;background-position:100% 60%}.portrait-together{background-size:cover;background-position:center}.answer{margin-top:16px;font-size:12px;color:#597964}.answer summary{cursor:pointer;padding:6px 0}.answer-grid{display:grid;grid-template-columns:1fr 1fr;max-width:180px;gap:5px;margin:8px 0}.answer-grid span{padding:6px;background:#fff;text-align:center;border:1px solid #d3e0d6;border-radius:4px;font-size:16px}.answer small{font-size:11px;line-height:1.6}.match-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.character-card{padding:0;overflow:hidden;background:#fff;border-radius:6px;outline:3px solid transparent;text-align:left;min-width:0}.character-card.speaking{outline-color:#e6b345;background:#fff7e5}.character-card>span{display:flex;align-items:center;gap:9px;padding:12px;font-size:14px;font-weight:700;min-height:44px}.chapter small{overflow-wrap:anywhere}.reference span{min-width:0;overflow-wrap:anywhere}.knowledge p{font-size:15px;overflow-wrap:anywhere}.notes-footer{overflow-wrap:anywhere}@media(max-width:900px){.mobile-lessons{display:flex;align-items:center;gap:8px;margin:0 0 16px;padding:9px 12px;background:#eaf2ed;border-radius:6px;color:#377458}.mobile-lessons select{flex:1;min-width:0;font-size:13px}.sequence-art,.match-art{padding:16px}.recap-grid{gap:10px}.recap-step>span{font-size:11px;padding:6px;gap:4px}}@media(max-width:650px){.mobile-lessons{margin:0 18px 16px}.lesson-footer{margin:0 16px}.sequence-art,.match-art{padding:16px;min-height:0}.recap-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.recap-step .portrait{aspect-ratio:1.6}.recap-step>span{font-size:11px}.match-art{gap:14px}.character-card>span{padding:9px 7px;font-size:12px;gap:5px}.character-card .portrait{aspect-ratio:1.2}.cast-strip{gap:4px;padding:0 12px}.cast{font-size:12px;gap:4px}.cast svg{width:13px}.names-board{font-size:20px;gap:14px}.word-board{font-size:22px}.download-outline{font-size:11px}.answer-grid{max-width:150px}}@media(min-width:1000px){.match-art{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-content:center}.character-card .portrait{aspect-ratio:.8}.character-card>span{font-size:12px;gap:5px;padding:10px 8px;min-height:56px}.character-card>span svg{flex-shrink:0}}.unit-group+.unit-group{border-top:1px solid #e1e8e2;margin-top:18px;padding-top:22px}.lesson>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.lesson-heading>div{min-width:0}.lesson-heading h1{overflow-wrap:anywhere}.page-picker{flex-shrink:0;margin-left:12px}.numbers-art{background:#f2f7f9;padding:24px 20px;min-height:300px}.number-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 16px}.numbers-single .number-groups{grid-template-columns:minmax(0,1fr)}.count-group{min-width:0;border-bottom:3px solid #cbdce4;padding:8px 4px;transition:border-color .2s}.count-group:nth-child(3n+2){border-color:#e8c9a8}.count-group:nth-child(3n){border-color:#c9dcb8}.count-group.count-focused{border-color:#bc6324;background:#fff5db}.count-picture{height:150px;display:flex;align-items:center;justify-content:center}.count-items{width:100%;display:grid;grid-template-columns:repeat(var(--item-columns),minmax(0,1fr));align-items:end;gap:5px}.count-item{min-width:0;position:relative;text-align:center;border-bottom:3px solid transparent}.count-item.item-focused{border-color:#bc6324}.number-child{width:100%;aspect-ratio:1/2;background:url(/media/numbers-children.webp) no-repeat;background-size:600% 100%}.count-item img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.numbers-multiple .count-item img{max-height:66px}.numbers-multiple .number-child{max-height:66px;width:auto;max-width:100%;margin:auto}.item-number{display:block;font-size:14px;color:#597381;font-variant-numeric:tabular-nums;padding:7px 0 3px}.item-focused .item-number{color:#9d471c;font-weight:800}.count-label{display:flex;align-items:baseline;justify-content:center;gap:9px;min-height:35px;padding-top:9px;color:#395b69}.count-label b{font-size:24px;line-height:1}.count-label span{font-size:16px}.numbers-single .count-picture{height:auto;min-height:200px}.numbers-single .count-label{padding-top:18px}.numbers-single .count-label b{font-size:30px}.numbers-single .count-label span{font-size:21px}.numbers-single .count-items{max-width:calc(var(--item-columns) * 105px);margin:auto}.numbers-birds{background:#edf7fc}.numbers-flowers{background:#f6f8ee}.numbers-spots{background:#f9f2ee}.arrangement-sky .count-items{align-items:center}.arrangement-sky .count-item:nth-child(2n){padding-top:30px}.arrangement-sky .count-item:nth-child(odd){padding-bottom:30px}.ladybird{position:relative;width:140px;max-width:100%;aspect-ratio:1;flex-shrink:0}.ladybird img{display:block;width:100%;height:100%;object-fit:contain}.answer-revealed .ladybird:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #23836f;border-radius:50%;pointer-events:none}.ladybird-spot{position:absolute;width:11%;height:11%;border-radius:50%;background:#243034;transform:translate(-50%,-50%)}@media(max-width:1150px){.numbers-art{padding:18px 12px}.number-groups{gap:12px 8px}.count-picture{height:126px}.numbers-multiple .number-child{max-height:54px}.count-label{gap:6px}.count-label span{font-size:14px}}@media(max-width:650px){.numbers-art{padding:18px 12px;min-height:0}.number-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.numbers-spots .number-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.count-picture{height:132px}.numbers-single .count-picture{min-height:170px}.numbers-single .count-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.numbers-single .number-child{max-height:132px}.numbers-single .count-item img{max-height:100px}.ladybird{width:68px;height:88px}.ladybird-spot{width:14px;height:14px}.numbers-spots .count-label{flex-wrap:wrap;gap:5px}.arrangement-sky .count-item:nth-child(2n){padding-top:18px}.arrangement-sky .count-item:nth-child(odd){padding-bottom:18px}.bottom-nav>div{flex-wrap:wrap;justify-content:center;gap:2px}.bottom-nav>button{flex-shrink:0;gap:3px;padding:6px 2px}.bottom-nav>div button{width:20px;height:24px}.bottom-nav>div button:after{left:7px}}@media(prefers-reduced-motion:reduce){.count-group{transition:none}}@media(max-width:650px){.numbers-single .count-items{grid-template-columns:repeat(var(--mobile-columns),minmax(0,1fr));max-width:calc(var(--mobile-columns) * 100px)}}.numbers-count,.numbers-birds{padding:0;min-height:0}.numbers-single .count-group{padding:0;border-bottom:0;background:transparent}.numbers-count .count-picture,.numbers-birds .count-picture{position:relative;aspect-ratio:1672/941;min-height:0;background:#edf7f5 url(/media/numbers-garden.webp) center/100% 100% no-repeat}.numbers-count .count-items,.numbers-birds .count-items{position:absolute;grid-template-columns:repeat(var(--item-columns),minmax(0,1fr));gap:3px;max-width:none;margin:0;left:50%;transform:translate(-50%)}.numbers-count .count-items{bottom:17%;width:calc(var(--item-columns) * 13%)}.numbers-count .number-child{max-height:none}.numbers-count .item-number,.numbers-birds .item-number{display:none}.numbers-birds .count-items{width:82%;bottom:59%}.numbers-birds .count-item img{max-height:none}.numbers-birds.arrangement-sky .count-items{bottom:56%;width:78%}.numbers-birds.arrangement-sky .count-item:nth-child(2n){padding:0;transform:translateY(25%)}.numbers-birds.arrangement-sky .count-item:nth-child(odd){padding:0;transform:translateY(-12%)}.numbers-single .count-label{padding:12px 0;min-height:58px;border-bottom:3px solid #cbdce4}.numbers-single .count-focused .count-label{border-color:#bc6324;background:#fff5db}.numbers-order .number-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.numbers-flowers .number-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.numbers-order .count-items,.numbers-flowers .count-items{display:flex;flex-wrap:wrap;justify-content:center}.numbers-order .count-item,.numbers-flowers .count-item{width:calc((100% - 10px)/3)}.numbers-birds .count-item{transition:transform .8s ease}.numbers-birds .count-items{transition:bottom .8s ease,width .8s ease}.numbers-match .number-groups{grid-template-columns:minmax(0,1fr);gap:8px}.numbers-match .count-group{display:flex;flex-direction:row-reverse;align-items:center;gap:12px;padding:6px}.numbers-match .count-label{width:74px;flex-shrink:0;justify-content:flex-start;flex-wrap:wrap;padding:0}.numbers-match .count-picture{height:82px;flex:1;min-width:0}.numbers-match .count-items{grid-template-columns:repeat(6,minmax(0,1fr))}.numbers-match .number-child{height:72px;max-height:72px}@media(max-width:650px){.ladybird{width:100%;height:auto}.ladybird-spot{width:11%;height:11%}}@media(prefers-reduced-motion:reduce){.numbers-birds .count-item,.numbers-birds .count-items{transition:none}}.version-switch{display:flex;gap:24px;margin:-6px 0 18px;border-bottom:1px solid #dce4df;font-size:13px}.version-switch a{padding:10px 0;color:#6b7b71;text-decoration:none;border-bottom:2px solid transparent}.version-switch a[aria-current]{color:#226f53;border-bottom-color:#226f53;font-weight:700}.voice-comparison{border-top:1px solid #dce4df;padding:14px 0;font-size:13px}.voice-comparison summary{cursor:pointer;color:#597362;padding:6px 0}.voice-comparison>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;max-width:720px}.voice-comparison button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid #d7e3db;border-radius:4px;background:#fff;font-size:12px}.voice-comparison button.active{background:#e8f2eb;border-color:#519274}@media(max-width:650px){.version-switch{margin:0 18px 16px}.voice-comparison{margin:0 18px}.voice-comparison>div{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--ink:#273039;--muted:#69737b;--line:#e1e5e9;--surface:#fff;--canvas:#f3f4f6;--accent:#23765b;--accent-soft:#eaf3ee;font-family:Segoe UI,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--canvas);line-height:1.5;letter-spacing:0}button,a,select{transition:background-color .15s,color .15s,border-color .15s}button:hover:not(:disabled){filter:none}button:disabled{opacity:.38}button:focus-visible,a:focus-visible,select:focus-visible{outline-color:#d9a336}.app>header{height:64px;padding:0 28px;gap:20px;border-color:var(--line)}.brand{font-size:21px;color:var(--ink);font-weight:700}.brand-mark{width:34px;height:34px;border-radius:7px}.edition{padding-left:20px;border-left:1px solid var(--line);color:var(--muted)}.stage-label{color:var(--muted);font-variant-numeric:tabular-nums}.library{padding:0;border-color:var(--line);min-width:0;min-height:0}.library-heading{height:58px;padding:0 20px;align-items:center;margin:0;color:var(--muted);font-size:12px;flex-shrink:0}.library-heading>span:last-child{font-variant-numeric:tabular-nums;color:#90989f}.library nav{padding:0 12px 18px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.unit-group+.unit-group{border:0;margin-top:7px;padding-top:0}.unit-heading{padding:13px 8px;gap:11px;width:100%;text-align:left;border-radius:6px;font-size:15px;font-weight:650;line-height:1.3}.unit-heading:hover{background:#f4f5f7}.unit-heading>span:not(.unit-number){min-width:0;flex:1;background:none;padding:0;color:var(--ink);font-size:15px;border-radius:0}.unit-heading .unit-number{width:31px;height:35px;display:grid;place-items:center;flex-shrink:0;padding:0;font-size:12px;font-weight:650;color:#497788;background:#edf3f7;border-radius:5px}.unit-group:nth-child(2) .unit-number{color:#916e2a;background:#fbf3df}.unit-group:nth-child(3) .unit-number{color:#976655;background:#faeee9}.unit-group:nth-child(4) .unit-number{color:#487463;background:#edf4ef}.unit-group:nth-child(5) .unit-number{color:#76618e;background:#f3eff7}.unit-heading small{font-size:11px;color:var(--muted);margin-top:5px;font-weight:400}.unit-toggle>svg{color:#89929a;flex-shrink:0;transform:rotate(-90deg)}.unit-toggle[aria-expanded=true]>svg{transform:rotate(0)}.lesson{font-size:12px;line-height:1.5;padding:11px 10px;margin-bottom:3px;gap:8px;position:relative;border-radius:5px}.lesson-number{width:19px;flex-shrink:0;color:#8b939b;font-size:11px;font-variant-numeric:tabular-nums}.lesson>span:nth-child(2){flex:1}.lesson small{color:#87919b;font-size:10px;margin-top:4px}.lesson:hover{background:#f4f5f7}.lesson.selected{background:var(--accent-soft);color:#1e664e;font-weight:600}.lesson.selected .lesson-number{color:var(--accent)}.lesson.selected:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;background:var(--accent);border-radius:3px}.library-footer{display:flex;align-items:center;gap:11px;margin-top:auto;border-top:1px solid var(--line);padding:16px 20px;font-size:12px;color:#53646b;line-height:1.5;flex-shrink:0}.library-footer>svg{color:#76818a;flex-shrink:0}.library-footer span{display:block;font-size:10px;color:#8a949c;margin-top:4px}.lesson-heading{gap:18px;margin-bottom:20px}.lesson-heading p{font-size:11px;font-weight:600;color:#657e77;margin-bottom:6px}.lesson-heading h1{font-size:24px;font-weight:650;line-height:1.4;color:var(--ink)}.page-picker{font-size:12px;color:var(--muted);gap:8px}.page-picker select{border:1px solid var(--line);border-radius:5px;background:var(--surface);padding:7px 9px;font-size:12px;color:var(--ink)}.lesson-tools{display:flex;align-items:center;gap:12px}.notes-toggle,.lesson-toolbar,.scene-dialogue{display:none}.story{background:var(--surface)}.scene-top{height:40px;color:#697780;font-size:12px;padding:0 20px;gap:12px}.scene-top>span:last-child{flex-shrink:0;font-size:11px;font-variant-numeric:tabular-nums;color:#929ca4}.scene-top i{background:#e4aa47}.scene-stage{min-width:0;background:#f0f4f5}.cast-strip{height:39px;padding:0 22px;border-color:#edf0f2;justify-content:flex-start;gap:24px}.cast{font-size:12px;font-weight:600;gap:6px}.cast:hover{background:#f7f8f9}.cast-strip>span{font-size:11px;color:#7c888e}.word-board{min-height:52px;font-size:23px}.caption{min-height:126px;padding:16px 26px;gap:2px}.speaker{font-size:11px;color:#8a959d;line-height:1.4}.caption p{font-family:Trebuchet MS,Microsoft YaHei,sans-serif;font-size:27px;line-height:1.35;font-weight:700;color:#263640;margin:5px 0;overflow-wrap:anywhere}.caption small{font-size:13px;line-height:1.55;color:#78838b}.caption.narration p{font-family:inherit;font-size:18px;line-height:1.65;font-weight:500}.transport{border-color:#edf0f2;padding:12px 20px 14px}.timeline{font-size:11px;color:#83909a;gap:12px}.timeline span{min-width:28px;font-variant-numeric:tabular-nums}.timeline span:last-child{text-align:right}.timeline progress{height:4px;min-width:0}progress::-webkit-progress-bar{background:#e9edef}.controls{margin-top:12px;gap:12px;align-items:center}.play-controls{gap:6px}.play{background:var(--accent);min-width:102px;height:40px;border-radius:6px;font-size:13px;font-weight:600}.play:hover{background:#1d634c}.icon{color:#596b73;width:34px;height:34px;border-radius:5px}.icon:hover{background:#eff2f4;color:#243b43}.icon.on{color:var(--accent);background:var(--accent-soft)}.speed{font-size:11px;color:var(--muted);gap:7px}.speed select{font-size:12px;color:#50616a}.notes{border-color:var(--line);background:transparent}.tabs{padding:0 18px;height:46px;gap:24px;border-color:var(--line);flex-shrink:0}.tabs button{font-size:13px;font-weight:500;color:#747f86;padding:0 2px}.tabs button:hover{color:var(--ink)}.tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent);font-weight:650}.chapters{padding:12px}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#87929b;margin:4px 10px 12px}.chapter{min-height:73px;padding:12px 10px;margin-bottom:5px;border-radius:5px;font-size:13px;gap:10px;line-height:1.4}.chapter-index{font-size:11px;min-width:22px;color:#8c97a0;font-variant-numeric:tabular-nums}.chapter small{font-size:12px;color:#85929b;line-height:1.5;margin-top:5px}.chapter>svg{width:15px;color:#a0adb3}.chapter:hover{background:#eceff1}.chapter.current{background:#e5eee9;color:#23634e}.chapter.current small{color:#70877b}.knowledge{margin:20px 10px 0;padding-top:18px;border-color:var(--line)}.knowledge>span{color:#8a7858;font-size:10px}.knowledge h2{font-size:13px;font-weight:500;color:#66737b;line-height:1.6;margin:8px 0 12px}.reference-list{padding:10px 14px}.reference{font-family:Trebuchet MS,Microsoft YaHei,sans-serif;font-size:15px;padding:14px 8px;line-height:1.5;border-color:var(--line);border-radius:4px}.reference:hover{background:#eceff1}.reference small{font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:11px;color:#83909a;line-height:1.6}.reference.active{background:var(--accent-soft)}.notes-footer{display:flex;gap:7px;align-items:flex-start;padding:15px 20px;font-size:10px;color:#8a969f;border-top:1px solid var(--line);flex-shrink:0;line-height:1.6}.notes-footer svg{flex-shrink:0;margin-top:1px}.bottom-nav{border-top:1px solid #edf0f2;font-size:11px;color:#718088;padding:4px 16px;min-height:42px}.bottom-nav>button{gap:5px;padding:6px}.bottom-nav>button:hover:not(:disabled),.lesson-footer button:hover:not(:disabled){color:var(--accent);background:#eaf0ed;border-radius:4px}.bottom-nav>div{gap:2px;flex-wrap:wrap;justify-content:center}.bottom-nav>div button{width:22px;height:26px}.bottom-nav>div button:after{inset:auto;left:8px;top:10px;width:6px;height:6px;background:#d1d9de}.bottom-nav>div button[aria-current]:after{background:var(--accent)}.lesson-footer{padding:8px 0;font-size:12px;color:#76828a;border:0;gap:16px;flex-shrink:0}.lesson-footer>span{font-size:11px;font-variant-numeric:tabular-nums;color:#929ba2}.error,.complete{margin:10px 0 0;font-size:12px;line-height:1.5}@media(min-width:1000px){.app{height:100dvh;overflow:hidden}.app>header{height:52px;padding:0 20px}.workspace{height:calc(100dvh - 52px);min-height:0;grid-template-columns:240px minmax(0,1fr)}.library{height:100%;overflow:hidden}.library nav{flex:1}main{--art-width:calc(max(340px,100dvh - 170px) * 16 / 9);min-height:0;height:100%;max-width:none;padding:8px 12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:auto}.lesson-heading{width:100%;min-height:36px;margin:0 0 8px;gap:12px}.lesson-heading>div:first-child{display:flex;align-items:center;gap:14px;min-width:0}.lesson-heading p{margin:0;flex-shrink:0;white-space:nowrap}.lesson-heading h1{font-size:20px;line-height:1.4}.lesson-tools{gap:10px;flex-shrink:0}.lesson-toolbar{display:flex;align-items:center;gap:4px;border-right:1px solid var(--line);padding-right:10px}.lesson-toolbar>span{min-width:42px;text-align:center;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.lesson-footer{display:none}.notes-toggle{display:grid}.reader{--notes-width:0px;container-type:inline-size;width:100%;max-width:none;margin:0;grid-template-columns:minmax(0,1fr);gap:0;background:none;border:0;align-items:start}.reader.notes-open{--notes-width:292px;grid-template-columns:minmax(0,1fr) 280px;gap:12px}.story{height:calc(min(var(--art-width),100cqw - var(--notes-width) - 252px)*.5625 + 57px);display:grid;grid-template-columns:minmax(0,min(var(--art-width),calc(100% - 250px))) minmax(250px,1fr);grid-template-rows:25px auto minmax(96px,1fr) auto 30px;min-height:360px;border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:none}.scene-top{height:25px;padding:0 14px;grid-column:1/-1;grid-row:1}.scene-stage{grid-column:1;grid-row:2/5;align-self:start;width:100%;aspect-ratio:16/9;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;container-type:size}.scene-stage>.illustration{height:100%;width:100%;aspect-ratio:auto;min-height:0;background:#edf3f4}.scene-stage>.illustration img{object-fit:contain}.scene-stage>.numbers-count,.scene-stage>.numbers-birds{width:min(100%,calc((100cqh - 58px) * 1672 / 941));margin:0 auto}.scene-stage .numbers-single .count-label{height:58px;min-height:58px;padding:10px 0}.scene-stage>.colours-picture,.scene-stage>.colours-car{height:100%;aspect-ratio:auto}.scene-stage>.colours-palette{height:100%;min-height:0;padding:12px;gap:12px}.scene-stage .colours-palette .palette-colour{padding:8px 6px}.scene-stage .colours-palette .paint-cup{width:clamp(64px,calc(20cqw - 46px),88px)}.scene-stage .colours-palette .paint-glass{height:clamp(24px,calc(100cqh - 90px),68px)}.scene-stage .colours-palette .paint-cup>span{font-size:16px}.scene-stage>.colours-mix{height:100%;min-height:0;padding:12px 20px}.scene-stage .colours-mix .paint-equation{margin-bottom:8px}.scene-stage .colours-mix .paint-glass{height:clamp(20px,calc(100cqh - 130px),84px)}.scene-stage .colours-mix .paint-cup>span{font-size:18px}.scene-stage .colours-mix .colour-caption{min-height:32px}.scene-stage .colours-palette .paint-glass i,.scene-stage .colours-mix .paint-glass i{top:18%;height:50%}.scene-stage>.classroom-drawing{height:100%;width:min(100%,calc((100cqh - 44px) * 5 / 3 + 44px));margin:0 auto;display:flex;align-items:center}.scene-stage .classroom-paper{min-height:0}.scene-stage>.school-inventory:not(.school-packed){min-height:100%;padding:16px}.scene-stage .school-inventory:not(.school-packed) .school-sprite{max-width:min(138px,calc(100cqh - 80px))}.scene-stage .school-inventory:not(.school-packed) .school-item-grid[data-count="1"] .school-sprite{max-width:min(220px,calc(100cqh - 80px))}.scene-stage .school-inventory:not(.school-packed) .school-item-grid[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}.scene-stage>.classroom-items{min-height:100%;padding:16px}.scene-stage .classroom-object-image{max-width:min(170px,calc(100cqh - 96px))}.scene-stage .classroom-object-grid[data-count="1"] .classroom-object-image{max-width:min(245px,calc(100cqh - 96px))}.scene-stage .classroom-object-image[data-count="2"]{max-width:min(240px,calc((100cqh - 96px)*2 + 6px));min-height:0}.scene-stage>.school-offer{min-height:100%;padding:16px}.scene-stage .school-offer .school-given-object .school-sprite{max-width:min(180px,calc(100cqh - 92px));margin:auto}.scene-stage>.school-packed{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;align-items:center;min-height:100%;padding:20px}.scene-stage .school-packed .school-bag-row{flex-direction:column;gap:8px;padding:0;text-align:center}.scene-stage .school-packed .school-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.scene-stage .school-packed .school-bag-row b{font-size:17px}.scene-stage .school-packed .school-item-grid[data-count="7"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}.scene-stage .school-packed .school-item-grid[data-count="7"] .school-sprite{max-width:75px}.scene-stage .school-packed .school-item-grid[data-count="7"] .school-object>.school-icon-item{height:75px;max-height:75px;max-width:75px}.scene-stage>.classroom-judgments{min-height:100%;padding:12px;gap:12px;align-content:center}.scene-stage .classroom-judgment{padding:8px}.scene-stage .classroom-clean-picture,.scene-stage .classroom-clean-picture .classroom-targets{min-height:64px}.scene-stage .classroom-clean-picture .classroom-targets .classroom-sprite{width:64px}.scene-stage .classroom-judgment>span{font-size:13px;min-height:26px;margin-top:8px}.scene-stage .judgment-mark{height:24px}.scene-stage .judgment-mark svg{width:22px;height:22px}.scene-stage .classroom-compare-room{grid-template-rows:repeat(3,minmax(64px,calc((100cqh - 120px) / 3)))}.scene-stage .school-desk-view{aspect-ratio:auto;grid-template-rows:repeat(3,minmax(64px,calc((100cqh - 136px) / 3)))}.scene-stage>.numbers-art:not(.numbers-count,.numbers-birds){min-height:100%;display:flex;flex-direction:column;justify-content:center}.scene-stage>.colours-check,.scene-stage>.school-sequence{min-height:100%;align-content:center}.scene-stage>.school-matching,.scene-stage>.classroom-matching{min-height:100%;justify-content:center}.scene-stage .numbers-spots .count-picture{height:210px}.scene-stage .numbers-spots .ladybird{width:200px}.scene-stage .school-match-row,.scene-stage .classroom-match-row{width:100%;max-width:880px;margin-inline:auto}.scene-stage .school-match-row{min-height:128px}.scene-stage .school-person{font-size:18px;flex-wrap:wrap;justify-content:center}.scene-stage .school-person svg{width:54px;height:54px;flex-shrink:0}.scene-stage .school-match-target{justify-content:center;flex-wrap:wrap}.scene-stage .school-match-target .school-sprite{width:110px}.scene-stage .school-match-target>span{font-size:18px}.scene-stage .classroom-match-row{min-height:108px}.scene-stage .classroom-source-group{font-size:18px;flex-direction:column;gap:6px;text-align:center;line-height:1.4}.scene-stage .classroom-group-icons svg{width:44px;height:44px}.scene-stage .classroom-matching .classroom-targets .classroom-sprite{width:min(100px,calc((100% - 7px)/2))}.notes{min-height:0;height:calc(100dvh - 112px);position:sticky;top:0;overflow:hidden;display:none;flex-direction:column;border-left:1px solid var(--line)}.notes-open>.notes{display:flex}.chapters,.reference-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin}.notes-footer{margin-top:0}.mobile-lessons{display:none}.voice-comparison{max-height:100px;overflow:auto;flex-shrink:0}.cast-strip,.word-board{grid-column:2;grid-row:2;height:auto;min-height:40px;padding:0 14px;gap:12px;flex-wrap:wrap;border-left:1px solid var(--line)}.cast{height:40px}.word-board{font-size:16px;padding:10px 14px;gap:8px}.dialogue-panel{grid-column:2;grid-row:3;min-width:0;min-height:96px;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border-left:1px solid var(--line)}.caption{flex:none;min-height:96px;padding:18px;justify-content:flex-start}.caption p{font-size:25px;margin:3px 0}.scene-dialogue{display:block;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 18px 12px}.dialogue-panel.shared-dialogue{display:block}.shared-dialogue>.scene-dialogue{height:auto;overflow:visible}.scene-dialogue h2{font-size:11px;font-weight:500;color:var(--muted);margin:10px 0 8px;padding-top:12px;border-top:1px solid var(--line)}.scene-dialogue ol{list-style:none;padding:0;margin:0}.dialogue-row{padding:10px 12px;border-left:3px solid transparent;border-bottom:1px solid #edf0f2;font-family:Trebuchet MS,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.45;overflow-wrap:anywhere}.dialogue-role{display:block;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:11px;color:#83909a;margin-bottom:3px}.dialogue-row[aria-current]{border-left-color:var(--accent);background:var(--accent-soft);color:#1e664e}.dialogue-row[aria-current] .dialogue-role{color:var(--accent)}.transport{grid-column:2;grid-row:4;padding:12px 14px;border-left:1px solid var(--line)}.controls{margin-top:10px;flex-wrap:wrap;gap:10px}.play-controls{width:100%;justify-content:space-between;gap:2px}.play-controls>.icon{width:29px}.play{min-width:90px;padding:0 10px}.settings{width:100%;justify-content:flex-end;gap:8px}.timeline{gap:6px}.bottom-nav{grid-column:1/-1;grid-row:5;min-height:30px;padding-top:0;padding-bottom:0}.bottom-nav>button{padding:3px 6px}}@media(min-width:1000px)and (max-width:1390px){.workspace{grid-template-columns:220px minmax(0,1fr)}.reader.notes-open{--notes-width:260px;grid-template-columns:minmax(0,1fr) 248px;gap:12px}.caption{padding:16px 18px;min-height:96px}.caption p{font-size:25px}.chapter{font-size:12px}}@media(min-width:1000px)and (max-height:780px){.caption{min-height:96px;padding-top:10px;padding-bottom:10px}.caption p{font-size:24px}.transport{padding-top:8px;padding-bottom:10px}}@media(max-width:999px){.workspace{display:block;min-height:calc(100dvh - 64px)}.library{display:none}main{max-width:920px;padding:24px 24px 8px}.mobile-lessons{display:flex;background:#eaf0ed;margin-bottom:20px}.reader{grid-template-columns:minmax(0,1fr);border:1px solid var(--line);border-radius:6px;overflow:hidden}.notes{background:#fafbfc;border-left:0;border-top:1px solid var(--line)}.chapters,.reference-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.panel-heading,.knowledge{grid-column:1/-1}.scene-stage>.illustration{aspect-ratio:16/9}.caption p{font-size:24px}.transport .icon{width:44px;height:44px}.transport .play{height:44px}.transport .speed select{min-width:44px;min-height:44px}}@media(max-width:650px){.app>header{height:62px;padding:0 18px;gap:12px}.brand{font-size:20px}.edition{border:0;padding:0;font-size:11px}main{padding:20px 0 8px}.lesson-heading{margin-bottom:16px;padding:0 18px;gap:10px}.lesson-heading h1{font-size:22px}.lesson-heading p{font-size:10px}.page-picker{gap:4px;margin-left:4px;font-size:10px}.page-picker select{font-size:11px;padding:5px 3px}.mobile-lessons{margin:0 18px 16px}.reader{display:flex;flex-direction:column;border-left:0;border-right:0;border-radius:0}.story{width:100%}.scene-top{padding:0 18px;font-size:11px;height:36px}.caption{min-height:160px;padding:16px 20px}.caption p{font-size:25px}.caption.narration p{font-size:16px}.cast-strip{padding:0 16px;gap:18px;justify-content:space-around;height:40px}.cast{font-size:12px;gap:4px}.transport{padding:12px 14px 14px}.controls{flex-wrap:wrap;gap:8px}.play-controls{width:100%;justify-content:space-between;gap:4px}.play{min-width:112px;padding:0 11px;font-size:13px}.icon{width:29px}.settings{width:100%;justify-content:flex-end;gap:8px}.speed{gap:0}.speed>span{display:none}.speed select{font-size:11px}.notes{border-top:1px solid var(--line)}.tabs{height:46px;padding:0 20px}.panel-heading{display:none}.chapter{font-size:12px;min-height:78px;padding:10px 8px;gap:6px}.chapter small{font-size:11px}.reference-list{padding:10px}.reference{font-size:13px;padding:12px 7px}.reference small{font-size:11px}.notes-footer{display:none}.bottom-nav{padding:5px 14px}.lesson-footer{margin:0 16px}}.story:fullscreen{width:100%;height:100%;padding:0;background:#fff;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:40px minmax(140px,1fr) auto auto auto auto;overflow:auto;border:0;border-radius:0}.story:fullscreen .scene-stage{grid-column:1;grid-row:2;align-self:stretch;width:auto;aspect-ratio:auto;min-height:0;overflow:auto;background:#edf3f4;container-type:size}.story:fullscreen .scene-top{grid-column:1;grid-row:1;height:40px}.story:fullscreen .cast-strip,.story:fullscreen .word-board{grid-column:1;grid-row:3;border-left:0}.story:fullscreen .dialogue-panel{grid-column:1;grid-row:4;display:block;border-left:0;overflow:visible}.story:fullscreen .scene-dialogue{display:none}.story:fullscreen .caption{border-left:0;justify-content:center}.story:fullscreen .transport{grid-column:1;grid-row:5;border-left:0}.story:fullscreen .bottom-nav{grid-column:1;grid-row:6}.story:fullscreen .controls{flex-wrap:nowrap}.story:fullscreen .play-controls,.story:fullscreen .settings{width:auto}.story:fullscreen .scene-stage>.illustration{height:100%;aspect-ratio:auto}.story:fullscreen .scene-stage>.illustration img{object-fit:contain}.story:fullscreen .scene-stage>.numbers-count,.story:fullscreen .scene-stage>.numbers-birds{width:min(100%,calc((100cqh - 58px) * 1672 / 941));margin:0 auto}.story:fullscreen .numbers-single .count-label{height:58px;min-height:58px;padding:10px 0}.story:fullscreen .scene-stage>.colours-picture,.story:fullscreen .scene-stage>.colours-car{height:100%;aspect-ratio:auto}.story:fullscreen .scene-stage>.classroom-drawing{height:100%;width:min(100%,calc((100cqh - 44px) * 5 / 3 + 44px));margin:0 auto;display:flex;align-items:center}.story:fullscreen .classroom-paper{min-height:0}.story:fullscreen .caption{min-height:112px;padding-left:32px;padding-right:32px}.story:fullscreen .settings>.icon:last-child{display:grid}@media(max-width:650px){.story:fullscreen .controls{flex-wrap:wrap}.story:fullscreen .play-controls,.story:fullscreen .settings{width:100%}.story:fullscreen .scene-stage{display:flex;align-items:safe center;justify-content:center}}@media(min-width:1000px)and (min-aspect-ratio:4/3){.story:fullscreen{grid-template-columns:minmax(0,min(calc((100dvh - 64px) * 16 / 9),calc(100% - 320px))) minmax(320px,1fr);grid-template-rows:32px auto minmax(96px,1fr) auto 32px;overflow:hidden}.story:fullscreen .scene-top{grid-column:1/-1;grid-row:1;height:32px;padding:0 16px}.story:fullscreen .scene-stage{grid-column:1;grid-row:2/5}.story:fullscreen .cast-strip,.story:fullscreen .word-board{grid-column:2;grid-row:2;min-height:42px;border-left:1px solid var(--line);padding-left:20px;padding-right:20px}.story:fullscreen .dialogue-panel{grid-column:2;grid-row:3;display:flex;flex-direction:column;min-height:0;overflow-y:auto;border-left:1px solid var(--line)}.story:fullscreen .dialogue-panel.shared-dialogue{display:block}.story:fullscreen .caption{min-height:112px;padding:20px;justify-content:flex-start}.story:fullscreen .caption p{font-size:28px}.story:fullscreen .caption.narration p{font-size:18px}.story:fullscreen .scene-dialogue{display:block;padding-left:20px;padding-right:20px}.story:fullscreen .transport{grid-column:2;grid-row:4;border-left:1px solid var(--line);padding:14px 20px}.story:fullscreen .controls{flex-wrap:wrap}.story:fullscreen .play-controls{width:100%;justify-content:space-between}.story:fullscreen .settings{width:100%;justify-content:flex-end}.story:fullscreen .bottom-nav{grid-column:1/-1;grid-row:5;min-height:32px;padding:0 16px}}@media(prefers-reduced-motion:reduce){button,a,select{transition:none}}