.experimentGrade3Page{isolation:isolate;grid-template-columns:minmax(0,1fr);grid-template-rows:56px 230px minmax(0,1fr) 288px var(--subject-bar-height,56px);color:#193d6e;gap:10px;width:100%;height:100dvh;padding:20px;font-family:Nunito,Arial,sans-serif;display:grid;position:relative;overflow:hidden}.experimentGrade3Page *,.e3Dialog *{box-sizing:border-box;letter-spacing:0}.experimentGrade3Page:after{content:"";pointer-events:none;z-index:5;border:2px solid #bfd1e8;border-radius:20px;position:absolute;inset:6px}.e3Background{z-index:-1;background:linear-gradient(#99dcf877,#0000 45%),url(/stem-kids/experiment-grade-one/laboratory-v2.webp) top/cover no-repeat;position:absolute;inset:0}.e3Top,.e3Hero,.e3TopicsGrid,.e3Lower,.e3Achievements{grid-column:1;min-width:0;min-height:0}.e3Top{z-index:3;grid-row:1;justify-content:space-between;align-items:start;display:flex;position:relative}.e3TopLeft,.e3TopRight{align-items:start;gap:10px;display:flex}.e3TopLeft>a{color:#fff;background:linear-gradient(#8e6cc9,#5e309c);border:2px solid #fff;border-radius:13px;align-items:center;gap:7px;min-height:42px;padding:7px 14px;font-size:16px;font-weight:900;text-decoration:none;display:flex;box-shadow:0 3px 5px #32597c33}.e3TopLeft .gradeHomeLink{background:linear-gradient(#389f3d,#176f22)}.e3Score{color:#18508c;background:#fffffff2;border:1px solid #d9e7e9;border-radius:14px;align-items:center;gap:19px;padding:7px 14px;display:flex;box-shadow:0 3px 6px #285f7d26}.e3Score>span{text-align:left;grid-template-rows:23px 13px;grid-template-columns:27px auto;gap:0 6px;display:grid}.e3Score svg{color:#e5a60e;grid-row:1/3;align-self:center;width:27px;height:30px}.e3Score strong{font-size:22px;line-height:1.1}.e3Score small{font-size:9px;font-weight:800}.e3Profile{color:#194b83;text-align:left;background:#fffffff2;border:1px solid #d7e5e8;border-radius:14px;align-items:center;gap:7px;max-width:220px;min-height:53px;padding:5px 10px;font-size:11px;font-weight:800;display:flex;box-shadow:0 3px 6px #285f7d26}.e3Profile strong{white-space:nowrap;text-overflow:ellipsis;max-width:135px;display:block;overflow:hidden}.e3Profile .studentAvatar{width:38px;height:38px}.e3Utilities{gap:6px;display:flex;position:absolute;top:65px;right:0}.e3Utilities button{color:#15458a;background:#ffffffef;border:1px solid #c8dae6;border-radius:8px;align-items:center;gap:5px;max-width:125px;padding:5px 8px;font-size:10px;font-weight:900;line-height:1.1;display:flex}.e3Utilities svg{flex-shrink:0;width:20px;height:20px}.e3Hero{z-index:0;grid-row:1/3;grid-template-columns:20% minmax(0,1fr) 20%;gap:8px;margin-bottom:-13px;display:grid}.e3HeroCopy{text-align:center;flex-direction:column;justify-content:space-evenly;align-items:center;gap:5px;min-width:0;padding:2px 0 16px;display:flex}.e3HeroCopy h1{color:#453298;white-space:nowrap;text-shadow:-3px -3px #fff,0 -3px #fff,3px -3px #fff,-3px 0 #fff,3px 0 #fff,-3px 3px #fff,0 3px #fff,3px 3px #fff,0 5px 5px #405a7e33;margin:0;padding-bottom:12px;font-size:76px;font-weight:900;line-height:1.2}.e3HeroCopy h1>span{color:#28842b}.e3Ribbon{clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);color:#fff;background:linear-gradient(#aa70c8,#713ba4);padding:2px 28px;font-size:29px;font-weight:900;line-height:1.2;text-decoration:none}.e3HeroCopy>p{color:#193f8b;margin:0;font-size:21px;font-weight:900;line-height:1.2}.e3Modes{justify-content:center;align-items:center;gap:7px;display:flex}.e3Modes button{color:#fff;white-space:nowrap;background:linear-gradient(#64b248,#238423);border:2px solid #fff;border-radius:13px;justify-content:center;align-items:center;gap:6px;min-height:45px;padding:8px 12px;font-size:15px;font-weight:900;display:flex;box-shadow:inset 0 2px #fff5,0 3px 4px #28597444}.e3Modes svg{width:22px;height:22px}.e3Modes button:nth-child(2){background:linear-gradient(#2a91d0,#075baf)}.e3Modes button:nth-child(3){background:linear-gradient(#ffb34a,#df7a0b)}.e3Modes button:nth-child(4){background:linear-gradient(#aa78d3,#743aa7)}.e3Modes button:nth-child(5){background:linear-gradient(#3e82c9,#153c98)}.e3Modes button:nth-child(6){background:linear-gradient(#37bfc0,#087a84)}.e3Modes button:nth-child(7){background:linear-gradient(#ffcd57,#dca118)}.e3Barsik,.e3Robot{align-self:end;height:calc(100% - 62px);min-height:0;position:relative;overflow:hidden}.e3Robot{height:calc(100% - 98px)}.e3Hero .experimentBarsik[data-mascot],.e3Hero .experimentRobot[data-mascot]{object-fit:contain;object-position:center bottom;width:100%;height:100%;min-height:0;margin:0;display:block}.e3Microscope{object-fit:contain;width:23%;height:36%;position:absolute;bottom:0;right:0}.e3TopicsGrid{z-index:1;grid-row:3;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid;position:relative}.experimentGrade3Page .e3Topic.lessonCard{background:#fffdf4f5;border:2px solid #fff;border-radius:22px;grid-template-rows:48px minmax(0,1fr) 96px 37px;gap:5px;min-width:0;min-height:0;padding:9px;display:grid;box-shadow:0 4px #e4dac355,0 7px 13px #45516e25}.experimentGrade3Page .e3Topic.lessonCard:hover{box-shadow:0 0 0 2px var(--e3-color),0 7px 13px #45516e25;transform:none}.e3Topic h2{color:var(--e3-color);align-items:start;gap:6px;margin:0;font-size:21px;font-weight:900;line-height:1.1;display:flex}.e3Topic h2>span,.e3Task h3 span{color:#fff;background:var(--e3-color);border-radius:50%;flex:0 0 31px;place-items:center;height:31px;font-size:23px;display:grid;box-shadow:inset 0 2px #fff6}.e3Topic h2 svg{width:22px;height:22px}.e3Topic ul{color:#283745;align-self:center;margin:0;padding-left:13px;font-size:14px;font-weight:800;line-height:1.35}.e3Topic li::marker{color:var(--e3-color)}.e3Topic>button,.e3StaticTask>button,.e3Check{background:linear-gradient(color-mix(in srgb,var(--e3-color),white 18%),var(--e3-color));color:#fff;border:1px solid #ffffffe8;border-radius:999px;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;margin:0;padding:4px 7px;font:900 15px/1.1 Nunito,sans-serif;display:flex;box-shadow:inset 0 2px #fff5,0 2px 3px #24375d25}.e3Topic[data-guided=true]{outline-offset:1px;outline:4px solid #f3c524}.e3RobotBooks{object-fit:contain;width:26%;height:21%;position:absolute;bottom:0;left:0}.e3JournalStatus{align-items:center;gap:3px;display:flex}.e3JournalRetry{color:#327b93;background:0 0;border:0;place-items:center;width:15px;height:15px;padding:0;display:grid}.e3JournalRetry svg{width:12px;height:12px}.e3Illustration{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.e3Illustration>img{object-fit:contain;width:100%;height:100%;display:block}.e3MirrorDrawing{width:100%;height:100%;min-height:0}.e3WaterStates{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;height:100%;min-height:0;display:grid}.e3WaterStates figure{grid-template-rows:minmax(0,1fr) 20px;min-height:0;margin:0;display:grid}.e3WaterStates img{object-fit:contain;width:100%;height:100%;min-height:0}.e3WaterStates figcaption{color:#24548e;text-align:center;font-size:14px;font-weight:900}.e3WaterStates figure[data-current=false]{opacity:.3}.e3Lower{z-index:1;grid-row:4;grid-template-columns:minmax(0,1fr) 24%;gap:10px;display:grid;position:relative}.e3Today{grid-template-rows:30px minmax(0,1fr);gap:5px;min-height:0;display:grid}.e3Today>h2{color:#154a88;align-items:center;gap:8px;margin:0;font-size:22px;font-weight:900;display:flex}.e3Today>h2 svg{color:#3197b6;width:25px;height:25px}.e3TaskGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-height:0;display:grid}.e3Task{background:#fffef4f2;border:1px solid #e5dcc7;border-radius:14px;grid-template-rows:37px minmax(0,1fr);gap:5px;min-width:0;min-height:0;padding:7px;display:grid;box-shadow:0 3px 5px #48552b18}.e3Task h3{min-width:0;margin:0;font-size:15px;font-weight:900;line-height:1.15}.e3Task h3>button{width:100%;height:100%;color:var(--e3-color);font:inherit;text-align:left;background:0 0;border:0;align-items:start;gap:5px;padding:0;display:flex}.e3Task h3 span{flex-basis:23px;height:23px;font-size:16px}.e3Task h3 svg{width:17px;height:17px}.e3StaticTask{grid-template-rows:minmax(0,1fr) 30px;gap:5px;min-height:0;display:grid}.e3Aside{grid-template-rows:1fr 1.05fr;gap:7px;min-height:0;display:grid}.e3Observation{background:#faf4ff;border:1px solid #d8cce6;border-radius:13px;grid-template-rows:23px repeat(4,minmax(0,1fr));gap:3px;min-height:0;padding:8px 11px;display:grid}.e3Observation h2{color:#35478a;align-items:center;gap:6px;margin:0;font-size:17px;line-height:1.1;display:flex}.e3Observation h2 svg{width:20px;height:20px}.e3Observation label{white-space:nowrap;align-items:center;gap:5px;min-width:0;font-size:12px;font-weight:800;display:flex}.e3Observation input{color:#253674;background:0 0;border:0;border-bottom:1px solid #8e83a3;border-radius:0;flex:1;width:0;min-width:0;padding:0;font:800 12px Nunito,sans-serif}.e3Safety{background:#fff4e6;border:1px solid #e4d1be;border-radius:13px;grid-template-rows:23px minmax(0,1fr);min-height:0;padding:8px 10px;display:grid;position:relative}.e3Safety h2{color:#bf621c;align-items:center;gap:5px;margin:0;font-size:17px;font-weight:900;display:flex}.e3Safety h2 svg{width:20px;height:20px}.e3Safety ul{align-content:space-evenly;gap:2px;width:78%;min-height:0;margin:0;padding:0;list-style:none;display:grid}.e3Safety li{align-items:center;gap:5px;font-size:11px;font-weight:800;line-height:1.1;display:flex}.e3Safety li svg{color:#cf6754;flex-shrink:0;width:15px;height:15px}.e3Safety li:first-child svg,.e3Safety li:last-child svg{color:#2c9da7}.e3Safety>img{object-fit:contain;width:25%;height:65%;position:absolute;bottom:5px;right:2px}.e3Achievements{color:#fff;z-index:1;background:linear-gradient(#9970cc,#60349c);border:1px solid #fff;border-radius:13px;grid-row:5;align-items:center;gap:12px;min-width:0;padding:3px 10px;display:flex;position:relative}.e3Achievements>strong{white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:900;display:flex}.e3Achievements>strong svg{color:#ffd430;width:25px;height:25px}.e3Achievements>div:not(.e3Encouragement){align-items:center;gap:7px;display:flex}.e3Achievements button{color:#6a65a4;background:#f6f1ff;border:1px solid #c6c5e7;border-radius:6px;align-items:center;gap:5px;max-width:160px;padding:3px 7px;font:900 12px Nunito,sans-serif;display:flex}.e3Achievements button svg{color:#a6a5ae;width:25px;height:25px}.e3Achievements button[data-active=true]{color:#293d8b;background:#fff8c9}.e3Achievements button[data-active=true] svg{color:#e5ac16}.e3Encouragement{color:#297568;background:#f3fcfb;border-radius:9px;align-items:center;gap:8px;min-width:0;height:100%;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:900;display:flex}.e3Encouragement .e3Barsik{flex-shrink:0;align-self:end;width:45px;height:46px;overflow:hidden}.e3Encouragement .experimentBarsik{object-fit:contain;width:100%;height:100%;display:block}.e3Encouragement>svg{color:#44a3c1;flex-shrink:0;width:30px;height:30px}.experimentGrade3Page button,.experimentGrade3Page a,.e3Dialog button{cursor:pointer;font-family:inherit}.experimentGrade3Page button:disabled,.e3Dialog button:disabled{opacity:.5;cursor:default}.experimentGrade3Page button:focus-visible,.experimentGrade3Page a:focus-visible,.experimentGrade3Page input:focus-visible,.experimentGrade3Page select:focus-visible,.e3Dialog button:focus-visible,.e3Dialog input:focus-visible,.e3Dialog select:focus-visible{outline-offset:2px;outline:3px solid #e5b515}.e3Experiment{--e3-color:#2886b6;grid-template-rows:minmax(0,1fr) 42px;gap:10px;min-width:0;min-height:0;display:grid}.e3ExperimentBody{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;min-height:0;display:flex}.e3ExperimentBody>img{object-fit:contain;width:100%;height:160px}.e3Experiment .e3WaterStates{height:210px}.e3Experiment .e3MirrorDrawing{height:230px}.e3Range{color:#244566;flex-direction:column;gap:5px;width:100%;min-width:0;font-size:14px;font-weight:800;line-height:1.1;display:flex}.e3Range>span{justify-content:space-between;align-items:center;gap:5px;display:flex}.e3Range>div{align-items:center;gap:6px;min-width:0;display:flex}.e3Range svg{color:#ecad28;flex-shrink:0;width:22px;height:22px}.e3Range svg:first-child{color:#299dce}.e3Range input{accent-color:#1d99c1;width:100%;min-width:0}.e3Range>div input{flex:1;width:0}.e3FloatObjects{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;height:200px;min-height:0;display:grid}.e3FloatObjects>div{grid-template-rows:minmax(0,1fr) 33px;gap:5px;min-width:0;min-height:0;display:grid}.e3Draggable{touch-action:none;background:0 0;border:0;border-radius:5px;min-width:0;min-height:0;padding:0}.e3Draggable img,.e3Draggable svg{object-fit:contain;width:100%;height:100%}.e3Draggable[aria-pressed=true]{outline:2px solid #e8b83b}.e3FloatObjects select{color:#244766;background:#fffef2;border:1px solid #c6c9b6;border-radius:4px;width:100%;min-width:0;font:800 14px Nunito,sans-serif}.e3DropZones{gap:8px;width:100%;display:flex}.e3DropZones button{color:#2e6f35;background:#f6ffed;border:1px dashed #83af6a;border-radius:5px;flex:1;min-width:0;padding:6px;font:800 16px Nunito,sans-serif}.e3DropZones button:nth-child(2){color:#ad5b39;background:#fff5ea;border-color:#d4b590}.e3MaterialChoices,.e3SoundChoices{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%;height:190px;min-height:0;display:grid}.e3MaterialChoices{padding-top:12px}.e3MaterialChoices>label{grid-template-rows:minmax(0,1fr) 25px;gap:5px;min-width:0;min-height:0;display:grid}.e3MaterialChoices span{min-height:0;transition:transform .2s;display:block}.e3MaterialChoices span img,.e3MaterialChoices span svg{object-fit:contain;color:#6a8491;width:100%;height:100%}.e3MaterialChoices input{accent-color:#399d46;width:23px;height:23px;margin:0 auto}.e3SoundChoices{grid-template-columns:repeat(3,minmax(0,1fr))}.e3SoundChoices>div{grid-template-rows:minmax(0,1fr) 27px;gap:5px;min-width:0;min-height:0;display:grid}.e3SoundChoices button{background:0 0;border:0;border-radius:5px;min-width:0;min-height:0;padding:0;position:relative}.e3SoundChoices button img{object-fit:contain;width:100%;height:100%}.e3SoundChoices button svg{color:#147eb5;background:#fffa;border-radius:50%;width:20px;height:20px;position:absolute;bottom:0;right:0}.e3SoundChoices label{justify-content:center;align-items:center;gap:5px;font-size:15px;font-weight:800;display:flex}.e3SoundChoices input{accent-color:#399d46;width:20px;height:20px}.e3AirOutput{justify-content:center;align-items:center;gap:18px;width:100%;font-size:16px;font-weight:900;display:flex}.e3AirOutput>svg:first-child{color:#3b9eae;width:35px;height:35px}.e3AirOutput>svg:nth-child(2){width:150px;height:40px}.e3AirQuestion{border:1px solid #c0d7df;border-radius:8px;width:100%;padding:12px}.e3AirQuestion legend{font-size:17px;font-weight:800}.e3AirQuestion button{color:#285b75;background:#f5fcff;border:1px solid #c2d2d7;border-radius:6px;margin:0 5px;padding:8px 22px;font:800 17px Nunito,sans-serif}.e3AirQuestion button[aria-pressed=true]{background:#e5f6cf;border-color:#609b48}.e3Check span{justify-content:center;align-items:center;gap:4px;display:flex}.e3Check svg{width:17px;height:17px}.e3Experiment[data-status=correct] .e3Check{background:#409f35;animation:.3s e3Pop}.e3Experiment[data-status=wrong] .e3Check{background:#e99b40;animation:.22s e3Shake}.e3SoundError{color:#8e5a1f;margin:0;font-size:12px}.e3Experiment.isCompact{--e3-color:inherit;grid-template-rows:minmax(0,1fr) 29px;gap:4px}.e3Experiment.isCompact .e3ExperimentBody{grid-template-rows:minmax(0,1fr) 38px;gap:5px;width:100%;display:grid}.e3Experiment.isCompact[data-kind=sound-vibration] .e3ExperimentBody{grid-template-rows:minmax(0,1fr)}.e3Experiment.isCompact .e3WaterStates,.e3Experiment.isCompact .e3MirrorDrawing,.e3Experiment.isCompact .e3FloatObjects,.e3Experiment.isCompact .e3MaterialChoices,.e3Experiment.isCompact .e3SoundChoices{width:100%;height:100%;min-height:0}.e3Experiment.isCompact .e3Range{gap:3px;font-size:10px}.e3Experiment.isCompact .e3Range svg{width:17px;height:17px}.e3Experiment.isCompact .e3FloatObjects{gap:4px}.e3Experiment.isCompact .e3FloatObjects>div{grid-template-rows:minmax(0,1fr) 25px;gap:3px}.e3Experiment.isCompact .e3FloatObjects select{font-size:13px}.e3Experiment.isCompact .e3DropZones{align-self:end;gap:3px}.e3Experiment.isCompact .e3DropZones button{padding:2px 3px;font-size:11px}.e3Experiment.isCompact .e3MaterialChoices{gap:4px}.e3Experiment.isCompact .e3MaterialChoices>label{grid-template-rows:minmax(0,1fr) 23px;gap:3px}.e3Experiment.isCompact .e3MaterialChoices input{width:18px;height:18px}.e3Experiment.isCompact .e3SoundChoices{gap:5px}.e3Experiment.isCompact .e3SoundChoices>div{grid-template-rows:minmax(0,1fr) 23px;gap:3px}.e3Experiment.isCompact .e3SoundChoices button svg{width:16px;height:16px}.e3Experiment.isCompact .e3SoundChoices input{width:18px;height:18px}.e3Observation{position:relative}.e3JournalStatus{color:#438256;font-size:9px;position:absolute;top:6px;right:7px}.e3Dialog{color:#193d6e;background:#fffdf2;border:3px solid #fff;border-radius:22px;width:min(780px,95vw);max-height:90dvh;padding:24px;font-family:Nunito,Arial,sans-serif;overflow:auto;box-shadow:0 15px 65px #173c7855}.e3Dialog::backdrop{background:#13365b88}.e3Dialog>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.e3Dialog>header h2{margin:0;font-size:27px;line-height:1.2}.e3Dialog>header button{color:#26537b;background:#f2faff;border:1px solid #b6d2df;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.e3Dialog>p{font-size:18px;line-height:1.5}.e3Dialog>.e3Illustration{height:250px}.e3Dialog .e3Experiment{min-height:340px}.e3Dialog .e3Check{min-height:42px}.e3ModalActions{justify-content:center;align-items:center;gap:10px;display:flex}.e3ModalActions button,.e3Action{color:#fff;background:#1985b8;border:2px solid #fff;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:9px 17px;font:900 17px Nunito,sans-serif;display:flex}.e3GuideCount{color:#7b4bab;font-weight:900}.e3Dialog .e3Safety{min-height:240px}.e3Dialog .e3Safety h2{font-size:20px}.e3Dialog .e3Safety li{font-size:15px}.e3Dialog .e3Safety li svg{width:20px;height:20px}.e3TestCount{text-align:right}.e3TestModal progress{accent-color:#279cb3;width:100%;height:10px}.e3TestModal h3{text-align:center;font-size:27px}.e3TestOptions{gap:12px;display:flex}.e3TestOptions button{color:#245588;background:#f4faff;border:1px solid #b5d2df;border-radius:10px;flex:1;min-width:0;padding:16px;font:900 20px Nunito,sans-serif}.e3TestModal:has(>svg){text-align:center}.e3TestModal .e3Action,.e3ResultModal .e3Action{margin:auto}.e3ResultNumbers{grid-template-columns:1fr 1fr;gap:10px;font-size:19px;display:grid}.e3ResultModal>ul{grid-template-columns:1fr 1fr;gap:9px;padding:0;list-style:none;display:grid}.e3ResultModal li{align-items:center;gap:5px;font-weight:800;display:flex}.e3ResultModal li svg{color:#389b3d;width:18px;height:18px}.e3ResultModal dl{margin:14px 0}.e3ResultModal dt{font-weight:900}.e3ResultModal dd{overflow-wrap:anywhere;margin:2px 0 12px}.e3ResultMedals{justify-content:center;gap:12px;margin:18px 0;display:flex}.e3ResultMedals span{color:#80829a;align-items:center;gap:4px;font-weight:800;display:flex}.e3ResultMedals span[data-active=true]{color:#956f0c}.e3ResultMedals svg{width:25px;height:25px}.e3Notice{z-index:20;background:#fffae5;border:1px solid #dec26b;border-radius:9px;align-items:center;gap:10px;max-width:90vw;padding:10px 15px;font-weight:800;display:flex;position:fixed;bottom:65px;left:50%;transform:translate(-50%)}.e3Notice button{color:#245588;background:#fff;border:1px solid #bccfd8;border-radius:5px;padding:4px 8px}.e3SoundChoices .isVibrating{animation:80ms linear 8 e3Vibrate}@keyframes e3Vibrate{50%{transform:translate(2px)}}@keyframes e3Pop{50%{filter:brightness(1.15)}}@keyframes e3Shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (max-width:1699px),(max-height:850px){.e3Experiment.isCompact{grid-template-rows:minmax(0,1fr) 24px;gap:3px}.e3Experiment.isCompact .e3ExperimentBody{grid-template-rows:minmax(0,1fr) 31px;gap:3px}.e3Experiment.isCompact .e3Range{gap:2px;font-size:8px}.e3Experiment.isCompact .e3Range svg{width:13px;height:13px}.e3Experiment.isCompact .e3Check{font-size:10px}.e3Experiment.isCompact .e3FloatObjects>div{grid-template-rows:minmax(0,1fr) 23px}.e3Experiment.isCompact .e3DropZones button{font-size:9px}.e3JournalStatus{font-size:7px;top:4px}.experimentGrade3Page{grid-template-rows:42px 164px minmax(0,1fr) 208px var(--subject-bar-height,56px);gap:8px;padding:12px}.e3TopLeft,.e3TopRight{gap:6px}.e3TopLeft>a{border-radius:10px;min-height:33px;padding:5px 9px;font-size:12px}.e3TopLeft svg{width:19px;height:19px}.e3Score{border-radius:11px;gap:12px;padding:5px 9px}.e3Score>span{grid-template-rows:17px 10px;grid-template-columns:21px auto;gap:0 4px}.e3Score svg{width:21px;height:24px}.e3Score strong{font-size:16px}.e3Score small{font-size:7px}.e3Profile{border-radius:11px;min-height:39px;padding:4px 7px;font-size:9px}.e3Profile strong{max-width:100px}.e3Profile .studentAvatar{width:28px;height:28px}.e3Utilities{gap:4px;top:49px}.e3Utilities button{max-width:95px;padding:4px 5px;font-size:8px}.e3Utilities svg{width:15px;height:15px}.e3HeroCopy h1{font-size:50px}.e3Ribbon{padding:1px 22px;font-size:21px}.e3HeroCopy>p{font-size:14px}.e3Modes{gap:5px}.e3Modes button{border-radius:10px;gap:4px;min-height:34px;padding:5px 8px;font-size:11px}.e3Modes svg{width:17px;height:17px}.e3Barsik{height:calc(100% - 45px)}.e3Robot{height:calc(100% - 73px)}.e3TopicsGrid{gap:8px}.experimentGrade3Page .e3Topic.lessonCard{border-radius:18px;grid-template-rows:38px minmax(0,1fr) 62px 28px;gap:4px;padding:6px}.e3Topic h2{gap:4px;font-size:15px}.e3Topic h2>span{flex-basis:24px;height:24px;font-size:18px}.e3Topic ul{padding-left:11px;font-size:10px;line-height:1.3}.e3Topic>button{font-size:11px}.e3WaterStates{gap:4px}.e3WaterStates figure{grid-template-rows:minmax(0,1fr) 15px}.e3WaterStates figcaption{font-size:10px}.e3Lower{gap:8px}.e3Today{grid-template-rows:23px minmax(0,1fr);gap:4px}.e3Today>h2{gap:5px;font-size:16px}.e3Today>h2 svg{width:20px;height:20px}.e3TaskGrid{gap:6px}.e3Task{border-radius:12px;grid-template-rows:28px minmax(0,1fr);gap:3px;padding:5px}.e3Task h3{font-size:11px}.e3Task h3 span{flex-basis:18px;height:18px;font-size:13px}.e3Task h3 svg{width:14px;height:14px}.e3StaticTask{grid-template-rows:minmax(0,1fr) 24px;gap:3px}.e3StaticTask>button{font-size:10px}.e3Aside{gap:5px}.e3Observation{grid-template-rows:18px repeat(4,minmax(0,1fr));gap:2px;padding:5px 7px}.e3Observation h2{gap:4px;font-size:12px}.e3Observation h2 svg{width:15px;height:15px}.e3Observation label,.e3Observation input{font-size:9px}.e3Safety{grid-template-rows:17px minmax(0,1fr);padding:5px 7px}.e3Safety h2{font-size:12px}.e3Safety h2 svg{width:15px;height:15px}.e3Safety li{gap:3px;font-size:8px}.e3Safety li svg{width:11px;height:11px}.e3Achievements{gap:8px;padding:2px 7px}.e3Achievements>strong{gap:4px;font-size:10px}.e3Achievements>strong svg{width:20px;height:20px}.e3Achievements>div:not(.e3Encouragement){gap:5px}.e3Achievements button{gap:3px;padding:2px 5px;font-size:9px}.e3Achievements button svg{width:20px;height:20px}.e3Encouragement{gap:4px;padding:1px 5px;font-size:9px}.e3Encouragement .e3Barsik{width:33px;height:35px}.e3Encouragement>svg{width:22px;height:22px}}@media (max-width:1100px){.e3HeroCopy h1{font-size:38px}.e3HeroCopy>p{font-size:11px}.e3Modes button{gap:3px;padding:5px;font-size:9px}.e3Modes svg{width:14px;height:14px}.e3TopRight .e3Profile>span:not(.studentAvatar){display:none}.e3Topic h2{font-size:12px}.e3Topic ul,.e3Topic>button,.e3Task h3{font-size:9px}.e3Lower{grid-template-columns:minmax(0,1fr) 24%}.e3Observation label,.e3Observation input{font-size:8px}.e3Safety li{font-size:7px}.e3Safety h2{font-size:10px}.e3Achievements button{font-size:8px}.e3Encouragement{max-width:240px;font-size:8px}}@media (max-width:699px){.experimentGrade3Page{grid-template-columns:1000px;overflow-x:auto}.e3Background{width:1024px}.e3Hero .experimentBarsik,.e3Hero .experimentRobot{display:block}}@media (prefers-reduced-motion:reduce){.experimentGrade3Page *,.e3Dialog *{transition:none!important;animation:none!important}}
.mathGrade3Page{isolation:isolate;grid-template-columns:minmax(0,1fr);grid-template-rows:54px 250px minmax(0,1fr) 260px var(--subject-bar-height,56px);color:#173c6a;gap:10px;width:100%;height:100dvh;padding:20px;font-family:Nunito,Arial,sans-serif;display:grid;position:relative;overflow:hidden}.mathGrade3Page *,.m3Dialog *{box-sizing:border-box;letter-spacing:0}.mathGrade3Page:after{content:"";pointer-events:none;z-index:5;border:2px solid #bfd3e8;border-radius:20px;position:absolute;inset:6px}.m3Background{z-index:-1;transform-origin:bottom;background:#70d9f6 url(/stem-kids/math2/background-v1.webp) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.16)}.mathGrade3Page button,.mathGrade3Page a,.m3Dialog button{cursor:pointer;font-family:inherit}.mathGrade3Page button:disabled,.m3Dialog button:disabled{cursor:wait;opacity:.65}.mathGrade3Page :focus-visible,.m3Dialog :focus-visible{outline-offset:3px;outline:3px solid #0a73bd}.m3Top,.m3Hero,.m3TopicsGrid,.m3Lower,.m3Bottom{grid-column:1;min-width:0;min-height:0}.m3Top{z-index:3;pointer-events:none;grid-row:1;justify-content:space-between;align-items:start;display:flex;position:relative}.m3Top button,.m3Top a{pointer-events:auto}.m3TopLeft,.m3TopRight{align-items:start;gap:10px;display:flex}.m3TopLeft>a{color:#fff;background:linear-gradient(#8b6aca,#552a96);border:2px solid #fff;border-radius:13px;align-items:center;gap:7px;min-height:42px;padding:7px 15px;font-size:16px;font-weight:900;text-decoration:none;display:flex;box-shadow:0 3px 5px #245a7a33}.m3TopLeft .gradeHomeLink{background:linear-gradient(#429e3d,#146c29)}.m3Score{color:#174681;background:#fffffff5;border:1px solid #d8e5e8;border-radius:14px;align-items:center;gap:18px;padding:7px 14px;display:flex;box-shadow:0 3px 6px #28597433}.m3Score>span{text-align:left;grid-template-rows:23px 13px;grid-template-columns:29px auto;gap:0 6px;display:grid}.m3Score svg{color:#e5aa15;grid-row:1/3;align-self:center;width:29px;height:30px}.m3Score strong{font-size:22px;line-height:1.1}.m3Score small{font-size:9px;font-weight:800}.m3Profile{color:#194783;text-align:left;background:#fffffff5;border:1px solid #d7e4e8;border-radius:14px;align-items:center;gap:7px;max-width:210px;min-height:51px;padding:5px 10px;font-size:11px;font-weight:800;display:flex}.m3Profile strong{white-space:nowrap;text-overflow:ellipsis;max-width:130px;display:block;overflow:hidden}.m3Profile .studentAvatar{width:37px;height:37px}.m3Utilities{gap:6px;display:flex;position:absolute;top:65px;right:0}.m3Utilities button{color:#184685;background:#fffffff0;border:1px solid #c7dce9;border-radius:8px;align-items:center;gap:5px;max-width:125px;padding:5px 8px;font-size:10px;font-weight:900;line-height:1.1;display:flex}.m3Utilities svg{flex-shrink:0;width:20px;height:20px}.m3Hero{pointer-events:none;grid-row:1/3;grid-template-columns:27% minmax(0,1fr) 22%;margin-bottom:-11px;display:grid}.m3Hero button,.m3Hero a{pointer-events:auto}.m3HeroCopy{text-align:center;flex-direction:column;grid-column:2;justify-content:center;align-items:center;gap:13px;min-width:0;padding-top:16px;display:flex}.m3HeroCopy h1{white-space:nowrap;text-shadow:-3px -3px #fff,0 -3px #fff,3px -3px #fff,-3px 0 #fff,3px 0 #fff,-3px 3px #fff,0 3px #fff,3px 3px #fff,0 5px 5px #255e7e44;margin:0;padding-bottom:7px;font-size:72px;font-weight:900;line-height:1.2}.m3HeroCopy h1>span:first-child{color:#03408e}.m3HeroCopy h1>span:nth-child(2){color:#733ba0}.m3HeroCopy h1>span:nth-child(3){color:#207534}.m3Ribbon{clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);color:#fff;background:linear-gradient(#ae7bca,#7736a1);padding:1px 40px;font-size:30px;font-weight:900;line-height:1.1;text-decoration:none}.m3HeroCopy>p{color:#154080;margin:0;font-size:22px;font-weight:900;line-height:1.2}.m3Modes{justify-content:center;align-items:center;gap:9px;margin-top:12px;display:flex}.m3Modes button{color:#fff;white-space:nowrap;background:linear-gradient(#64b04a,#238326);border:2px solid #fff;border-radius:14px;align-items:center;gap:7px;min-height:48px;padding:8px 15px;font-size:17px;font-weight:900;display:flex;box-shadow:inset 0 2px #fff6,0 4px 5px #245b7a44}.m3Modes svg{width:25px;height:25px}.m3Modes button:nth-child(2){background:linear-gradient(#3d94cf,#0f61ae)}.m3Modes button:nth-child(3){background:linear-gradient(#ffac45,#e8730a)}.m3Modes button:nth-child(4){background:linear-gradient(#aa79d0,#743ca0)}.m3Modes button:nth-child(5){background:linear-gradient(#31b7b6,#087d80)}.m3Barsik{grid-area:1/1;align-self:end;height:calc(100% - 55px);min-height:0;position:relative;overflow:hidden}.m3Barsik>img{object-fit:contain;object-position:center bottom;width:60%;height:100%;display:block}.m3Barsik aside{text-align:center;background:#fffffff2;border:1px solid #d5e7ed;border-radius:20px;width:47%;padding:14px 12px;font-size:13px;font-weight:800;line-height:1.4;position:absolute;top:15%;left:52%;box-shadow:0 4px 5px #28617f22}.m3Barsik aside strong{color:#392287;margin-bottom:5px;font-size:17px;display:block}.m3OpenBook{filter:drop-shadow(0 3px 2px #2c514144);width:23%;height:27%;display:flex;position:absolute;bottom:1%;left:2%;transform:rotate(-12deg)}.m3OpenBook span{background:repeating-linear-gradient(#fffbdc 0 7px,#c4ccb5 8px 9px);border:3px solid #3a6636;border-radius:4px 9px 0 4px;width:50%}.m3OpenBook span+span{border-radius:9px 4px 4px 0}.m3TopicsGrid{z-index:1;grid-row:3;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.mathGrade3Page .m3Topic.lessonCard{background:#fffdf3f7;border:2px solid #fff;border-radius:22px;grid-template-rows:54px minmax(0,1fr) 88px 38px;gap:5px;min-width:0;min-height:0;padding:10px;display:grid;box-shadow:0 4px #fff5,0 7px 12px #40553733}.mathGrade3Page .m3Topic.lessonCard:hover{box-shadow:0 0 0 2px var(--m3-color),0 7px 12px #40553733;transform:none}.m3Topic[data-guided=true]{outline-offset:2px;outline:4px solid #ffd85c}.m3Topic h2{text-align:center;color:var(--m3-color);align-items:start;gap:7px;margin:0;font-size:20px;font-weight:900;line-height:1.13;display:flex}.m3Topic h2>span{background:var(--m3-color);color:#fff;border-radius:50%;flex:0 0 32px;place-items:center;height:32px;font-size:23px;display:grid}.m3Topic h2 svg{width:23px}.m3Topic ul{align-self:center;margin:0;padding-left:15px;font-size:13px;font-weight:800;line-height:1.35}.m3Topic li::marker{color:var(--m3-color)}.m3Topic>button,.m3Check{background:linear-gradient(#ffffff18,#00000015),var(--m3-color,#218241);color:#fff;border:0;border-radius:20px;justify-content:center;align-items:center;min-height:0;padding:3px 8px;font-size:16px;font-weight:900;line-height:1.1;display:flex;box-shadow:inset 0 2px #ffffff3b,0 2px 3px #465b3b22}.m3TopicArt{color:#234557;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:0;display:flex;position:relative}.m3TopicArt img{object-fit:contain;min-width:0;max-width:100%;height:100%}.m3Art0>img{width:47%}.m3Column{text-align:right;font-variant-numeric:tabular-nums;letter-spacing:0;background:#fffdf3;border:1px solid #b8be9f;border-radius:6px;width:max-content;max-width:100%;padding:5px 8px;font-size:24px;font-weight:900;line-height:1.15}.m3Column>div{white-space:pre}.m3ColumnResult{border-top:2px solid #607b68;padding-top:3px}.m3Art1{justify-content:space-around}.m3Apples{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;width:49%;height:90%;display:grid}.m3Apples img{object-fit:contain;width:100%;height:100%}.m3YellowNote{white-space:nowrap;background:#fff0a7;border:1px solid #e5c36d;border-radius:6px;padding:8px;font-size:19px;font-weight:900;line-height:1.6}.m3Art2{flex-direction:column;gap:3px}.m3Art2>p{margin:0;font-size:12px;font-weight:800;line-height:1.3}.m3ProblemDiagram{text-align:center;width:95%;font-size:14px;line-height:1.1;display:grid}.m3ProblemDiagram>b{border-bottom:2px solid #405956}.m3ProblemDiagram>div{justify-content:space-around;display:flex}.m3ProblemDiagram>div>span{border-bottom:1px dashed #5e7164;flex:1}.m3Baskets{gap:6px;margin-top:5px}.m3ProblemDiagram .m3Baskets>span{background:#f6d78c;border:3px double #c28d39;border-radius:3px 3px 45% 45%;flex:1}.m3Art3{grid-template-rows:55% 45%;grid-template-columns:1fr 1fr;gap:3px;display:grid}.m3Art3>*{object-fit:contain;width:100%;height:100%}.m3Weight{color:#233f43;background:linear-gradient(90deg,#708087,#b4c0c4,#64737a);border-radius:12px 12px 4px 4px;place-self:center;place-items:center;max-width:70px;max-height:65px;font-size:21px;display:grid;box-shadow:inset 0 0 0 2px #68777d}.m3Art4{grid-template-rows:minmax(0,1fr) 24px;grid-template-columns:68% 32%;gap:2px;display:grid}.m3RectangleDiagram{grid-template-rows:19px minmax(0,1fr) 19px;grid-template-columns:25px minmax(0,1fr) 25px;place-items:center;width:100%;max-width:240px;height:100%;max-height:160px;font-size:12px;font-weight:800;display:grid}.m3RectangleDiagram>span:first-child{grid-area:1/2}.m3RectangleDiagram>div{background:#94c8d6;border:2px solid #557880;grid-area:2/2;width:100%;max-width:170px;height:100%}.m3RectangleDiagram>span:nth-child(3){grid-area:2/3}.m3RectangleDiagram>span:nth-child(4){grid-area:3/2}.m3RectangleDiagram>span:nth-child(5){grid-area:2/1}.m3Art4 .m3RectangleDiagram>div{background:#f0ad3b;border-color:#c58a28}.m3GeometryShapes{gap:15px;display:grid}.m3GeometryShapes .m2Shape{width:46px;height:46px}.m3PerimeterNote{text-align:center;background:#f5ffd9;border:1px solid #c2d29d;border-radius:4px;grid-column:1/3;margin:0;padding:3px;font-size:11px;font-weight:900}.m3Art5{flex-direction:column;gap:8px}.m3Pattern{text-align:center;white-space:nowrap;background:#fffdf3;border:1px solid #d3c6a1;border-radius:5px;width:100%;padding:5px;font-size:23px;font-weight:900}.m3ShapeRow{justify-content:center;align-items:center;gap:7px;display:flex}.m3ShapeRow .m2Shape{width:25px;height:25px}.m3ShapeRow .m2Shape-square{color:#009cd0}.m3ShapeRow .m2Shape-circle{color:#ed6329}.m3Art5>img{max-width:70%;height:35%}.m3Lower{grid-row:4;grid-template-columns:minmax(0,1fr) 22%;gap:10px;display:grid}.m3Today{grid-template-rows:28px minmax(0,1fr);min-height:0;display:grid}.m3Today>h2{text-shadow:0 2px #fff;align-items:center;gap:8px;margin:0;font-size:22px;font-weight:900;line-height:1.1;display:flex}.m3Today>h2 svg{color:#8b751e;width:23px}.m3TaskGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-height:0;display:grid}.m3Task{background:#fffdf2f5;border:1px solid #e5d8a5;border-radius:18px;grid-template-rows:35px minmax(0,1fr);min-width:0;min-height:0;padding:8px;display:grid;box-shadow:0 4px 8px #4a58352b}.m3Task:nth-child(3){background:#f6effffa}.m3Task:nth-child(4){background:#edfafd}.m3Task h3{margin:0;font-size:12px;line-height:1.2}.m3Task h3 button{text-align:left;width:100%;color:var(--m3-color);background:0 0;border:0;align-items:start;gap:5px;padding:0;font-weight:900;display:flex}.m3Task h3 span{background:var(--m3-color);color:#fff;border-radius:50%;flex:0 0 22px;place-items:center;height:22px;font-size:16px;display:grid}.m3Task h3 svg{width:17px}.m3Exercise{grid-template-rows:minmax(0,1fr) 36px;gap:8px;min-width:0;min-height:0;display:grid}.m3ExerciseBody{flex-direction:column;justify-content:space-evenly;align-items:center;gap:8px;min-width:0;min-height:0;display:flex}.m3Check{min-height:30px;font-size:15px}.m3Check>span{align-items:center;gap:4px;display:flex}.m3Check svg{width:17px;height:17px}.m3Exercise[data-status=wrong] .m3Check{background:#e78a19}.m3Exercise[data-status=correct] .m3Check{background:#258a37}.m3Choices{justify-content:center;gap:6px;display:flex}.m3Choices button,.m3ShapeChoices button{color:#203b50;background:#fffef7;border:1px solid #b9cbd5;border-radius:5px;place-items:center;min-width:36px;min-height:36px;font-size:18px;font-weight:800;display:grid}.m3Choices button[aria-pressed=true],.m3ShapeChoices button[aria-pressed=true]{background:#e2f2c3;outline:2px solid #5f9e29}.m3MultiplicationQuestion{justify-content:center;align-items:center;gap:7px;font-size:25px;display:flex}.m3MultiplicationQuestion svg{color:#e1a011;width:29px;height:55px;transform:rotate(-13deg)}.m3Field{justify-content:center;align-items:center;gap:6px;font-size:17px;font-weight:800;display:flex}.m3Field input{color:#173e63;text-align:center;background:#fffef9;border:1px solid #aabec8;border-radius:5px;width:80px;max-width:100%;min-height:35px;padding:4px;font:900 22px Nunito,sans-serif}.m3Fields{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.m3Digits{justify-content:flex-end;gap:3px;display:flex}.m3Digits input{text-align:center;color:#18466b;background:#fffef5;border:1px solid #b7c7b5;border-radius:3px;width:26px;height:27px;font:900 20px Nunito,sans-serif}.m3LibraryText{margin:0;font-size:11px;font-weight:800;line-height:1.35}.m3SequenceQuestion{white-space:nowrap;background:#fffdf6;border:1px solid #cbbc96;border-radius:5px;margin:0;padding:7px;font-size:23px;font-weight:900}.m3Exercise.isCompact{grid-template-rows:minmax(0,1fr) 28px;gap:4px}.isCompact .m3ExerciseBody{gap:4px}.isCompact .m3Field{gap:4px;font-size:11px}.isCompact .m3Field input{width:48px;min-height:26px;padding:2px;font-size:17px}.isCompact .m3Choices{gap:5px}.isCompact .m3Choices button{min-width:29px;min-height:29px;font-size:16px}.isCompact .m3Check{min-height:26px;font-size:12px}.isCompact .m3RectangleDiagram{max-height:105px}.isCompact .m3ProblemDiagram{font-size:12px}.m3Achievements{background:#eef2ffed;border:1px solid #d7d8eb;border-radius:18px;grid-template-rows:30px 76px minmax(0,1fr);min-height:0;padding:10px 12px 0;display:grid;overflow:hidden;box-shadow:0 4px 8px #37566722}.m3Achievements>h2{text-align:center;margin:0;font-size:18px;font-weight:900;line-height:1.1}.m3Badges{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.m3Badges>div{text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.m3Badges span{color:#fffbd6;opacity:.7;background:#8a8cab;border:4px double #dac75f;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.m3Badges>div[data-earned=true] span{color:#ffde47;opacity:1;background:#55a69a}.m3Badges>div:nth-child(2)[data-earned=true] span{background:#9361c4}.m3Badges>div:nth-child(3)[data-earned=true] span{background:#edaa29}.m3Badges>div:nth-child(4)[data-earned=true] span{background:#4889c2}.m3Badges svg{width:24px;height:24px}.m3Badges b{font-size:10px;line-height:1.2}.m3Robot{grid-template-columns:50% 50%;align-items:end;min-height:0;display:grid;position:relative}.m3Robot>img{object-fit:contain;object-position:center bottom;justify-self:end;width:120%;max-width:none;height:100%}.m3Robot>div{z-index:1;align-self:center}.m3Robot p{color:#1e4c85;background:#fffffff3;border:1px solid #c4dcec;border-radius:12px;margin:0 0 6px;padding:8px;font-size:13px;font-weight:800;line-height:1.25}.m3Robot button{color:#fff;background:linear-gradient(#2690db,#1265b6);border:1px solid #fff;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:900}.m3Bottom{background:linear-gradient(#1c5caa,#123970);border:1px solid #b9daf1;border-radius:26px;grid-row:5;justify-content:space-around;align-items:center;gap:2px;padding:3px 12px;display:flex;box-shadow:0 3px 6px #24476d44}.m3Bottom>a,.m3Bottom>button{color:#fff;white-space:nowrap;background:0 0;border:0;border-right:1px solid #bfd8ee55;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:3px 9px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.m3Bottom svg{flex-shrink:0;width:24px;height:24px}.m3Bottom>.isActive{color:#ffdf62;background:#ffffff0d;border-radius:6px;box-shadow:inset 0 0 0 1px #f5d166}.m3Bottom>button:last-child{border:0;padding:4px}.m3Dialog{color:#183f69;background:#fffdf4;border:2px solid #c5dce7;border-radius:22px;width:min(760px,94vw);max-height:90dvh;padding:24px;font-family:Nunito,Arial,sans-serif;overflow:auto;box-shadow:0 20px 80px #0e3e6666}.m3Dialog::backdrop{background:#12395188}.m3Dialog>header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:12px;display:flex}.m3Dialog h2{margin:0;font-size:27px;line-height:1.2}.m3Dialog>header button{color:#21558c;background:#edf2f6;border:0;border-radius:50%;flex:0 0 34px;place-items:center;height:34px;display:grid}.m3Dialog>p{font-size:19px;line-height:1.5}.m3Dialog .m3TopicArt{max-width:420px;height:210px;margin:12px auto}.m3ModalActions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.m3ModalActions button,.m3Action{color:#fff;background:linear-gradient(#349dd0,#0d69ae);border:1px solid #fff;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:18px;font-weight:900;display:flex}.m3Dialog .m3Exercise{grid-template-rows:minmax(0,1fr) 44px;min-height:300px}.m3Dialog .m3ExerciseBody>p{font-size:19px;line-height:1.4}.m3Dialog .m3RectangleDiagram{height:170px}.m3ShapeChoices{gap:10px;display:flex}.m3ShapeChoices .m2Shape{width:30px;height:30px}.m3ClockTask{align-items:center;gap:20px;display:flex}.m3ClockTask svg{width:155px;height:155px}.m3SideControls{gap:20px;display:flex}.m3SideControls label{font-weight:800;display:grid}.m3GuideCount{text-align:center;color:#7c4aa7;font-weight:900}.m3TestModal progress,.m3ResultModal progress{accent-color:#368e68;width:100%}.m3TestModal h3{text-align:center;font-size:27px}.m3TestOptions{gap:10px;display:flex}.m3TestOptions button{color:#1b5086;background:#f0faff;border:1px solid #accbdc;border-radius:10px;flex:1;padding:18px;font:900 23px Nunito,sans-serif}.m3ResultModal{text-align:center}.m3ResultModal ul{text-align:left;line-height:1.8}.m3Notice{z-index:20;background:#fff6df;border:1px solid #deca6d;border-radius:9px;align-items:center;gap:10px;max-width:90vw;padding:10px 15px;font-weight:800;display:flex;position:fixed;bottom:65px;left:50%;transform:translate(-50%)}.m3Notice button{color:#285d83;background:0 0;border:0}.mathGrade3Page .m3Topic.lessonCard>button{margin:0;padding:3px 8px}.m3HeroCopy>p{line-height:1.4}.m3Yurt{object-fit:contain;grid-area:1/3;place-self:end center;width:64%;height:42%}.m3Balance{width:80%;height:35%}.m3GeometryShapes .m2Shape-square{color:#4e9833}.m3GeometryShapes .m2Shape-triangle{color:#087cb8}.m3RectangleDiagram>div{height:auto;max-height:100%}.mathGrade3Page .m3Topic:last-child>h2{display:block;position:relative}.m3Topic:last-child h2>span{width:32px;position:absolute;top:0;left:0}@media (max-width:1700px),(max-height:950px){.mathGrade3Page{grid-template-rows:42px 168px minmax(0,1fr) 204px var(--subject-bar-height,56px);gap:8px;padding:12px}.m3TopLeft,.m3TopRight{gap:6px}.m3TopLeft>a{border-radius:10px;min-height:32px;padding:5px 9px;font-size:12px}.m3TopLeft svg{width:19px;height:19px}.m3Score{border-radius:10px;gap:12px;padding:5px 9px}.m3Score>span{grid-template-rows:17px 10px;grid-template-columns:22px auto;gap:0 4px}.m3Score svg{width:22px;height:24px}.m3Score strong{font-size:16px}.m3Score small{font-size:7px}.m3Profile{border-radius:10px;min-height:39px;padding:4px 7px;font-size:9px}.m3Profile strong{max-width:95px}.m3Profile .studentAvatar{width:28px;height:28px}.m3Utilities{gap:4px;top:49px}.m3Utilities button{max-width:94px;padding:4px 5px;font-size:8px}.m3Utilities svg{width:15px;height:15px}.m3HeroCopy{gap:8px;padding-top:8px}.m3HeroCopy h1{text-shadow:-2px -2px #fff,0 -2px #fff,2px -2px #fff,-2px 0 #fff,2px 0 #fff,-2px 2px #fff,0 2px #fff,2px 2px #fff,0 4px 3px #245e7b44;padding-bottom:3px;font-size:53px}.m3Ribbon{padding:1px 29px;font-size:23px}.m3HeroCopy>p{font-size:15px}.m3Modes{gap:6px;margin-top:8px}.m3Modes button{border-radius:10px;gap:5px;min-height:36px;padding:5px 9px;font-size:13px}.m3Modes svg{width:20px;height:20px}.m3Barsik{height:calc(100% - 36px)}.m3Barsik aside{border-radius:14px;padding:9px 7px;font-size:10px}.m3Barsik aside strong{margin-bottom:3px;font-size:13px}.m3TopicsGrid{gap:8px}.mathGrade3Page .m3Topic.lessonCard{border-radius:18px;grid-template-rows:45px minmax(0,1fr) 70px 28px;gap:4px;padding:7px}.m3Topic h2{gap:5px;font-size:15px}.m3Topic h2>span{flex-basis:25px;height:25px;font-size:18px}.m3Topic ul{padding-left:11px;font-size:10px;line-height:1.3}.m3Topic>button{font-size:12px}.m3Column{padding:4px 6px;font-size:21px}.m3YellowNote{padding:5px;font-size:14px}.m3Art2>p{font-size:9px}.m3ProblemDiagram{font-size:11px}.m3Weight{max-width:45px;max-height:42px;font-size:16px}.m3Pattern{padding:4px;font-size:18px}.m3GeometryShapes .m2Shape{width:30px;height:30px}.m3PerimeterNote{font-size:8px}.m3ShapeRow{gap:5px}.m3ShapeRow .m2Shape{width:20px;height:20px}.m3Lower{gap:8px}.m3Today{grid-template-rows:24px minmax(0,1fr)}.m3Today>h2{gap:6px;font-size:18px}.m3Today>h2 svg{width:18px}.m3TaskGrid{gap:6px}.m3Task{border-radius:14px;grid-template-rows:29px minmax(0,1fr);padding:6px}.m3Task h3{font-size:10px}.m3Task h3 button{gap:4px}.m3Task h3 span{flex-basis:19px;height:19px;font-size:14px}.m3Task h3 svg{width:14px}.isCompact .m3Check{min-height:24px;font-size:10px}.isCompact .m3Choices{gap:4px}.isCompact .m3Choices button{min-width:24px;min-height:25px;padding:1px 4px;font-size:13px}.isCompact .m3MultiplicationQuestion{gap:4px;font-size:20px}.isCompact .m3MultiplicationQuestion svg{width:24px;height:42px}.isCompact .m3Field{font-size:9px}.isCompact .m3Field input{width:37px;min-height:24px;font-size:15px}.isCompact .m3LibraryText{font-size:9px;line-height:1.3}.isCompact .m3SequenceQuestion{padding:5px;font-size:16px}.isCompact .m3ProblemDiagram{font-size:10px}.isCompact .m3RectangleDiagram{max-height:85px;font-size:9px}.m3Digits input{width:22px;height:24px;font-size:17px}.m3Achievements{border-radius:14px;grid-template-rows:24px 63px minmax(0,1fr);padding:8px 8px 0}.m3Achievements>h2{font-size:14px}.m3Badges{gap:4px}.m3Badges span{width:33px;height:33px}.m3Badges svg{width:19px;height:19px}.m3Badges b{font-size:8px}.m3Robot p{border-radius:9px;margin-bottom:4px;padding:6px;font-size:10px}.m3Robot button{padding:4px 9px;font-size:10px}.m3Bottom{padding:2px 8px}.m3Bottom>a,.m3Bottom>button{gap:5px;min-height:27px;padding:2px 6px;font-size:11px}.m3Bottom svg{width:19px;height:19px}}@media (max-width:1350px){.mathGrade3Page .m3Topic.lessonCard>h2{font-size:13px;line-height:1.15}}@media (max-width:1100px){.m3HeroCopy h1{font-size:40px}.m3HeroCopy>p{font-size:12px}.m3Modes button{gap:4px;padding:5px 6px;font-size:10px}.m3Modes svg{width:17px;height:17px}.mathGrade3Page .m3Topic.lessonCard>h2{gap:4px;font-size:12px}.m3Topic h2>span{flex-basis:23px;height:23px;font-size:17px}.m3Topic ul{font-size:9px}.m3TopRight .m3Profile>span:not(.studentAvatar){display:none}.m3Barsik aside{font-size:8px}.m3Barsik aside strong{font-size:11px}.m3Art2>p{font-size:8px}.m3Column{padding:4px;font-size:17px}.m3YellowNote{padding:4px;font-size:12px}.m3Pattern{font-size:15px}.m3PerimeterNote{font-size:7px}.m3RectangleDiagram{grid-template-columns:20px minmax(0,1fr) 20px;font-size:9px}.m3Task h3{font-size:9px}.isCompact .m3LibraryText{font-size:8px}.isCompact .m3Choices{gap:3px}.isCompact .m3Choices button{min-width:23px;font-size:12px}.isCompact .m3SequenceQuestion{font-size:14px}.m3Achievements>h2{font-size:12px}.m3Badges b{font-size:7px}.m3Robot p{font-size:9px}.m3Bottom>a,.m3Bottom>button{gap:4px;padding:2px 4px;font-size:9px}.m3Bottom svg{width:17px;height:17px}}@media (max-width:699px){.mathGrade3Page{grid-template-columns:1000px;overflow-x:auto}.m3Background{width:1024px}.m3HeroCopy h1{font-size:40px}}@media (max-width:1700px),(max-height:950px){.m3Topic:last-child h2>span{width:25px}}@media (max-width:1100px){.mathGrade3Page .m3Topic:last-child>h2{font-size:11px}.m3Topic:last-child h2>span{width:23px}}@media (prefers-reduced-motion:reduce){.mathGrade3Page *,.m3Dialog *{transition:none!important;animation:none!important}}
.homeClassBadge{vertical-align:middle;color:#fff;white-space:nowrap;background:#7544aa;border:2px solid #fff;border-radius:8px;margin-right:10px;padding:3px 13px;font-size:17px;line-height:1.2;display:inline-block;box-shadow:0 2px 4px #306a8e33}.stemKidsPage .homeClassTagline{-webkit-text-stroke:0;text-shadow:-1px -1px #fff,0 -1px #fff,1px -1px #fff,-1px 0 #fff,1px 0 #fff,-1px 1px #fff,0 1px #fff,1px 1px #fff}.stemKidsPage .bottomNavigation a{color:#fff;border-right:1px solid #ffffff19;justify-content:center;align-items:center;gap:9px;min-width:0;padding:4px 8px;font-size:15px;font-weight:800;line-height:1.15;text-decoration:none;transition:background .15s;display:flex}.stemKidsPage .bottomNavigation a:hover,.stemKidsPage .bottomNavigation a[aria-current=page]{background:#ffffff29;border-radius:12px;box-shadow:inset 0 0 0 1px #fff3}.gradeCover{isolation:isolate;justify-content:center;align-items:center;gap:5px;width:100%;height:100%;padding:6px;display:flex;position:relative;overflow:hidden}.gradeCover img{object-fit:var(--cover-fit,contain);width:100%;min-width:0;height:100%}.gradeCover strong{color:#194c7a;white-space:nowrap;text-shadow:0 1px #fff;font-size:26px;font-weight:900;line-height:1.35}.gradeCover-addition{flex-direction:column;gap:3px}.gradeCover-addition>img{height:60%}.gradeCover-addition>strong{font-size:23px}.coverNumberTiles{color:#446e51;align-items:center;gap:5px;font-size:14px;font-weight:900;display:flex}.coverNumberTiles b{background:#fff8c7;border:1px solid #d8b745;border-radius:4px;padding:1px 7px}.gradeCover-multiplication{flex-direction:column;gap:4px}.coverAppleGroups{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:95%;height:55%;display:grid}.coverAppleGroups>div{background:#ffffe785;border:1px solid #d6ac4d;border-radius:8px;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;display:grid}.coverAppleGroups img{object-fit:contain}.coverEquation{color:#3b5e75;white-space:nowrap;background:#fff9d6;border:1px solid #d1bb74;border-radius:5px;padding:2px 7px;font-size:15px;font-weight:900}.gradeCover-fractions{flex-wrap:wrap;gap:2px}.coverFraction{align-items:center;gap:5px;width:75%;height:70%;display:flex}.coverFraction svg{width:65%;height:100%}.coverFraction b{color:#156bb1;font-size:30px}.gradeCover .coverBooks{width:24%;height:35%;position:absolute;bottom:24%;right:0}.gradeCover-fractions .coverEquation{align-self:end}.gradeCover .coverRobot{object-fit:contain;object-position:center bottom;width:56%;height:100%}.coverProgram{color:#693997;justify-items:center;gap:6px;display:grid}.coverProgram>span{color:#fff;background:#48a5d0;border:2px solid #fff;border-radius:6px;place-items:center;min-width:34px;height:30px;padding:1px 6px;font-size:23px;font-weight:900;display:grid}.coverProgram>span:nth-child(2){background:#72b942}.coverProgram svg{width:34px;height:34px}.coverProgram>b{font-size:16px}.gradeCover-conditions .coverProgram>b{background:#fffb;border:1px solid #c2a4e0;border-radius:5px;padding:3px;font-size:13px}.gradeCover-earth{background:#1e71aa}.gradeCover-earth>img{width:74%;height:90%;position:relative}.coverOrbit,.coverRay{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gradeCover-earth .coverOrbit{z-index:0}.gradeCover-orbits{background:#133c77;padding:0}.gradeCover .coverSpaceBackdrop{object-fit:cover;position:absolute;inset:0}.gradeCover .coverOrbitEarth{z-index:2;width:48%;height:65%;position:relative}.gradeCover-reflection img{width:84%;height:90%}.gradeCover-circuit>img{width:52%;height:95%}.coverCircuit{width:46%;height:90%}@media (min-width:1700px){.stemKidsPage .bottomNavigation a{font-size:17px}.homeClassBadge{font-size:21px}.gradeCover strong{font-size:32px}.coverFraction b{font-size:38px}.coverProgram>b{font-size:21px}}@media (max-width:1199px){.stemKidsPage .bottomNavigation a{font-size:14px}.homeClassBadge{margin-right:7px;padding:2px 9px;font-size:14px}.gradeCover strong,.gradeCover-addition>strong{font-size:19px}.coverFraction b{font-size:25px}.coverEquation{font-size:12px}.coverProgram>b{font-size:13px}.gradeCover-conditions .coverProgram>b{font-size:10px}}@media (max-width:899px){.stemKidsPage .bottomNavigation a{gap:6px;padding-inline:4px;font-size:12px}.homeClassBadge{margin-right:5px;padding:1px 7px;font-size:12px}.gradeCover strong,.gradeCover-addition>strong{font-size:16px}.coverNumberTiles{font-size:11px}.coverFraction b{font-size:21px}.coverProgram svg{width:25px;height:25px}.coverProgram>span{min-width:26px;height:24px;font-size:18px}.coverProgram>b{font-size:11px}.coverAppleGroups{gap:4px}.coverEquation{font-size:10px}}@media (max-width:699px){.stemKidsPage .bottomNavigation a{border:0;gap:4px;padding:2px;font-size:10px}.homeClassBadge{font-size:11px}.gradeCover{gap:2px;padding:3px}.gradeCover strong,.gradeCover-addition>strong{font-size:13px}.coverNumberTiles{gap:2px;font-size:9px}.coverNumberTiles b{padding:0 3px}.coverEquation{padding:1px 3px;font-size:9px}.coverAppleGroups{gap:3px}.coverAppleGroups>div{border-radius:4px;padding:1px}.coverProgram{gap:3px}.coverProgram>span{min-width:22px;height:20px;font-size:15px}.gradeCover-conditions .coverProgram>b{padding:2px;font-size:8px}.coverFraction b{font-size:18px}}@media (max-height:600px) and (min-width:700px){.stemKidsPage .bottomNavigation a{gap:5px;font-size:11px}.homeClassBadge{padding:1px 7px;font-size:11px}.gradeCover strong,.gradeCover-addition>strong{font-size:16px}}@media (min-width:2400px){.stemKidsPage .bottomNavigation a{font-size:23px}.homeClassBadge{font-size:27px}.gradeCover strong{font-size:42px}.coverFraction b{font-size:50px}.coverProgram>span{min-width:50px;height:45px;font-size:32px}.coverProgram svg{width:45px;height:45px}.coverEquation{font-size:25px}}@media (prefers-reduced-motion:reduce){.stemKidsPage .bottomNavigation a{transition:none}}.gradeCover .coverOrbitEarth{object-fit:contain}.coverAppleGroups,.coverAppleGroups>div,.coverAppleGroups img{min-height:0}.gradeCover-multiplication>strong,.gradeCover-multiplication>.coverEquation{flex-shrink:0}.gradeCover-conditions .coverProgram{gap:3px}.gradeCover-conditions .coverProgram svg{width:22px;height:22px}.gradeCover-conditions .coverProgram>b{padding:2px;font-size:12px;line-height:1.2}@media (min-width:1700px){.gradeCover-conditions .coverProgram svg{width:28px;height:28px}}@media (max-width:699px){.stemKidsPage .subject-experiment h2{font-size:13px;line-height:1.2}.gradeCover-addition>strong{font-size:9px}.gradeCover-multiplication>strong{font-size:10px}.coverNumberTiles{display:none}.gradeCover-addition>img{height:73%}.gradeCover .coverRobot{width:68%}.coverProgram svg{width:17px;height:17px}.gradeCover-commands .coverProgram>span:nth-child(n+2),.gradeCover-repeat .coverProgram>span,.gradeCover-conditions .coverProgram>b{display:none}}
:root{--subject-bar-height:56px}.subjectBottomBar.subjectBottomBar{z-index:3;min-width:0;height:var(--subject-bar-height);min-height:var(--subject-bar-height);color:#fff;background:linear-gradient(#8a55b7,#68399b);border:0;border-radius:22px;flex-shrink:0;grid-column:1/-1;width:100%;margin:0;padding:0;display:block;position:relative;box-shadow:0 3px #c2aa6c66}.subjectBottomBar.subjectBottomBar>.subjectBottomBarNav{border-radius:inherit;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px 48px;align-items:stretch;gap:0;padding:4px 6px;display:grid}.subjectBottomBar.subjectBottomBar .subjectBottomBarNav>:is(a,button){color:#fff;letter-spacing:0;white-space:normal;text-align:center;cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff26;border-radius:0;flex-direction:row;grid-area:auto;justify-content:center;align-items:center;gap:9px;min-width:0;min-height:0;margin:0;padding:3px 8px;font:900 15px/1.15 Nunito,Arial,sans-serif;text-decoration:none;display:flex}.subjectBottomBar .subjectBottomBarNav>:last-child{border-right:0}.subjectBottomBar.subjectBottomBar .subjectBottomBarNav svg{width:24px;height:24px;color:inherit;flex-shrink:0}.subjectBottomBar .subjectBottomBarNav>:hover{background:#ffffff18;border-radius:12px}.subjectBottomBar .subjectBottomBarNav>:focus-visible{outline-offset:-2px;border-radius:12px;outline:3px solid #ffe780}.subjectBottomBar .subjectBottomBarNav>:disabled{opacity:.5;cursor:wait}.subjectBottomBar .subjectBottomBarNav>.subjectBarSound[aria-pressed=true]{color:#fff1a3;background:#ffffff18;border-radius:12px}.bodyLessonPage{grid-auto-rows:var(--subject-bar-height);row-gap:10px}.bodyLessonPage>.subjectBottomBar{grid-row:auto}.e3Bottom{grid-row:5}@media (max-width:699px){.subjectBottomBar.subjectBottomBar{max-width:calc(100vw - 24px)}.subjectBottomBar.subjectBottomBar>.subjectBottomBarNav{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) 48px 48px}.subjectBottomBar.subjectBottomBar .subjectBottomBarNav>:is(a,button){gap:5px;padding:3px;font-size:12px}}@media (max-height:600px){:is(.mathGrade2Page,.mathGrade3Page,.experimentGradeOnePage,.experimentGrade3Page,.buildPage){overflow-y:auto}.mathGrade2Page{grid-template-rows:42px 210px minmax(300px, 1fr) 153px var(--subject-bar-height,56px)}.mathGrade3Page{grid-template-rows:42px 168px minmax(300px, 1fr) 204px var(--subject-bar-height,56px)}.experimentGrade3Page{grid-template-rows:42px 164px minmax(300px, 1fr) 208px var(--subject-bar-height,56px)}.experimentGradeOnePage:has(>.subjectBottomBar){grid-template-rows:44px 136px minmax(300px, 1fr) 168px var(--subject-bar-height,56px)}.buildPage{grid-template-rows:var(--build-header) var(--build-hero) minmax(360px, 1fr) minmax(200px, var(--build-lower)) var(--subject-bar-height,56px)}:is(.mathGrade2Page,.mathGrade3Page,.experimentGradeOnePage,.experimentGrade3Page,.buildPage)>.subjectBottomBar{position:sticky;bottom:0}}
.worldGrade4Page{isolation:isolate;color:#133c68;background:#c5e8ed url(/stem-kids/math2/background-v1.webp) 50%/cover;border:7px solid #fff;border-radius:18px;grid-template-rows:56px 230px minmax(0,1fr) 280px 56px;gap:10px;height:100dvh;min-height:0;padding:18px;font-family:Nunito,sans-serif;display:grid;position:relative;overflow:hidden}.worldGrade4Page *{box-sizing:border-box;letter-spacing:0}.worldGrade4Page button,.worldGrade4Page a{font-family:inherit}.worldGrade4Page button{cursor:pointer}.worldGrade4Page button:disabled{cursor:default;opacity:.6}.worldGrade4Page svg{flex-shrink:0}.worldGrade4Page a{color:inherit;text-decoration:none}.worldGrade4Page button:focus-visible,.worldGrade4Page a:focus-visible{outline-offset:2px;outline:3px solid #091e87}.w4Top{z-index:3;justify-content:space-between;align-items:start;display:flex;position:relative}.w4Home,.w4Account{align-items:start;gap:10px;height:100%;display:flex}.w4Home>a,.w4Account>button,.w4Account>a{border:2px solid #fff;border-radius:8px;align-items:center;gap:8px;padding:7px 13px;font-weight:900;display:flex;box-shadow:0 2px 3px #174f6b30}.w4Home>a{color:#fff;background:linear-gradient(#8056c8,#41238a)}.w4Home>.currentGradeBadge{color:#fff;background:linear-gradient(#2d9838,#14631b)}.w4Home svg{width:20px;height:20px}.w4Account{color:#143379}.w4Account>button,.w4Account>a{background:#fffffff2;height:100%;font-size:14px}.w4Account svg{color:#e9a500;width:29px;height:29px}.w4Account span{text-align:left;line-height:1.15;display:grid}.w4Account small{font-size:10px}.w4Account a>span{max-width:160px;overflow:hidden}.w4Account a b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w4Account .studentAvatar{width:40px;height:40px}.w4Utilities{gap:7px;display:flex;position:absolute;top:calc(100% + 7px);right:0}.w4Utilities button{color:#133c68;background:#fffffff0;border:1px solid #c3dbef;border-radius:8px;align-items:center;gap:5px;max-width:120px;padding:5px 8px;font-size:10px;font-weight:900;line-height:1.15;display:flex}.w4Utilities svg{width:21px;height:21px}.w4Hero{min-height:0;position:relative}.w4Barsik{object-fit:contain;object-position:bottom;z-index:1;width:19%;height:118%;position:absolute;bottom:-10px;left:0}.w4Speech{color:#153663;text-align:center;background:#fffffff2;border-radius:8px;width:15%;padding:12px;font-size:13px;font-weight:800;line-height:1.35;position:absolute;top:26%;left:16%;box-shadow:0 2px 5px #2583a61f}.w4Speech:before{content:"";border:8px solid #0000;border-right-color:#fff;position:absolute;bottom:20px;left:-13px}.w4Speech b{color:#09257b;margin-bottom:5px;display:block}.w4HeroCenter{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0 15% 0 29%}.w4Hero h1{color:#0c277a;paint-order:stroke fill;-webkit-text-stroke:6px white;filter:drop-shadow(0 2px 1px #1a537947);margin:0;font-size:56px;font-weight:900;line-height:1.08}.w4Hero h1 span{color:#187c22}.w4Ribbon{color:#fff;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%);background:linear-gradient(#45b92e,#197713);padding:3px 32px;font-size:24px;line-height:1.1}.w4HeroCenter>p{color:#11278e;text-shadow:0 1px #fff;max-width:480px;margin:0;font-size:17px;font-weight:900;line-height:1.2}.w4Modes{justify-content:center;align-self:stretch;gap:7px;display:flex}.w4Modes button{color:#fff;white-space:nowrap;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:9px 10px;font-size:13px;font-weight:900;display:flex;box-shadow:0 3px 3px #26477430}.w4Modes svg{width:22px;height:22px}.w4Mode-0{background:linear-gradient(#76bf36,#268e2e)}.w4Mode-1{background:linear-gradient(#5eb8ec,#1760ab)}.w4Mode-2{background:linear-gradient(#ffc46b,#ee8126)}.w4Mode-3{background:linear-gradient(#aa80d3,#623da4)}.w4Mode-4{background:linear-gradient(#71cbb1,#228b80)}.w4Mode-5{background:linear-gradient(#56bdcd,#157b97)}.w4Eagle{object-fit:contain;width:9%;height:32%;position:absolute;top:30%;right:19%}.w4Yurt{object-fit:contain;object-position:bottom;width:14%;height:56%;position:absolute;bottom:0;right:0}.w4Topics{z-index:2;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;min-height:0;display:grid}.w4Topic,.w4Task{background:linear-gradient(var(--w4Tint),#fffdf3);border:2px solid #fff;border-radius:14px;flex-direction:column;gap:6px;min-width:0;min-height:0;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 4px #52683130}.w4Topic h2,.w4Task h3{min-height:40px;color:var(--w4Color);text-align:center;justify-content:center;align-items:start;gap:6px;margin:0;font-size:18px;font-weight:900;line-height:1.15;display:flex}.w4Topic h2>span,.w4Task h3>span{background:var(--w4Color);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;display:grid}.w4Done{width:13px;height:13px;color:var(--w4Color);position:absolute;top:3px;right:3px}.w4Topic ul{min-height:85px;margin:0;padding-left:13px;font-size:13px;font-weight:800;line-height:1.3}.w4Topic li::marker{color:var(--w4Color)}.w4Topic>button,.w4Task>button{background:linear-gradient(color-mix(in srgb,var(--w4Color),white 15%),var(--w4Color));color:#fff;border:0;border-radius:20px;flex-shrink:0;height:26px;min-height:26px;margin-top:auto;font:900 11px/1 Nunito,sans-serif;box-shadow:inset 0 2px 1px #ffffff50,0 1px 3px #244b5830}.w4Artwork{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.w4Artwork>img{object-fit:contain;width:100%;height:100%;min-height:0}.w4Art-0>img{width:76%}.w4OrganIcons{flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:10%;bottom:10%;right:0}.w4OrganIcons svg{color:#c36a44;width:30px;height:30px}.w4ClimateIcons{z-index:1;justify-content:space-between;display:flex;position:absolute;inset:0 0 auto}.w4ClimateIcons svg{color:#70aaca;width:43px;height:43px}.w4ClimateIcons svg:first-child{color:#ffb500}.w4Art-2>img{align-self:end;height:82%}.w4EnergyArt{grid-template-rows:45% 55%;grid-template-columns:repeat(3,1fr);place-items:center;gap:2px;width:100%;height:100%;display:grid}.w4EnergyArt>svg,.w4EnergyArt>img{object-fit:contain;color:#efa900;width:85%;height:85%}.w4EnergyArt>svg:nth-last-child(2),.w4EnergyArt>svg:last-child{color:#516b72}.w4EnergyArt .engineeringDiagram{width:100%;height:100%}.w4Space{background:#071d45;border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden}.w4Space:before{content:"";background-image:radial-gradient(#ffd864 1px,#0000 1px);background-size:23px 21px;position:absolute;inset:0}.w4Space>.referenceEarth{object-fit:contain;width:70%;height:78%;position:absolute;top:12%;left:8%}.w4Sun,.w4Moon{object-fit:contain;width:25%;height:35%;position:absolute;right:1%}.w4Sun{bottom:0}.w4Moon{top:0}.w4Technology{grid-template-rows:45% 55%;grid-template-columns:repeat(3,1fr);place-items:center;width:100%;height:100%;display:grid}.w4Technology>*{object-fit:contain;width:100%;height:100%}.w4Technology>svg:nth-child(3){color:#6a7971;width:75%;height:75%}.w4Technology>img:last-child{grid-column:1/-1}.w4Lower{grid-template-columns:minmax(0,1fr) 23%;gap:12px;min-height:0;display:grid}.w4Research{flex-direction:column;gap:5px;min-height:0;display:flex}.w4Research>h2{color:#143574;paint-order:stroke fill;-webkit-text-stroke:2px #fff;align-items:center;gap:8px;margin:0;font-size:19px;font-weight:900;line-height:1.2;display:flex}.w4Research>h2 svg{width:25px;height:25px}.w4Tasks{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;min-height:0;display:grid}.w4Task{border-radius:10px;gap:5px;padding:7px}.w4Task h3{text-align:left;justify-content:start;align-items:center;min-height:30px;font-size:13px;line-height:1.2}.w4Task h3>span{width:22px;height:22px;font-size:14px}.w4Task p{text-align:center;min-height:27px;margin:0;font-size:11px;font-weight:800;line-height:1.2}.w4ResearchArt{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.w4ResearchArt>img{object-fit:contain;width:100%;height:100%}.w4ResearchArt>.waterCyclePreview{justify-content:space-between;align-items:center;gap:2px;width:100%;height:100%;display:flex}.w4ResearchArt .waterCyclePreview svg{width:24%;height:70%;max-height:75px}.w4FoodChain{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.w4FoodChain>img{object-fit:contain;width:27%;height:100%}.w4FoodChain>svg{color:#5d8f40;width:11%;height:auto}.w4FoodChain>svg:first-child{width:23%;height:65%}.w4DailyEarth{align-items:center;gap:5px;width:100%;height:100%;display:flex}.w4DailyEarth>.referenceEarth{object-fit:contain;width:65%;height:100%}.w4DailyEarth>svg{color:#ffb800;width:30%;height:70%}.w4Circuit{aspect-ratio:320/170;width:100%;max-height:100%;position:relative}.w4Circuit>svg{width:100%;height:100%;display:block}.w4Projects{background:linear-gradient(#fff6ce,#e7d6a4);border:2px solid #fff;border-radius:9px;min-height:0;padding:8px;position:relative;overflow:hidden}.w4Projects h2{color:#fff;background:linear-gradient(#476ac0,#192c76);border-radius:4px;align-items:center;gap:6px;margin:0 8% 6px 0;padding:5px 8px;font-size:17px;display:flex}.w4Projects h2 svg{width:22px;height:22px}.w4Projects ol{z-index:2;width:67%;margin:0;padding:0;list-style:none;position:relative}.w4Projects li button{text-align:left;color:#273a4d;background:0 0;border:0;align-items:center;gap:5px;padding:3px 0;font-size:12px;font-weight:800;line-height:1.25;display:flex}.w4Projects li svg{color:#b27c16;width:15px;height:15px}.w4AllProjects{z-index:2;color:#fff;background:linear-gradient(#9c79cc,#603c9c);border:1px solid #fff;border-radius:20px;width:63%;height:26px;font:900 11px Nunito,sans-serif;position:absolute;bottom:8px;left:8px}.w4Robot{object-fit:contain;object-position:bottom;bottom:-7%;right:-3%;width:47%!important;height:93%!important;position:absolute!important}.w4Notice{z-index:20;background:#fff;border:2px solid #5b3fa2;border-radius:8px;align-items:center;gap:12px;max-width:90%;margin:0;padding:12px 16px;font-size:14px;font-weight:800;display:flex;position:fixed;bottom:78px;left:50%;transform:translate(-50%)}.w4Notice button{color:#35256c;background:#e9e4ff;border:0;border-radius:5px;padding:5px}.w4Notice svg{width:18px}.w4Dialog{color:#183e60;background:#fffef6;border:3px solid #d3e6ea;border-radius:14px;width:min(780px,94vw);max-width:94vw;max-height:90dvh;margin:auto;padding:20px;font-family:Nunito,sans-serif;overflow:auto;box-shadow:0 20px 80px #102c6f66}.w4Dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102b5a70}.w4Dialog>header{border-bottom:1px solid #d9e7e7;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;padding-bottom:12px;display:flex}.w4Dialog>header h2{margin:0;font-size:24px;line-height:1.2}.w4Dialog>header button{color:#173f73;background:#edf2fa;border:0;border-radius:8px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.w4Dialog button,.w4Dialog input,.w4Dialog select{font-family:inherit;font-size:14px}.w4Dialog button{cursor:pointer}.w4Dialog button:disabled{opacity:.5;cursor:default}.w4Dialog svg{flex-shrink:0;width:22px;height:22px}.w4Dialog button:focus-visible,.w4Dialog select:focus-visible,.w4Dialog input:focus-visible{outline-offset:2px;outline:3px solid #3179cb}.w4Dialog .w4Artwork{flex:none;max-width:350px;height:200px;min-height:200px;margin:0 auto}.w4Dialog .w4Artwork svg{width:60px;height:60px}.w4Dialog .w4EnergyArt>svg{width:85%;height:85%}.w4Dialog .w4OrganIcons svg{width:36px;height:36px}.w4Dialog .w4Technology>svg{width:100%;height:100%}.w4ModalTabs{gap:8px;margin-bottom:15px;display:flex}.w4ModalTabs button,.w4Secondary,.w4Quiet{color:#1b4675;background:#edf4ff;border:1px solid #bdcedb;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-weight:800;display:inline-flex}.w4ModalTabs [aria-pressed=true]{color:#fff;background:#165a9e}.w4Action{color:#fff;background:#238b34;border:1px solid #187125;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 20px;font-weight:900;display:inline-flex}.w4ModelContent{gap:15px;display:grid}.w4Feedback{color:#197e32;min-height:24px;font-weight:900}.w4Model[data-status=wrong] .w4Feedback,.w4Model[data-status=error] .w4Feedback{color:#b54b1b}.w4BodyModel{grid-template-columns:40% 1fr;gap:20px;display:grid}.w4BodyModel>div:last-child{gap:10px;display:grid}.w4BodyModel label,.w4Question,.w4Range{flex-direction:column;gap:7px;font-size:15px;font-weight:900;display:flex}.w4Dialog select{color:#173e68;background:#fff;border:1px solid #c0d5db;border-radius:6px;width:100%;max-width:100%;min-height:40px;padding:7px}.w4Dialog input[type=range]{accent-color:#1577c0;width:100%;min-height:30px}.w4ChoiceBank{flex-wrap:wrap;gap:8px;display:flex}.w4ChoiceBank button,.w4TestAnswers button,.w4ProjectList button{color:#1b4664;background:#fff;border:1px solid #a7c7ca;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:11px 13px;font-weight:800;display:flex}.w4Ordering ol{counter-reset:w4order;gap:5px;padding:0;list-style:none;display:grid}.w4Ordering li{counter-increment:w4order;background:#eef7e9;border-radius:5px;align-items:center;gap:6px;padding:6px;display:flex}.w4Ordering li:before{content:counter(w4order);color:#267c3b;padding:4px;font-weight:900}.w4Ordering li>span{flex:1}.w4Ordering li>button,.w4WireList button{background:#fff;border:1px solid #c1d3dd;border-radius:5px;place-items:center;width:32px;height:32px;display:grid}.w4SafetyNote{background:#fff3c7;border-left:4px solid #e7ab18;margin:0;padding:10px;font-size:14px;font-weight:800}.w4Model .w4Circuit{max-width:500px;margin:auto}.w4Terminal{color:#1c557a;background:#fff;border:2px solid #346b8f;border-radius:50%;width:32px;height:32px;font-weight:900;position:absolute;transform:translate(-50%,-50%)}.w4Terminal[aria-pressed=true]{background:#ffde51}.w4CircuitState{color:#556c76;text-align:center;font-size:20px;font-weight:900}.w4CircuitState[data-lit=true]{color:#218630}.w4WireList{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.w4WireList li{align-items:center;gap:7px;font-size:13px;display:flex}.w4ModelContent>.engineeringDiagram{width:100%;height:220px}.w4Parts{border:1px solid #c4d9cd;border-radius:6px;grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.w4Parts label,.w4Toggle{align-items:center;gap:8px;font-weight:800;display:flex}.w4Parts input,.w4Toggle input{accent-color:#238b34;width:20px;height:20px}.w4LoadResult{background:#eef7e9;padding:10px;font-weight:900}.w4EarthModel{justify-content:space-around;align-items:center;height:240px;display:flex}.w4EarthModel>svg{color:#ffb600;width:95px;height:95px}.w4EarthModel>div{width:220px;height:220px;position:relative}.w4EarthModel .referenceEarth{object-fit:contain;width:100%;height:100%}.w4EarthModel i{background:#ffdf40;border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #162c49}.w4EarthModel .isNight{background:#285dbe}.w4EarthModel>div>span:last-child{text-align:center;font-weight:900;position:absolute;bottom:-10px;left:0;right:0}.w4Observations{flex-wrap:wrap;gap:8px;display:flex}.w4Observations span{color:#667a8a;border:1px solid #c8d5dc;border-radius:6px;align-items:center;gap:5px;padding:7px 12px;display:flex}.w4Observations [data-seen=true]{color:#247d2c;background:#e4f5de}.w4FilterArt{flex-direction:column;align-items:center;gap:6px;height:230px;display:flex}.w4FilterArt>svg{color:#1d9ad2;width:30px;height:30px}.w4FilterArt>div{clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);border:3px solid #80b9ca;border-top:0;flex-direction:column;flex:1;width:180px;display:flex}.w4FilterArt span{flex:1;place-items:center;font-weight:900;display:grid}.filter-gravel{color:#fff;background:#8d9a98}.filter-sand{background:#e0bd5f}.filter-cloth{background:#c3e7f0}.w4Sundial{height:250px;position:relative}.w4Sundial>svg{color:#ffb600;width:45px;height:45px;position:absolute;top:0}.w4Sundial>div{background:#fff0b6;border:3px solid #d8b248;border-radius:50%;width:180px;height:180px;position:absolute;bottom:0;left:calc(50% - 90px)}.w4Sundial i{transform-origin:bottom;background:#6f868b;width:10px;height:75px;position:absolute;bottom:50%;left:calc(50% - 5px)}.w4Sundial b{position:absolute;top:5px;left:calc(50% - 10px)}.w4Sundial span{position:absolute;top:48%;left:5px}.w4Sundial em{font-style:normal;position:absolute;top:48%;right:5px}.w4Windmill{justify-content:space-around;align-items:center;height:240px;display:flex}.w4Windmill>svg{color:#b5bfc8;width:60px;height:60px}.w4Windmill>svg:first-child{color:#329dc2}.w4Windmill .isOn{color:#ffb600}.w4WindmillTower{background:#b5cace;width:15px;height:140px;margin-top:80px;position:relative}.w4Rotor{width:1px;height:1px;animation:4s linear infinite w4Spin;position:absolute;top:-5px;left:7px}.w4Rotor i{transform-origin:50% 100%;background:#2da19d;border:2px solid #18766d;border-radius:20px 20px 4px 4px;width:16px;height:85px;position:absolute;bottom:0;left:-8px}@keyframes w4Spin{to{transform:rotate(360deg)}}.w4TestAnswers,.w4ProjectList{gap:10px;display:grid}.w4TestModal progress{accent-color:#218b37;width:100%}.w4TestModal>svg{color:#f4b000;width:70px;height:70px}.w4ResultNumbers{flex-wrap:wrap;gap:12px;display:flex}.w4ResultNumbers>span{background:#edf6fa;border-radius:6px;align-items:center;gap:6px;padding:12px;font-weight:900;display:flex}.w4ResultModal li{align-items:center;gap:8px;padding:5px;display:flex}.w4LessonModal>.w4Quiet{margin-left:12px}.w4ProjectModal>.w4Secondary{margin-top:15px}@media (max-width:1699px),(max-height:850px){.worldGrade4Page{border-width:5px;grid-template-rows:44px 164px minmax(0,1fr) 202px 56px;gap:8px;padding:12px}.w4Hero h1{-webkit-text-stroke:4px;font-size:42px}.w4HeroCenter{gap:5px}.w4Ribbon{padding:2px 25px;font-size:20px}.w4HeroCenter>p{max-width:330px;font-size:13px}.w4Modes{gap:4px}.w4Modes button{gap:4px;padding:6px 7px;font-size:10px}.w4Modes svg{width:18px;height:18px}.w4Speech{padding:8px;font-size:10px;top:20%}.w4Account>button,.w4Account>a{padding:5px 9px;font-size:11px}.w4Account small{font-size:8px}.w4Account svg{width:25px;height:25px}.w4Home>a{padding:6px 10px;font-size:12px}.w4Account .studentAvatar{width:32px;height:32px}.w4Utilities{gap:5px}.w4Utilities button{max-width:100px;padding:4px 5px;font-size:8px}.w4Utilities svg{width:17px;height:17px}.w4Topics{gap:7px}.w4Topic{border-radius:12px;gap:4px;padding:7px}.w4Topic h2{gap:4px;min-height:35px;font-size:14px}.w4Topic h2>span{width:23px;height:23px}.w4Topic ul{min-height:63px;padding-left:10px;font-size:10px;line-height:1.25}.w4ClimateIcons svg{width:32px;height:32px}.w4OrganIcons svg{width:23px;height:23px}.w4Research>h2{font-size:15px}.w4Research>h2 svg{width:20px;height:20px}.w4Task h3{gap:4px;min-height:27px;font-size:10px}.w4Task h3>span{width:18px;height:18px;font-size:11px}.w4Task p{min-height:23px;font-size:9px}.w4Task{gap:4px;padding:5px}.w4Lower{gap:8px}.w4Projects{padding:6px}.w4Projects h2{margin-bottom:4px;padding:4px 6px;font-size:13px}.w4Projects li button{padding:2px 0;font-size:9px}.w4Projects li svg{width:12px;height:12px}}@media (max-height:740px){.worldGrade4Page{grid-template-rows:40px 140px minmax(0,1fr) 180px 56px;gap:7px;padding:10px}.w4Hero h1{font-size:38px}.w4HeroCenter{gap:4px}.w4Speech{font-size:9px;top:17%}.w4Modes button{padding:5px 6px}.w4Task h3{min-height:24px}.w4Projects li button{font-size:8px}.w4Topic h2{font-size:13px}}@media (min-width:700px) and (max-width:1100px){.w4HeroCenter{inset:0 14% 0 27%}.w4Hero h1{font-size:34px}.w4Speech{width:14%;font-size:9px;left:15%}.w4Modes button{gap:3px;padding:5px 4px;font-size:9px}.w4Modes svg{width:16px;height:16px}.w4Topic h2{min-height:42px;font-size:12px}.w4Topic ul{min-height:66px;font-size:9px}.w4Topic{padding:5px}.w4Task h3{font-size:9px}.w4Task p,.w4Projects li button{font-size:8px}.w4Projects h2{font-size:11px}}@media (max-width:699px){.worldGrade4Page{border-width:3px;border-radius:12px;grid-template-rows:70px 168px minmax(0,1fr) 200px 56px;gap:6px;padding:7px}.w4Top{align-items:start}.w4Home{gap:4px;height:32px}.w4Home>a{gap:3px;padding:5px;font-size:9px}.w4Home svg{width:15px;height:15px}.w4Account{gap:4px;height:32px}.w4Account>button{gap:3px;padding:3px;font-size:9px}.w4Account svg{width:17px;height:17px}.w4Account small{font-size:6px}.w4Account>a{padding:3px}.w4Account>a>span:not(.studentAvatar){display:none}.w4Account .studentAvatar{width:23px;height:23px}.w4Utilities{justify-content:end;top:39px;left:0;right:0}.w4Utilities button{max-width:130px;padding:4px 7px;font-size:9px}.w4Barsik{object-position:bottom left;width:31%;height:87%;bottom:-7px}.w4Speech{display:none}.w4HeroCenter{gap:5px;inset:0 0 0 27%}.w4Hero h1{-webkit-text-stroke:3px;font-size:28px}.w4Ribbon{font-size:16px}.w4HeroCenter>p{max-width:240px;font-size:10px}.w4Modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.w4Modes button{gap:2px;min-height:28px;padding:5px 2px;font-size:8px}.w4Modes svg{width:13px;height:13px}.w4Yurt,.w4Eagle{display:none}.w4Topics{scroll-snap-type:x mandatory;grid-template-columns:repeat(6,150px);padding-bottom:4px;overflow-x:auto}.w4Topic{scroll-snap-align:start;padding:6px}.w4Topic h2{min-height:30px;font-size:12px}.w4Topic ul{min-height:60px;font-size:9px}.w4Lower{grid-template-columns:minmax(0,1fr) 118px;gap:5px}.w4Tasks{scroll-snap-type:x mandatory;grid-template-columns:repeat(5,130px);padding-bottom:3px;overflow-x:auto}.w4Task{scroll-snap-align:start}.w4Research>h2{gap:3px;min-height:24px;font-size:10px}.w4Research>h2 svg{width:16px;height:16px}.w4Projects{padding:4px}.w4Projects h2{gap:2px;margin:0;padding:4px 2px;font-size:9px}.w4Projects h2 svg{width:14px;height:14px}.w4Projects ol{width:100%;margin-top:4px}.w4Projects li button{gap:2px;padding:2px 0;font-size:8px}.w4Projects li svg{width:10px;height:10px}.w4Robot{bottom:20px;right:-12%;width:55%!important;height:40%!important}.w4AllProjects{width:calc(100% - 8px);font-size:9px;bottom:4px;left:4px}.w4Dialog{padding:14px}.w4Dialog>header h2{font-size:20px}.w4BodyModel{grid-template-columns:30% 1fr;gap:8px}.w4BodyModel .w4Artwork{height:220px;min-height:220px}.w4ModalTabs{gap:4px}.w4ModalTabs button{padding:6px;font-size:12px}.w4Parts{grid-template-columns:1fr}.w4EarthModel>div{width:170px;height:170px}.w4EarthModel>svg{width:60px;height:60px}.w4Dialog .w4Artwork{max-width:100%}}@media (max-width:699px) and (max-height:720px){.worldGrade4Page{grid-template-rows:62px 138px minmax(0,1fr) 155px 56px;gap:4px;padding:4px}.w4Hero h1{font-size:24px}.w4HeroCenter>p{font-size:9px}.w4Topic ul,.w4Task p{display:none}.w4Research>h2{font-size:9px}.w4Projects li button{font-size:7px}}@media (prefers-reduced-motion:reduce){.w4Rotor{animation:none}}.w4Hero h1{-webkit-text-stroke-color:white}.w4Topic>button{width:100%;margin:auto 0 0}.w4Topic:hover{transform:none}.w4EnergyArt .referenceDiagram{width:100%;height:100%}.w4ModelContent>.referenceDiagram{width:100%;height:220px}.w4ResearchArt>.worldThreeWaterCycle{justify-content:space-between;align-items:center;gap:0;width:100%;height:100%;display:flex}.w4ResearchArt .worldThreeWaterCycle>div{flex:1;align-items:center;min-width:0;display:flex}.w4ResearchArt .worldThreeWaterCycle svg{width:100%;height:auto}.w4ResearchArt .worldThreeWaterCycle .waterCycleArrow{flex-shrink:0;width:12px}.w4HeroCenter .w4Mode-0{background:linear-gradient(#76bf36,#268e2e)}.w4HeroCenter .w4Mode-1{background:linear-gradient(#5eb8ec,#1760ab)}.w4HeroCenter .w4Mode-2{background:linear-gradient(#ffc46b,#ee8126)}.w4HeroCenter .w4Mode-3{background:linear-gradient(#aa80d3,#623da4)}.w4HeroCenter .w4Mode-4{background:linear-gradient(#71cbb1,#228b80)}.w4HeroCenter .w4Mode-5{background:linear-gradient(#56bdcd,#157b97)}@media (min-width:700px) and (max-height:500px){.worldGrade4Page{border-width:3px;grid-template-rows:32px 78px minmax(0,1fr) 106px 56px;gap:3px;padding:4px}.w4Home>a{padding:3px 6px;font-size:10px}.w4Account>button,.w4Account>a{padding:3px 5px;font-size:9px}.w4Account .studentAvatar{width:24px;height:24px}.w4Utilities{top:36px}.w4Utilities button{padding:2px;font-size:7px}.w4HeroCenter{gap:2px;inset:0 20%}.w4Hero h1{font-size:24px}.w4Ribbon{padding:1px 18px;font-size:12px}.w4HeroCenter>p,.w4Speech{display:none}.w4Modes button{min-height:24px;padding:3px;font-size:8px}.w4Modes svg{width:13px;height:13px}.w4Barsik{width:17%;height:110%}.w4Topics{grid-template-columns:repeat(6,150px);gap:5px;overflow-x:auto}.w4Topic{gap:2px;padding:4px}.w4Topic h2{min-height:25px;font-size:10px}.w4Topic h2>span{width:17px;height:17px}.w4Topic ul{display:none}.w4Topic .w4Artwork{min-height:22px}.w4Research>h2{min-height:16px;font-size:10px;line-height:1}.w4Research>h2 svg{width:16px;height:16px}.w4Tasks{grid-template-columns:repeat(5,130px);overflow-x:auto}.w4Task{gap:2px;padding:3px}.w4Task h3{min-height:17px;font-size:8px}.w4Task h3>span{width:15px;height:15px;font-size:9px}.w4Task p{display:none}.w4Projects{padding:3px}.w4Projects h2{margin:0;padding:2px;font-size:9px}.w4Projects h2 svg{width:12px;height:12px}.w4Projects ol{grid-template-columns:1fr 1fr;gap:0 4px;width:100%;display:grid}.w4Projects li button{gap:1px;padding:1px;font-size:7px}.w4Projects li svg{width:9px;height:9px}.w4Robot{display:none!important}.w4AllProjects{width:calc(100% - 6px);bottom:3px;left:3px}}@media (min-width:700px) and (min-height:501px){.w4HeroCenter{justify-content:flex-start}.w4Hero h1{margin-top:-35px;transform:translate(-8%)}.w4Modes{margin-top:auto;margin-bottom:5px}.w4Barsik{height:108%}.w4Art-0>img{object-fit:cover;object-position:center 12%;width:72%}}@media (min-width:700px) and (min-height:741px) and (max-width:1699px){.worldGrade4Page{grid-template-rows:44px 154px minmax(0,1fr) 180px 56px}}.w4Topic>button:after{content:"";position:absolute;inset:0}.w4Topic:focus-within{outline-offset:1px;outline:3px solid #126fbd}.w4BridgeDrawing{width:100%;height:220px}.w4EcosystemScene{border-radius:6px;width:100%;height:100%;position:relative;overflow:hidden}.w4EcosystemScene img{object-fit:contain;position:absolute}.w4EcosystemScene .w4Habitat{object-fit:cover;object-position:center bottom;width:100%;height:100%;inset:0}.w4HabitatRabbit{width:24%;height:38%;bottom:2%;left:4%}.w4HabitatDeer{width:38%;height:61%;bottom:1%;right:1%}.w4HabitatEagle{width:44%;height:42%;top:1%;right:0}.w4Art-0>img{object-fit:contain}.w4Robot{bottom:0;right:-1%}.worldGrade4Page:before{content:"";z-index:-1;pointer-events:none;background:url(/stem-kids/math2/background-v1.webp) bottom/cover;position:absolute;inset:-25% 0 0}.w4Lower{background:#fffdf4e8}@media (min-width:700px) and (max-width:1100px) and (min-height:501px){.w4Hero h1{margin-top:0;font-size:30px;transform:translate(-5%)}}.w4Account .studentAvatar{flex-shrink:0}@media (max-width:699px){.w4Robot{bottom:28px}.w4Account>a{flex-shrink:0}}.w4Sundial b{top:auto;bottom:5px}.w4Sundial span{left:auto;right:5px}.w4Sundial em{left:5px;right:auto}
:root{--card-action-height:26px}:root body main :is(.subjectCard>.subjectButton,.dailyTaskCard>.dailyButton,.lessonCard>button:not(.natureLessonOpen):not(.buildLessonOpen),.worldTask>button,.worldTwoTask>button,.w4Task>button,.orgTask>button,.ecoTask>button,.familyTask>button,.healthCard>button,.healthTask>button,.referenceDailyCard>button:not(.natureTaskOpen),.referenceDailyCard .referenceDailyCheck>button,.mathDailyTask .mathTaskCheck>button,.m2Task .m2Check,.m3Task .m3Check,.e3Task .e3Check,.e3Task .e3StaticTask>button,.experimentDailyCard .experimentPrimary,.natureLessonCta,.natureTaskCta,.buildLessonCta,.buildTaskCta):not(dialog *){box-sizing:border-box;letter-spacing:0;white-space:normal;text-align:center;justify-content:center;align-self:end;align-items:center;gap:5px;min-width:0;max-width:100%;display:flex;height:var(--card-action-height)!important;min-height:var(--card-action-height)!important;max-height:var(--card-action-height)!important;border-radius:999px!important;margin-block:0!important;padding:0 8px!important;font:900 11px/1 Nunito,Arial,sans-serif!important}:root body main :is(.subjectCard>.subjectButton,.dailyTaskCard>.dailyButton,.lessonCard>button:not(.natureLessonOpen):not(.buildLessonOpen),.worldTask>button,.worldTwoTask>button,.w4Task>button,.orgTask>button,.ecoTask>button,.familyTask>button,.healthCard>button,.healthTask>button,.referenceDailyCard>button:not(.natureTaskOpen),.natureLessonCta,.natureTaskCta,.buildLessonCta,.buildTaskCta):not(dialog *){width:100%}:root body main .subjectCard>.subjectButton:not(dialog *){width:calc(100% - 24px)!important;margin-inline:auto!important}:root body main :is(.natureTaskCta,.buildTaskCta):not(dialog *){padding-inline:3px!important}:root body main :is(.lessonCard>button:not(.natureLessonOpen):not(.buildLessonOpen),.healthCard>button,.healthTask>button,.referenceDailyCheck>button,.mathTaskCheck>button,.m2Task .m2Check,.m3Task .m3Check,.e3Task .e3Check,.natureLessonCta,.buildLessonCta):not(dialog *) svg{flex-shrink:0;width:14px;height:14px}:root body main :is(.m2Task .m2Check,.m3Task .m3Check,.e3Task .e3Check):not(dialog *)>span{justify-content:center;align-items:center;gap:4px;display:flex}
.worldRoadSafetyPage .roadSafetyCard.lessonCard>button:disabled{opacity:.55;cursor:default}.worldRoadSafetyPage .roadSafetyCard.lessonCard{background:#f0fbe8;grid-template-rows:minmax(40px,21%) minmax(0,1fr) auto 26px;gap:4px}.worldRoadSafetyPage .roadSafetyCard.lessonCard>h2{color:#fff;background:#0a9d40;border-radius:16px 16px 0 0;margin-inline:-8px;padding-inline:5px;font-size:18px}.worldRoadSafetyPage .roadSafetyCard.lessonCard .worldLessonNumber{color:#079d3d;background:#f4fff0}.worldRoadSafetyPage .roadSafetyCard.lessonCard>p{text-align:center;color:#0a4b72;margin:0;padding:3px 2px;font-size:11px;font-weight:800;line-height:1.3}.roadSafetyArt{background:#a6def3 url(/stem-kids/illustrations/world/road-safety-reference-v1.png) 50% 48%/auto 184% no-repeat;border-radius:8px;min-width:0;min-height:0}.worldNaturePage .roadSafetyCard>.roadSafetyArt{background:#a6def3 url(/stem-kids/illustrations/world/road-safety-reference-v1.png) 50% 48%/auto 184% no-repeat}.roadSafetyDialog{box-sizing:border-box;color:#0b3b66;background:#f9fff6;border:3px solid #b6dcb5;border-radius:12px;width:min(900px,94vw);max-width:94vw;max-height:90dvh;margin:auto;padding:20px;font-family:Nunito,Arial,sans-serif;overflow:auto;box-shadow:0 16px 60px #143d4555}.roadSafetyDialog::backdrop{background:#153a5466}.roadSafetyDialog *{box-sizing:border-box;letter-spacing:0}.roadSafetyDialog>header{border-bottom:1px solid #c9dfd0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:12px;display:flex}.roadSafetyDialog h2{margin:0;font-size:24px;line-height:1.2}.roadSafetyDialog>header button{color:#154b5b;background:#e4f3ee;border:0;border-radius:7px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.roadSafetyDialog button{cursor:pointer;font-family:inherit}.roadSafetyDialog button:disabled{opacity:.6;cursor:default}.roadSafetyDialog button:focus-visible{outline-offset:2px;outline:3px solid #125e94}.roadSafetyIntro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.roadSafetyIntro>.roadSafetyArt{min-height:225px}.roadSafetyIntro h3{color:#078640;align-items:center;gap:8px;margin:0 0 8px;font-size:22px;display:flex}.roadSafetyIntro p,.roadSafetyIntro li{font-size:15px;line-height:1.4}.roadSafetyIntro ul{margin:12px 0 0;padding-left:20px}.roadSafetyIntro li{margin-block:7px}.roadSafetyQuiz{border-top:1px solid #c7dfd1;grid-template-columns:90px minmax(0,1fr);gap:20px;margin-top:18px;padding-top:20px;display:grid}.roadSafetyQuiz h3{margin:5px 0 12px;font-size:20px;line-height:1.3}.roadSafetyQuestionNumber{color:#347775;margin:0;font-size:13px;font-weight:900}.roadSafetySignal{background:#17262c;border:4px solid #3f5058;border-radius:15px;align-self:start;gap:12px;padding:12px;display:grid}.roadSafetySignal>span{aspect-ratio:1;background:#555f66;border-radius:50%;place-items:center;display:grid}.roadSafetySignal>span>svg{color:#849498;width:30px;height:30px}.roadSafetySignal[data-signal=red]>span:first-child{background:#f32e27;box-shadow:0 0 12px #f5342c66}.roadSafetySignal[data-signal=green]>span:last-child{background:#15be55;box-shadow:0 0 12px #15be5566}.roadSafetySignal[data-signal=green]>span:last-child>svg{color:#fff}.roadSafetyChoices{gap:8px;display:grid}.roadSafetyChoices>button{text-align:left;color:#0d4369;background:#fff;border:2px solid #bddae0;border-radius:8px;min-width:0;min-height:42px;padding:10px 12px;font-size:16px;font-weight:800;line-height:1.25}.roadSafetyChoices>button[aria-pressed=true]{background:#def7cb;border-color:#109748}.roadSafetyFeedback{color:#15794d;min-height:23px;margin:10px 0;font-size:14px;font-weight:800}.roadSafetyPrimary,.roadSafetyResult>button{color:#fff;background:#0b9a43;border:1px solid #75ba89;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 16px;font-size:16px;font-weight:900;display:inline-flex}.roadSafetyPrimary svg,.roadSafetyResult>button svg{width:20px;height:20px}.roadSafetyResult{text-align:center;padding:20px}.roadSafetyResult>svg{color:#129b4c;width:55px;height:55px}.roadSafetyResult h3{font-size:22px}.roadSafetyResult p{font-size:16px}@media (min-width:700px) and (max-width:1199px){.worldRoadSafetyPage .roadSafetyCard.lessonCard{grid-template-rows:minmax(0,1fr) 26px;grid-template-columns:38% minmax(0,1fr);gap:4px 6px;padding:6px}.worldRoadSafetyPage .roadSafetyCard.lessonCard>h2{color:#078632;background:0 0;border-radius:0;grid-area:1/2;margin:0;padding:0;font-size:14px}.worldRoadSafetyPage .roadSafetyCard.lessonCard>.roadSafetyArt{grid-area:1/1}.worldRoadSafetyPage .roadSafetyCard.lessonCard>p{display:none}.worldRoadSafetyPage .roadSafetyCard.lessonCard>button{grid-area:2/1/auto/3}}@media (max-width:699px){.worldRoadSafetyPage .roadSafetyCard.lessonCard{grid-template-rows:minmax(0,1fr) 26px;grid-template-columns:38% minmax(0,1fr);gap:3px 4px;padding:4px}.worldRoadSafetyPage .roadSafetyCard.lessonCard>h2{color:#078632;background:0 0;border-radius:0;grid-area:1/2;margin:0;padding:0;font-size:12px}.worldRoadSafetyPage .roadSafetyCard.lessonCard>.roadSafetyArt{grid-area:1/1}.worldRoadSafetyPage .roadSafetyCard.lessonCard>p{display:none}.worldRoadSafetyPage .roadSafetyCard.lessonCard>button{grid-area:2/1/auto/3}.roadSafetyDialog{padding:13px}.roadSafetyDialog h2{font-size:20px}.roadSafetyIntro{grid-template-columns:minmax(0,1fr);gap:12px}.roadSafetyIntro>.roadSafetyArt{min-height:145px}.roadSafetyIntro p,.roadSafetyIntro li{font-size:13px}.roadSafetyIntro h3{font-size:18px}.roadSafetyQuiz{grid-template-columns:56px minmax(0,1fr);gap:10px;margin-top:12px;padding-top:12px}.roadSafetySignal{border-width:3px;gap:8px;padding:6px}.roadSafetySignal>span>svg{width:22px;height:22px}.roadSafetyQuiz h3{font-size:16px}.roadSafetyChoices>button{min-height:38px;padding:8px;font-size:13px}.roadSafetyFeedback{font-size:12px}}@media (min-width:700px) and (max-height:560px){.worldRoadSafetyPage .roadSafetyCard.lessonCard{grid-template-rows:34px minmax(0,1fr) 26px;grid-template-columns:minmax(0,1fr);gap:3px;padding:3px}.worldRoadSafetyPage .roadSafetyCard.lessonCard>h2{grid-area:1/1;font-size:11px}.worldRoadSafetyPage .roadSafetyCard.lessonCard>.roadSafetyArt{grid-area:2/1}.worldRoadSafetyPage .roadSafetyCard.lessonCard>p{display:none}.worldRoadSafetyPage .roadSafetyCard.lessonCard>button{grid-area:3/1}}
.worldLessonCarousel{z-index:1;min-width:0;min-height:0;position:relative}.worldRoadSafetyPage .worldLessonCarouselTrack{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;border-radius:23px;grid-template-rows:minmax(0,1fr);grid-template-columns:none;grid-auto-columns:calc(16.6667% - 10px);grid-auto-flow:column;gap:12px;width:100%;height:100%;display:grid;overflow:auto hidden}.worldLessonCarouselTrack::-webkit-scrollbar{display:none}.worldLessonCarouselTrack:focus-visible{outline-offset:2px;outline:3px solid #075b9d}.worldLessonCarouselTrack>.lessonCard{scroll-snap-align:start;min-width:0;scroll-margin-inline:0}.worldCarouselArrow{z-index:3;color:#fff;cursor:pointer;background:#7547b3;border:2px solid #fff;border-radius:8px;place-items:center;width:32px;height:44px;padding:2px;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 6px #254e6f55}.worldCarouselPrevious{left:-22px}.worldCarouselNext{right:-22px}.worldCarouselArrow>svg{width:26px;height:26px}.worldCarouselArrow:hover:not(:disabled){background:#59328d}.worldCarouselArrow:disabled{opacity:.4;cursor:default}.worldCarouselArrow:focus-visible{outline-offset:2px;outline:3px solid #003d80}@media (min-width:1200px) and (max-width:1599px){.worldLessonCarouselTrack>.worldLesson:nth-child(6) .worldLessonTitle{font-size:min(1em,18px)}}@media (min-width:700px) and (max-width:1199px){.worldRoadSafetyPage .worldLessonCarouselTrack{grid-auto-columns:calc(33.3333% - 5.33333px);gap:8px}}@media (max-width:699px){.worldRoadSafetyPage .worldLessonCarouselTrack{border-radius:16px;grid-auto-columns:82%;gap:10px}.worldCarouselPrevious{left:2px}.worldCarouselNext{right:2px}.worldCarouselArrow{width:28px;height:38px;box-shadow:0 2px 5px #254e6f66}}@media (max-width:1199px){.worldRoadSafetyPage .worldLessonCarouselTrack>.worldLesson.lessonCard{border-radius:18px;grid-template-rows:minmax(42px,20%) minmax(0,1fr) 26px;grid-template-columns:minmax(0,1fr);gap:4px;padding:0 7px 7px}.worldRoadSafetyPage .worldLessonCarouselTrack>.worldLesson.lessonCard>h2{text-align:center;grid-area:1/1;justify-content:center;padding:5px 0;font-size:18px}.worldRoadSafetyPage .worldLessonCarouselTrack>.worldLesson.lessonCard>.worldArtwork{grid-area:2/1}.worldRoadSafetyPage .worldLessonCarouselTrack>.worldLesson.lessonCard>button{grid-area:3/1}.worldRoadSafetyPage .worldLessonCarouselTrack>.roadSafetyCard.lessonCard{grid-template-rows:minmax(42px,20%) minmax(0,1fr) auto 26px}.worldRoadSafetyPage .worldLessonCarouselTrack>.roadSafetyCard.lessonCard>h2{color:#fff;background:#0a9d40;margin-inline:-7px;padding-inline:5px}.worldRoadSafetyPage .worldLessonCarouselTrack>.roadSafetyCard.lessonCard>p{grid-area:3/1;display:block}.worldRoadSafetyPage .worldLessonCarouselTrack>.roadSafetyCard.lessonCard>button{grid-row:4}}@media (max-width:699px) and (max-height:720px){.worldRoadSafetyPage .worldLessonCarouselTrack>.worldLesson.lessonCard>h2{font-size:16px}.worldRoadSafetyPage .worldLessonCarouselTrack>.roadSafetyCard.lessonCard>p{font-size:10px}}@media (min-width:700px) and (max-height:560px){.worldRoadSafetyPage .worldLessonCarouselTrack{grid-auto-columns:220px;gap:10px}.worldRoadSafetyPage .worldLessonCarouselTrack>.worldLesson.lessonCard{grid-template-rows:34px minmax(0,1fr) 26px;gap:3px;padding:3px}.worldRoadSafetyPage .worldLessonCarouselTrack>.worldLesson.lessonCard>h2{grid-row:1;font-size:11px}.worldRoadSafetyPage .worldLessonCarouselTrack>.roadSafetyCard.lessonCard>p{display:none}.worldRoadSafetyPage .worldLessonCarouselTrack>.roadSafetyCard.lessonCard>button{grid-row:3}}
.experimentGradeOnePage.experimentReferenceV3{height:100dvh}.experimentReferenceV3 .experimentLessonCard>button,.experimentReferenceV3 .experimentModesBar>button{touch-action:manipulation}@media (min-width:700px) and (max-height:700px){.experimentGradeOnePage.experimentReferenceV3{grid-template-rows:40px 116px minmax(204px, 1fr) 136px var(--subject-bar-height,56px);--mascot-row-gap:6px;gap:6px;padding:8px;overflow-y:auto}.experimentReferenceV3 .experimentHeroCopy{gap:3px;padding:0 0 3px}.experimentReferenceV3 .experimentHeroCopy h1{font-size:38px}.experimentReferenceV3 .experimentHeroCopy>p{font-size:12px;display:block}.experimentReferenceV3 .experimentGradeRibbon{font-size:19px}.experimentReferenceV3 .experimentModesBar>button{min-height:34px;padding:5px 12px}.experimentReferenceV3 .experimentBarsik[data-mascot]{height:calc(100% - 40px)}.experimentReferenceV3 .experimentRobot[data-mascot]{height:calc(100% - 55px)}.experimentGradeOnePage.experimentReferenceV3 .experimentLessonCard.lessonCard{grid-template-rows:34px minmax(48px,1fr) 60px 26px;gap:4px;padding:6px}.experimentGradeOnePage.experimentReferenceV3 .experimentLessonCard.lessonCard>h2{font-size:14px}.experimentReferenceV3 .experimentLessonCard>ul{font-size:10px;line-height:1.25;display:block}.experimentReferenceV3 .experimentBottomBand{grid-template-columns:minmax(0,1fr) minmax(210px,21%)}.experimentReferenceV3 .experimentSafety{display:grid}.experimentReferenceV3 .experimentDaily{grid-template-rows:22px minmax(0,1fr)}.experimentReferenceV3>.subjectBottomBar{position:sticky;bottom:0}}
@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(../media/nunito-latin-400-normal.2wff0v25g527h.woff2)format("woff2"),url(../media/nunito-latin-400-normal.33h-ag0t_keoe.woff)format("woff")}
@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(../media/nunito-latin-700-normal.3_3w32ku8mlvo.woff2)format("woff2"),url(../media/nunito-latin-700-normal.1o-18nuhd5q9g.woff)format("woff")}
@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(../media/nunito-latin-800-normal.0fk28i9bscp4k.woff2)format("woff2"),url(../media/nunito-latin-800-normal.1sn9ps1hnuqka.woff)format("woff")}
@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(../media/nunito-latin-900-normal.2c46_n4vvq9yt.woff2)format("woff2"),url(../media/nunito-latin-900-normal.0r6z-4-l2n306.woff)format("woff")}
@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(../media/nunito-cyrillic-400-normal.2fhf4tjryop4g.woff2)format("woff2"),url(../media/nunito-cyrillic-400-normal.35pec8vrzr59z.woff)format("woff")}
@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(../media/nunito-cyrillic-700-normal.1dcapcdesix5f.woff2)format("woff2"),url(../media/nunito-cyrillic-700-normal.09aln9gqa4-sv.woff)format("woff")}
@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(../media/nunito-cyrillic-800-normal.3a5-2ms38xef5.woff2)format("woff2"),url(../media/nunito-cyrillic-800-normal.1j_8f2kdhhmkc.woff)format("woff")}
@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(../media/nunito-cyrillic-900-normal.3y3wpjnwrxm1u.woff2)format("woff2"),url(../media/nunito-cyrillic-900-normal.03eghwhx0kp70.woff)format("woff")}
@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(../media/nunito-cyrillic-ext-400-normal.09bu8y7051xqk.woff2)format("woff2"),url(../media/nunito-cyrillic-ext-400-normal.12lf5xdeulc0-.woff)format("woff")}
@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(../media/nunito-cyrillic-ext-700-normal.30frlmeleydpu.woff2)format("woff2"),url(../media/nunito-cyrillic-ext-700-normal.2wr4vis-nn8li.woff)format("woff")}
@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(../media/nunito-cyrillic-ext-800-normal.0srdi9hrwdmuv.woff2)format("woff2"),url(../media/nunito-cyrillic-ext-800-normal.3lkxo2w5au4df.woff)format("woff")}
@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(../media/nunito-cyrillic-ext-900-normal.3g9ee0qa4yitf.woff2)format("woff2"),url(../media/nunito-cyrillic-ext-900-normal.003cznhz7h0-v.woff)format("woff")}
.gradeAccessPage{color:#163b65;background:#eaf5fc;flex-direction:column;gap:20px;height:100dvh;padding:18px;display:flex;position:relative;overflow:auto}.gaPageHeader{flex-wrap:wrap;align-items:center;gap:20px;display:flex;position:relative}.gaPageHeader h1{margin:0;font-size:26px}.gaPageHeader>span{margin-left:auto;font-size:13px}.gaPageBody{gap:22px;width:100%;max-width:1200px;margin:auto;display:grid;position:relative}.gaCards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.gaCard{color:#18446b;background:#fff;border:1px solid #c5ddeb;border-radius:8px;flex-direction:column;gap:16px;min-width:0;padding:18px;display:flex}.gaCard header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gaCard h2{margin:0;font-size:22px}.gaCard header strong{width:100%;font-size:14px}.gaCard p{font-size:14px}.gaCard dl,.gaAdminRow dl{gap:8px;margin:0;display:grid}.gaCard dt,.gaAdminRow dt{color:#50687c;font-size:12px}.gaCard dd,.gaAdminRow dd{overflow-wrap:anywhere;margin:0;font-size:14px}.gaCard .lessonPrimary{justify-content:center;margin-top:auto;font-size:14px}.gaCard .lessonPrimary svg{width:18px;height:18px}.gaLocked header svg{color:#697e90}.gaOpen header svg{color:#109048}.gaContact{color:#617b8c;margin-top:auto;font-size:13px}.gaCard[aria-current=true]{outline:3px solid #078ed8}.gaAdminDialog{width:min(820px,94vw);max-width:94vw;max-height:94dvh;overflow:auto}.gaAdminRows{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.gaAdminRow{border:1px solid #d5dfec;border-radius:8px;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.gaAdminRow header{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.gaAdminRow header span{font-size:13px}.gaAdminActions{gap:8px;margin-top:auto;display:flex}.gaAdminActions button{color:#12467a;font:inherit;background:#eef7ff;border:1px solid #c5d3e6;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13px;display:flex}.gaAdminActions svg{flex-shrink:0;width:18px;height:18px}.gaAdminActions button:disabled{opacity:.5}.gaConfirmation{background:#f5edff;border:1px solid #b394e0;border-radius:8px;margin:12px 0;padding:12px}.gaConfirmation button{margin-right:10px}.gaHomeAccess{height:100%;padding:6px;overflow:auto}.gaHomeAccess .gaCards{height:100%}.stemKidsPage.gaHomeLocked .subjectsSection{grid-row:3/5}.stemKidsPage.gaHomeLocked .dailySection{display:none}.gaExpiry{text-align:right;color:#163b65;background:#ffffffed;border-radius:4px;flex-shrink:0;padding-inline:8px;font-size:12px;line-height:20px;display:block;position:relative}.stemKidsPage .subjectsSection.gaHasExpiry{flex-direction:column;gap:4px;display:flex}.gaHasExpiry .subjectsGrid{flex:1;width:100%;min-height:0}.gaProfileAccess{align-items:center;gap:6px;display:inline-flex}.gaProfileAccess svg{width:18px;height:18px}.gaAdminHint{color:#52667b;font-size:13px}.gaAdminDialog>p{overflow-wrap:anywhere}.gaAdminActions{flex-wrap:wrap}.gaAdminActions button{min-height:40px}.gaAdminActions button:first-child{flex:1}.gaConfirmation dl{flex-wrap:wrap;gap:14px;margin:12px 0;display:flex}.gaConfirmation dt{color:#52667b;font-size:12px}.gaConfirmation dd{margin:0;font-size:14px}.gaConfirmation .authPrimary{width:auto;min-width:150px;display:inline-flex}.gaConfirmation .authSecondary{display:inline-flex}.gaAdminNotice{color:#136b3b;min-height:20px;font-size:14px}.gaHistoryHeader{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.gaHistoryHeader h3{align-items:center;gap:6px;margin:0 auto 0 0;font-size:16px;display:flex}.gaHistoryHeader label{align-items:center;gap:6px;font-size:13px;display:flex}.gaHistoryHeader select{color:#18446b;background:#fff;border:1px solid #bdcfdf;border-radius:4px;max-width:140px;padding:8px}.gaHistoryHeader button svg{width:18px;height:18px}.gaHistoryScroll{max-height:300px;margin-top:10px;overflow:auto}.gaHistoryTable{border-collapse:collapse;text-align:left;width:100%;font-size:12px;line-height:1.5}.gaHistoryTable th{z-index:1;background:#edf5fb;position:sticky;top:0}.gaHistoryTable th,.gaHistoryTable td{vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #d6e4f0;min-width:100px;padding:9px}.gaHistoryTable td:nth-child(3){max-width:170px}.gaHistoryScroll>p{color:#52667b;font-size:13px}.gaFreeAccess{border-block:1px solid #d2e2ee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:12px 0;padding:14px 0;display:flex}.gaFreeAccess h3{align-items:center;gap:7px;margin:0;font-size:16px;display:flex}.gaFreeAccess p{margin:8px 0;font-size:13px}.gaFreeAccess time{color:#52667b;font-size:12px}.gaFreeAccess button{white-space:normal;max-width:100%;height:auto;font-size:13px}.gaFreeAccess button svg{flex-shrink:0;width:18px;height:18px}.gaTermSelect{align-items:center;gap:8px;margin-top:auto;font-size:13px;display:flex}.gaTermSelect select{font:inherit;color:#18446b;background:#fff;border:1px solid #bdcfdf;border-radius:4px;min-height:36px;padding:7px 10px}.gaFreeAccess [data-free-active=true]{color:#136b3b}.gaOpen{border-color:#76bc93}.gaLocked{position:relative}.gaLockedAction{font:inherit;cursor:pointer;color:#355878;background:#edf3fa;border:1px solid #a6b7c9}.gaLockedAction:after{content:"";border-radius:8px;position:absolute;inset:0}.gaLockedAction:focus-visible{outline-offset:3px;outline:3px solid #146fb0}.gaStatusReason{color:#52667b;font-size:13px}.gaLockedDialog{width:min(480px,92vw)}.gaLockedDialog h2{align-items:center;gap:8px;font-size:20px;display:flex}.gaSessionContent{display:contents}.gaSessionContent[hidden]{display:none}.gaSessionGate{color:#18446b;text-align:center;background:#eef7fc;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100dvh;padding:24px;display:flex;position:relative}.gaSessionGate h1{margin:0;font-size:24px}.gaSessionGate p{max-width:540px;margin:0}.gaSessionGate>div{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.gaSessionGate .authSecondary{align-items:center;gap:8px;display:inline-flex}.gaMaterials{border-block:1px solid #c7dce9;padding-block:18px}.gaMaterials header,.gaMaterialTools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.gaMaterials header h2{margin:0;font-size:20px}.gaMaterials header span{color:#536e81;font-size:13px}.gaMaterialTools{margin-top:14px}.gaMaterialTools label{align-items:center;gap:8px;font-size:14px;display:flex}.gaMaterialTools select{color:#18446b;max-width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #b0c8db;border-radius:4px;padding:7px}.gaMaterialTools .authSecondary,.gaMaterials li button{align-items:center;gap:8px;font-size:14px;display:inline-flex}.gaMaterials ul{margin:12px 0 0;padding:0;list-style:none}.gaMaterials li{border-bottom:1px solid #d5e6ee;justify-content:space-between;align-items:center;gap:12px;padding-block:10px;display:flex}.gaMaterials li span{gap:4px;display:grid}.gaMaterials li small,.gaMaterials>p{font-size:13px}.gaMaterials>p{min-height:20px;margin-bottom:0}.gaSessionContent[hidden] dialog,.gaSessionContent[hidden] dialog::backdrop{display:none!important}@media (max-width:899px){.gaCards{grid-template-columns:repeat(2,minmax(0,1fr))}.gaCard{gap:10px;padding:12px}.gaPageHeader h1{font-size:22px}}@media (max-width:500px){.gradeAccessPage{padding:10px}.gaCards,.gaAdminRows{grid-template-columns:1fr}.gaPageHeader{gap:10px}.gaCard h2{font-size:20px}.gaHomeAccess .gaCards{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.gaHomeAccess .gaCard{padding:8px;font-size:12px}.gaHomeAccess .gaCard h2{font-size:16px}.gaHomeAccess .gaCard p,.gaHomeAccess .gaCard dd{font-size:11px}}
.learnerSettings select{color:#133b70;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #a4bcd6;border-radius:6px;padding:8px 12px}html[data-bilim-graphics=low] :is(.learnerSettings,.authCard,.ecoTop,.worldTwoProfile){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html[data-bilim-graphics=low] :is(.backgroundScene,.authArtwork,.heroCloud){filter:none!important;will-change:auto!important}