.runtime-theory.runtime-article{display:block;padding:clamp(28px,5vw,64px);overflow:visible;background:linear-gradient(145deg,#fff,#faf8ff)}.runtime-article .theory-copy{max-width:820px;margin:0 auto}.runtime-article .theory-copy>p{font-size:19px;line-height:1.8;color:#353c58;margin:20px 0}.runtime-article .theory-copy ol{padding:24px 24px 24px 48px;background:#f0eaff;border-radius:18px;line-height:1.7}.runtime-article .theory-mascot{display:none}.runtime-article .theory-copy h1{font-size:clamp(28px,3vw,40px)}.runtime-assessment-passage{max-width:820px;margin:24px auto;padding:clamp(18px,3vw,28px);text-align:left;background:#f5f1ff;border:1px solid #e4dcfa;border-radius:20px}.runtime-assessment-passage>strong{color:#6540be;font-size:14px}.runtime-assessment-passage>p{margin:14px 0 0;font-size:clamp(17px,2vw,20px);font-weight:400;line-height:1.75;color:#353c58;white-space:pre-wrap;overflow-wrap:anywhere}.edu-cookie-root{position:fixed;inset:auto 24px 24px;z-index:1000;pointer-events:none;font-family:inherit;color:#242044}.edu-cookie-panel{pointer-events:auto;display:flex;gap:24px;width:min(100%,960px);margin:0 auto;padding:28px;border:1px solid #ded4f5;border-radius:28px;background:linear-gradient(115deg,#fff 60%,#f5f0ff);box-shadow:0 16px 70px #31235426;max-height:calc(100dvh - 48px);overflow:auto;box-sizing:border-box}.edu-cookie-art{width:88px;flex:none}.edu-cookie-art svg{display:block;width:100%;height:auto}.edu-cookie-content{min-width:0;flex:1 1}.edu-cookie-eyebrow{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#7351b1}.edu-cookie-panel h2{margin:7px 0 10px;font-size:25px;line-height:1.2;letter-spacing:-.025em}.edu-cookie-panel p{margin:0 0 12px;font-size:14px;line-height:1.65;color:#5c5876}.edu-cookie-details{margin:10px 0 18px}.edu-cookie-details summary{cursor:pointer;color:#6240ae;font-size:13px;font-weight:700;width:fit-content;min-height:28px}.edu-cookie-details dl{background:#f3effb;border-radius:16px;padding:16px;margin:8px 0 12px;display:grid;gap:12px}.edu-cookie-details dt{font-size:13px;font-weight:750}.edu-cookie-details dd{margin:4px 0 0;font-size:12px;line-height:1.6;color:#5c5876}.edu-cookie-details code{font-size:11px;overflow-wrap:anywhere}.edu-cookie-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.edu-cookie-actions button{font:inherit;font-size:13px;font-weight:750;min-height:44px;padding:12px 17px;border-radius:13px;cursor:pointer}.edu-cookie-accept{background:linear-gradient(110deg,#8152ef,#6336df);color:white;border:1px solid #7042e4;box-shadow:0 6px 18px #7140de24}.edu-cookie-later{background:#fff;color:#59457f;border:1px solid #ddd2ef}.edu-cookie-actions a{color:#6845ac;font-size:12px;text-underline-offset:3px;padding:10px 0}.edu-cookie-panel .edu-cookie-footnote{font-size:11px;line-height:1.6;margin:14px 0 0;color:#716983}.edu-cookie-panel .edu-cookie-error{color:#983b31;margin-top:12px}.edu-cookie-settings{pointer-events:auto;display:block;margin-left:auto;border:1px solid #e1d8f2;border-radius:24px;background:#fff;color:#654699;padding:9px 14px;box-shadow:0 3px 16px #31235412;font:inherit;font-size:12px;cursor:pointer;min-height:38px}.edu-cookie-settings span{color:#9164df;margin-right:4px}.edu-cookie-panel h2:focus-visible,.edu-cookie-root :is(button,a,summary):focus-visible{outline:3px solid #a17ceb;outline-offset:4px}.edu-cookie-actions button:hover{filter:brightness(.97)}@media(max-width:700px){.edu-cookie-root{inset:auto 12px 12px}.edu-cookie-panel{padding:20px;gap:12px;max-height:calc(100dvh - 24px);border-radius:22px}.edu-cookie-art{width:44px}.edu-cookie-panel h2{font-size:21px}.edu-cookie-eyebrow{font-size:9px}.edu-cookie-actions{align-items:stretch}.edu-cookie-actions button{width:100%}.edu-cookie-panel p{font-size:13px}}@media(max-width:430px){.edu-cookie-art{display:none}}@media print{.edu-cookie-root{display:none!important}}:root{font-family:Nunito,system-ui,sans-serif;color:#121936;background:#f7f8ff;font-synthesis:none;--purple:#6d4aff;--purple-dark:#5034d8;--ink:#121936;--muted:#727990;--line:#e7e9f3;--surface:#fff;--soft:#f6f7fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid rgba(109,74,255,.55);outline-offset:3px}.sr-only{width:1px;height:1px;position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.runtime-skip-link{position:fixed;z-index:1000;top:10px;left:12px;padding:11px 16px;border-radius:10px;color:white;background:#3820a7;font-weight:900;transform:translateY(-180%);transition:transform .15s ease}.runtime-skip-link:focus{transform:translateY(0)}.app{min-height:100vh;display:grid;grid-template-columns:240px 1fr;background:#f8f9fe;transition:background .25s,color .25s}.app.dark{--ink:#f8f9ff;--muted:#aeb6d2;--line:#28345b;--surface:#101a3e;--soft:#162249;color:var(--ink);background:#09122f}.main-column{min-width:0}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 16px;background:var(--surface);border-right:1px solid var(--line);z-index:10}.logo{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--ink);font-size:23px;font-weight:900;padding:4px 12px 28px}.logo span{color:#ffb800;font-size:24px;filter:drop-shadow(0 3px 5px rgba(255,184,0,.25))}.sidebar nav{display:grid;gap:7px}.nav-item{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;border:0;border-radius:12px;color:var(--ink);background:transparent;font-size:14px;font-weight:700;text-align:left}.nav-item span{width:20px;color:#6e7590;font-size:18px;text-align:center}.nav-item:hover{background:var(--soft)}.nav-item.active{background:linear-gradient(90deg,rgba(109,74,255,.13),rgba(109,74,255,.05));color:var(--purple)}.nav-item.active:before{content:"";position:absolute;left:-16px;width:4px;height:30px;border-radius:0 4px 4px 0;background:var(--purple)}.nav-item.active span{color:var(--purple)}.theme-toggle{margin-top:auto;display:flex;align-items:center;gap:12px;padding:13px 14px;border:0;background:transparent;color:var(--ink);font-size:13px;font-weight:700}.theme-toggle span{font-size:20px}.topbar{height:74px;position:sticky;top:0;z-index:9;display:flex;align-items:center;gap:20px;padding:0 28px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-logo{display:none}.search{width:min(440px,42vw);height:42px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid transparent;border-radius:12px;color:var(--muted);background:var(--soft)}.search:focus-within{border-color:rgba(109,74,255,.4);background:var(--surface)}.search input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:13px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.button{min-height:40px;padding:0 18px;border:1px solid transparent;border-radius:11px;font-weight:800;color:var(--ink);background:var(--surface);transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-1px)}.button.primary{color:white;background:linear-gradient(135deg,#7d58ff,#5f3bea);box-shadow:0 7px 18px rgba(95,59,234,.2)}.button.success{color:white;background:linear-gradient(135deg,#37bd55,#20a942)}.button.ghost{border-color:var(--line);color:var(--purple);background:var(--surface)}.button.large{min-height:48px;padding:0 24px}.button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.icon-button{width:38px;height:38px;border:0;border-radius:10px;color:var(--muted);background:transparent}.icon-button:hover{background:var(--soft)}.bottom-nav{display:none}.hero{min-height:430px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(460px,1.1fr);align-items:center;padding:38px 5vw 32px;background:radial-gradient(circle at 75% 35%,rgba(132,99,255,.12),transparent 30%),linear-gradient(135deg,var(--surface),#f5f5ff)}.dark .hero{background:radial-gradient(circle at 75% 35%,rgba(132,99,255,.22),transparent 35%),linear-gradient(135deg,#101a3e,#0d1737)}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-block;margin-bottom:8px;color:var(--purple);font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.hero h1{margin:0 0 17px;color:var(--ink);font-size:clamp(32px,3.25vw,48px);line-height:1.08;letter-spacing:-.035em}.hero ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px 18px;margin:0 0 25px;padding:0;color:var(--ink);font-size:14px}.hero li:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border:2px solid var(--purple);border-radius:50%;color:var(--purple);font-size:10px;font-weight:900}.hero-art{position:relative;width:min(570px,100%);height:350px;justify-self:center;border-radius:48% 52% 45% 55%/54% 38% 62% 46%;background:radial-gradient(circle at 50% 75%,#ded8ff 0,#efedff 55%,rgba(239,237,255,.35) 70%)}.kid{bottom:32px;z-index:3;width:155px;height:235px;text-align:center;filter:drop-shadow(0 16px 14px rgba(41,27,110,.18))}.kid,.kid span{position:absolute}.kid span{display:block}.kid-boy{left:115px;transform:rotate(-3deg)}.kid-girl{right:90px;transform:rotate(3deg)}.kid .hair{top:0;left:34px;color:#6a2f12;font-size:88px;transform:scaleX(1.15)}.kid .face{top:37px;left:47px;font-size:63px;z-index:2}.kid .body{top:103px;left:29px;font-size:110px}.tablet{position:absolute;left:240px;bottom:50px;z-index:6;width:135px;height:92px;display:grid;place-items:center;border:7px solid #33384f;border-radius:14px;color:#8c72ff;background:#252941;font-size:25px;transform:rotate(6deg);box-shadow:0 15px 30px rgba(29,32,51,.28)}.cap,.planet{position:absolute;font-size:52px;filter:drop-shadow(0 8px 10px rgba(75,46,155,.2))}.planet{left:25px;top:115px;transform:rotate(-18deg)}.cap{right:40px;top:24px;transform:rotate(12deg)}.orbit{position:absolute;color:#7b5cff;font-size:35px}.orbit-one{left:10%;top:32px;color:#ffbf3c}.orbit-two{right:8%;top:170px;color:#ffbd34}.orbit-three{right:0;bottom:42px;color:#b38aff}.content-section{padding:34px 4vw;border-top:1px solid var(--line);background:var(--surface)}.subjects-section{padding-bottom:50px;background:#fbfbfe}.dark .subjects-section{background:#0b1534}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{margin:0;color:var(--ink);font-size:23px}.section-heading .eyebrow{margin-bottom:4px}.muted{color:var(--muted);font-size:13px}.text-button{border:0;color:var(--purple);background:transparent;font-weight:800}.grade-row{display:grid;grid-template-columns:1.55fr repeat(11,minmax(64px,1fr));gap:10px;overflow-x:auto;padding:3px 3px 10px}.grade-card{min-width:64px;height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid transparent;border-radius:14px;color:white;background:linear-gradient(155deg,color-mix(in srgb,var(--grade-color) 78%,white),var(--grade-color));box-shadow:inset 0 -12px 18px rgba(0,0,0,.06);transition:transform .2s,border-color .2s}.grade-card.selected,.grade-card:hover{transform:translateY(-4px)}.grade-card.selected{border-color:var(--surface);outline:3px solid var(--grade-color)}.grade-card strong{font-size:28px;line-height:1}.grade-card small{margin-top:5px;font-size:11px;font-weight:800}.grade-mascot{font-size:34px;line-height:1}.subject-grid{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:14px}.subject-card{min-height:185px;display:flex;flex-direction:column;align-items:flex-start;padding:17px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:var(--surface);text-align:left;transition:transform .2s,box-shadow .2s}.subject-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(31,39,82,.09)}.subject-icon{width:62px;height:62px;display:grid;place-items:center;margin-bottom:14px;border-radius:17px;color:var(--subject-color);background:color-mix(in srgb,var(--subject-color) 13%,white);font-size:25px;font-weight:900}.subject-card strong{min-height:38px;line-height:1.15}.lesson-count,.subject-card small{color:var(--muted);font-size:11px}.lesson-count{margin-top:auto;font-weight:700}.empty-state{display:grid;justify-items:center;padding:60px;color:var(--muted);text-align:center}.empty-state span{font-size:42px}.empty-state strong{margin-top:10px;color:var(--ink);font-size:20px}.empty-state p{margin:5px}.page-shell{max-width:1380px;margin:0 auto;padding:48px 4vw 70px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:32px}.page-title h1{margin:2px 0 8px;color:var(--ink);font-size:40px;letter-spacing:-.03em}.page-title p{max-width:650px;margin:0;color:var(--muted)}.level-pill{padding:13px 18px;border:1px solid #e5dffb;border-radius:20px;color:var(--purple);background:#f4f0ff;font-weight:900;white-space:nowrap}.dark .level-pill{border-color:#41356f;background:#241d4a}.catalog-subjects{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:36px}.catalog-subject{min-height:112px;display:grid;justify-items:center;gap:8px;padding:13px 8px;border:2px solid transparent;border-radius:18px;color:var(--ink);background:var(--surface);box-shadow:0 5px 20px rgba(30,38,79,.06)}.catalog-subject span{width:55px;height:55px;display:grid;place-items:center;border-radius:14px;color:white;font-size:21px;font-weight:900}.catalog-subject strong{font-size:12px}.catalog-subject.active{border-color:var(--purple);box-shadow:0 8px 25px rgba(109,74,255,.13)}.continue-card{overflow:hidden;display:grid;grid-template-columns:110px 1fr 220px;align-items:center;min-height:185px;margin-bottom:40px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 15px 40px rgba(34,40,75,.07)}.continue-icon{justify-self:center;width:75px;height:75px;display:grid;place-items:center;border-radius:18px;color:white;background:linear-gradient(145deg,#4bafff,#1771df);font-size:26px;font-weight:900;line-height:.7;text-align:center;box-shadow:0 8px 15px rgba(23,113,223,.25)}.continue-icon small{color:#ffd147;font-size:18px}.continue-content{padding:22px 0}.continue-content h2{margin:0}.continue-content p{margin:2px 0 12px;color:var(--muted);font-size:13px}.continue-content .button{margin-top:14px}.progress-label{display:flex;justify-content:space-between;max-width:520px;margin-bottom:5px;color:var(--muted);font-size:11px}.progress{overflow:hidden;height:7px;border-radius:9px;background:var(--line)}.continue-content .progress{max-width:520px}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7bc943,#53b941)}.fox-card{align-self:stretch;display:grid;place-items:center;font-size:105px;background:radial-gradient(circle,#eef7ff,#e6edff)}.lesson-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.lesson-card{overflow:hidden;padding:0;border:1px solid var(--line);border-radius:17px;color:var(--ink);background:var(--surface);text-align:left;transition:transform .2s}.lesson-card:hover{transform:translateY(-4px)}.lesson-cover{height:125px;display:grid;place-items:center;color:white;font-size:52px;font-weight:900;text-shadow:0 4px 10px rgba(0,0,0,.15)}.lesson-info{display:grid;padding:13px}.lesson-info small,.lesson-info span{color:var(--muted)}.lesson-info span{margin-top:10px;font-size:11px}.lesson-page,.test-page{min-height:100vh;display:flex;flex-direction:column;color:#121936;background:#f8f9fe}.runtime-stage{flex:1 1;display:grid;padding:28px 4vw 20px}.runtime-stage:focus{outline-offset:-5px}.runtime-stage>*{width:100%;max-width:1280px;margin:auto}.runtime-theory{min-height:540px;display:grid;grid-template-columns:1fr .7fr;align-items:center;overflow:hidden;padding:55px 6vw;border:1px solid #e3e6f0;border-radius:24px;background:linear-gradient(135deg,#fff,#f0edff);box-shadow:0 16px 40px rgba(37,43,81,.07)}.theory-copy{max-width:620px}.theory-copy h1{margin:0 0 12px;font-size:clamp(32px,4vw,48px);letter-spacing:-.03em}.theory-copy>p{color:#687087;font-size:17px;line-height:1.55}.theory-copy ol{display:grid;gap:10px;padding-left:22px;color:#3c435c}.theory-example{display:flex;align-items:center;gap:16px;width:fit-content;margin:28px 0;padding:18px 24px;border-radius:16px;background:white;box-shadow:0 10px 25px rgba(49,40,113,.09);font-size:31px;font-weight:900}.theory-example span{color:#4f77d4}.theory-example strong{color:#f2a81d}.theory-mascot{display:grid;place-items:center;font-size:180px;filter:drop-shadow(0 22px 17px rgba(65,46,117,.18))}.runtime-simulation{display:grid;grid-template-columns:minmax(520px,1.55fr) minmax(310px,.75fr);gap:24px}.runtime-simulation .story-board{min-height:570px}.runtime-next{width:100%;margin-top:18px}.runtime-question{min-height:540px;display:grid;justify-items:center;align-content:center;padding:45px;border:1px solid #e3e6f0;border-radius:24px;background:white;text-align:center}.runtime-question h1{margin:0}.question-expression{margin:30px 0;font-size:clamp(42px,7vw,78px);font-weight:900}.number-choices{display:flex;gap:16px}.number-choices button{width:74px;height:66px;border:2px solid #e0e3ed;border-radius:14px;color:#222944;background:#f8f9fc;font-size:24px;font-weight:900}.number-choices button.selected{border-color:#6d4aff;color:#6d4aff;background:#f0edff}.feedback{width:min(480px,100%);display:grid;gap:3px;margin:20px 0;padding:14px;border-radius:13px}.feedback.correct{color:#27873a;background:#eaf9e9}.feedback.wrong{color:#b14d42;background:#fff0ed}.feedback span{font-size:13px}.runtime-checkpoint{min-height:540px;display:grid;justify-items:center;align-content:center;padding:40px;border:1px solid #e3e6f0;border-radius:24px;background:white;text-align:center}.runtime-checkpoint .trophy{font-size:110px}.runtime-checkpoint h1{margin:0}.runtime-checkpoint p{max-width:520px;color:#727a91}.runtime-checkpoint>strong{margin-bottom:24px;color:#6d4aff;font-size:25px}.runtime-unsupported{display:grid;justify-items:center;align-content:center;min-height:500px;text-align:center}.runtime-unsupported>span{font-size:80px}.runtime-page .lesson-footer>strong{color:#6d4aff;font-size:12px}.runtime-preview-badge{margin-left:8px;padding:5px 9px;color:#745100;background:#fff0b8;font-style:normal}.runtime-preview-badge,.runtime-sync{border-radius:999px;font-size:11px;font-weight:800}.runtime-sync{margin-left:auto;padding:6px 10px;color:#7b8296;background:#f2f3f8;white-space:nowrap}.runtime-sync.syncing{color:#6540d7;background:#f0edff}.runtime-sync.synced{color:#27873a;background:#eaf9e9}.runtime-page .runtime-sync+.lesson-score{margin-left:0}.runtime-load-state{min-height:100vh;display:grid;place-items:center;align-content:center;gap:10px;padding:32px;color:#121936;background:#f8f9fe;text-align:center}.runtime-load-state h1,.runtime-load-state p{margin:0}.runtime-load-state p{max-width:460px;color:#737b92}.runtime-loader{display:grid;place-items:center;width:76px;height:76px;margin-bottom:8px;border-radius:24px;color:white;background:linear-gradient(135deg,#7652ff,#9a5cff);box-shadow:0 14px 35px rgba(109,74,255,.25);font-size:34px;animation:runtime-pulse 1.2s ease-in-out infinite}.runtime-error-state>span{font-size:62px}.runtime-error-state>div{display:flex;gap:10px;margin-top:14px}@keyframes runtime-pulse{50%{transform:translateY(-5px) rotate(4deg)}}.runtime-media-card{min-height:540px;display:grid;justify-items:center;align-content:center;gap:20px;padding:32px;border:1px solid #e3e6f0;border-radius:24px;background:white;box-shadow:0 16px 40px rgba(37,43,81,.07)}.runtime-image-frame,.runtime-media-card video{width:min(100%,1100px);max-height:62vh;border-radius:18px;background:#0e1735;box-shadow:0 16px 36px rgba(22,30,68,.16)}.runtime-media-card video{aspect-ratio:16/9}.runtime-image-frame{display:grid;place-items:center;overflow:hidden;background:#f1f4fa}.runtime-image-frame img{display:block;width:100%;max-height:62vh;object-fit:contain}.runtime-media-card details{width:min(100%,760px);padding:14px 18px;border-radius:14px;color:#4b536c;background:#f5f6fb}.runtime-media-card summary{cursor:pointer;font-weight:800}.runtime-audio-card audio{width:min(100%,620px)}.runtime-audio-icon{display:grid;place-items:center;width:130px;height:130px;border-radius:50%;background:linear-gradient(135deg,#e9e3ff,#c5f0ff);font-size:64px}.runtime-block-error{min-height:540px;display:grid;justify-items:center;align-content:center;gap:14px;padding:32px;border:1px solid #e6e0ff;border-radius:24px;background:linear-gradient(145deg,#fff,#f6f3ff);text-align:center;box-shadow:0 16px 40px rgba(37,43,81,.07)}.runtime-block-error>span{font-size:64px}.runtime-block-error h1,.runtime-block-error p{margin:0}.runtime-block-error p{max-width:560px;color:#687087}.runtime-block-error>div{display:flex;gap:12px;margin-top:10px}.runtime-animation{min-height:540px;display:grid;justify-items:center;align-content:center;gap:10px;overflow:hidden;padding:34px;border:1px solid #e3e6f0;border-radius:24px;background:radial-gradient(circle at 50% 45%,#fff 0,#f4f0ff 58%,#eaf7ff 100%);text-align:center;box-shadow:0 16px 40px rgba(37,43,81,.07)}.runtime-animation h1,.runtime-animation p{margin:0}.runtime-animation>p{color:#687087}.runtime-animation-scene{width:min(860px,100%);min-height:235px;display:flex;align-items:center;justify-content:center;gap:clamp(14px,4vw,42px);margin:22px 0 12px}.runtime-animation-item{width:min(190px,27%);min-height:170px;display:grid;place-items:center;align-content:center;gap:14px;padding:18px;border:2px solid color-mix(in srgb,var(--animation-color),white 72%);border-radius:28px;background:white;box-shadow:0 16px 35px color-mix(in srgb,var(--animation-color),transparent 78%);animation:runtime-concept-step var(--animation-duration) ease-in-out var(--animation-delay) infinite}.runtime-animation-item span{font-size:clamp(52px,7vw,82px)}.runtime-animation-item strong{color:#313953;font-size:14px}.runtime-animation-actions{display:flex;gap:10px}.runtime-motion-alternative{width:min(680px,100%);margin:8px 0 14px;padding:16px 20px;border-radius:14px;color:#4f5670;background:white;text-align:left}.runtime-motion-alternative p{margin-top:5px}@keyframes runtime-concept-step{0%,18%,to{transform:translateY(8px) scale(.96);opacity:.58}28%,62%{transform:translateY(-10px) scale(1.04);opacity:1}}.runtime-animation.reduced .runtime-animation-item{animation:none;opacity:1;transform:none}.runtime-interactive{min-height:540px;display:grid;justify-items:center;align-content:center;gap:16px;padding:36px;border:1px solid #e3e6f0;border-radius:24px;background:linear-gradient(145deg,#fff,#f8f7ff);text-align:center;box-shadow:0 16px 40px rgba(37,43,81,.07)}.runtime-interactive h1,.runtime-interactive>p{margin:0}.runtime-interactive>p{color:#687087}.runtime-choice-grid{width:min(720px,100%);display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:12px 0}.runtime-choice-grid button,.runtime-drag-bank button,.runtime-matching button{min-height:56px;padding:12px 16px;border:2px solid #e3e5ee;border-radius:14px;color:#31384f;background:white;font-size:15px;font-weight:800}.runtime-choice-grid button{display:flex;align-items:center;gap:12px;text-align:left}.runtime-choice-grid button span{color:#a3a9bb;font-size:20px}.runtime-choice-grid button.selected,.runtime-drag-bank button.selected{border-color:#7652f4;color:#6541e3;background:#f0edff}.runtime-choice-grid button.selected span{color:#7652f4}.runtime-matching{width:min(760px,100%);display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:12px 0}.runtime-matching>div{display:grid;gap:10px}.runtime-matching button.selected{border-color:#7652f4;background:#f0edff}.runtime-matching button.matched{border-color:#62bd3b;color:#27873a;background:#eaf9e9;opacity:.78}.runtime-ordering{width:min(700px,100%);display:grid;gap:9px;margin:10px 0;padding:0;list-style:none}.runtime-ordering li{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:11px 13px;border:1px solid #e1e4ed;border-radius:14px;background:white;text-align:left;box-shadow:0 5px 14px rgba(35,43,85,.05)}.runtime-ordering li>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#7652f4;background:#f0edff;font-weight:900}.runtime-ordering li>div{display:flex;gap:6px}.runtime-ordering button{width:38px;height:38px;border:1px solid #dfe2ec;border-radius:10px;color:#48506a;background:#f8f9fc;font-size:19px}.runtime-ordering button:disabled{opacity:.3}.runtime-drag{align-content:start}.runtime-drag-bank{width:min(900px,100%);min-height:78px;display:flex;flex-wrap:wrap;justify-content:center;gap:9px;padding:12px;border:2px dashed #d9dbea;border-radius:17px;background:#fafaff}.runtime-drag-bank:empty:after{content:"Все карточки распределены";align-self:center;color:#8a90a2}.runtime-drop-grid{width:min(900px,100%);display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.runtime-drop-grid>div{min-height:150px;padding:10px;border:1px solid #e0e3ed;border-radius:18px;background:white}.runtime-drop-target{width:100%;min-height:58px;display:grid;place-items:center;border:0;border-radius:12px;color:#4d3aad;background:#f0edff}.runtime-drop-target small{color:#8178ad}.runtime-drop-grid>div>div{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;padding-top:10px}.runtime-drop-grid .placed{padding:8px 11px;border:1px solid #cfd9f1;border-radius:10px;color:#355286;background:#edf4ff;font-weight:800}.runtime-canvas{align-content:start}.runtime-canvas-tools{width:min(900px,100%);display:flex;align-items:center;gap:8px}.runtime-canvas-tools>div{display:flex;gap:7px;margin-right:auto}.runtime-canvas-tools>div button{width:34px;height:34px;padding:0;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #ccd0dc}.runtime-canvas-tools>div button[aria-pressed=true]{box-shadow:0 0 0 3px #7652f4}.runtime-canvas-frame{width:min(900px,100%);position:relative;overflow:hidden;border:2px solid #dde1ec;border-radius:20px;background-color:white;background-image:linear-gradient(#edf0f6 1px,transparent 0),linear-gradient(90deg,#edf0f6 1px,transparent 0);background-size:28px 28px}.runtime-canvas-frame svg{display:block;width:100%;aspect-ratio:2/1;position:relative;z-index:2;touch-action:none;cursor:crosshair}.runtime-canvas-frame path{fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.runtime-canvas-guide{position:absolute;z-index:1;inset:0;display:grid;place-items:center;color:rgba(112,119,145,.16);font-size:clamp(140px,25vw,280px);font-weight:900;-webkit-user-select:none;user-select:none}.runtime-canvas-actions{width:min(900px,100%);display:flex;align-items:center;gap:12px}.runtime-canvas-actions span{margin-left:auto;color:#6e758c;font-size:12px;font-weight:800}.runtime-hotspot-scene{width:min(780px,100%);aspect-ratio:16/8;position:relative;overflow:hidden;margin:5px 0;border-radius:24px;background:radial-gradient(circle at center,#dff7ff,#a8dcf6 58%,#84c684);box-shadow:inset 0 0 0 1px rgba(40,69,97,.1)}.runtime-hotspot-scene>span{position:absolute;inset:0;display:grid;place-items:center;color:#26365a;font-size:clamp(150px,28vw,310px);filter:drop-shadow(0 18px 14px rgba(34,63,88,.16))}.runtime-hotspot-scene button{width:46px;height:46px;position:absolute;z-index:2;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.82);box-shadow:0 4px 14px rgba(31,50,82,.2);transform:translate(-50%,-50%)}.runtime-hotspot-scene button i{display:block;width:16px;height:16px;margin:auto;border:3px solid #7652f4;border-radius:50%}.runtime-hotspot-scene button.selected{background:#7652f4;transform:translate(-50%,-50%) scale(1.12)}.runtime-hotspot-scene button.selected i{border-color:white;background:white}.lesson-header,.test-header{height:68px;display:flex;align-items:center;gap:18px;padding:0 28px;border-bottom:1px solid #e4e7f0;background:white}.round-button{width:38px;height:38px;border:1px solid #e5e7ef;border-radius:50%;color:#161d3d;background:white;font-size:20px}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#5f667a;font-size:13px}.breadcrumbs strong{color:#343a55}.lesson-score{margin-left:auto;display:flex;gap:24px;font-weight:800}.lesson-layout{flex:1 1;display:grid;grid-template-columns:minmax(520px,1.55fr) minmax(310px,.75fr);gap:24px;padding:28px 4vw 20px}.story-board{min-height:570px;position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(#a9ddff 0 42%,#6fc45d 43% 61%,#b5df66 62%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.story-board:after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:repeating-linear-gradient(15deg,transparent 0 25px,rgba(71,126,48,.12) 26px 28px)}.speech{position:absolute;z-index:5;left:24px;top:26px;max-width:345px;padding:16px 18px;border-radius:18px;background:white;box-shadow:0 8px 25px rgba(54,79,91,.14);font-size:15px;line-height:1.45}.speech:after{content:"";position:absolute;left:40px;bottom:-13px;border:14px solid transparent;border-top-color:white}.cloud{position:absolute;color:rgba(255,255,255,.7);font-size:70px}.cloud.one{right:60px;top:20px}.cloud.two{left:45%;top:140px;font-size:50px}.animal{position:absolute;z-index:3;filter:drop-shadow(0 12px 9px rgba(48,62,34,.18))}.squirrel{left:14%;bottom:115px;font-size:145px;transform:scaleX(-1)}.hedgehog{right:12%;bottom:95px;font-size:110px}.basket{position:absolute;z-index:4;left:48%;bottom:100px;font-size:100px}.drag-hint{z-index:6;right:18px;top:145px;width:155px;padding:10px 13px;border-radius:12px;background:white;font-size:11px;font-weight:800}.drag-hint,.nuts{position:absolute}.nuts{z-index:7;left:9%;right:8%;bottom:34px;display:flex;justify-content:space-around}.nut{width:62px;height:62px;border:0;border-radius:50%;background:transparent;font-size:42px;transition:transform .25s,opacity .25s}.nut:hover{transform:scale(1.15) rotate(8deg)}.nut.selected{opacity:.35;transform:translate(330px,-110px) scale(.65)}.solution-card{align-self:stretch;padding:30px;border:1px solid #e3e5ef;border-radius:22px;background:white;box-shadow:0 12px 30px rgba(35,43,85,.07)}.solution-card h2{margin:6px 0 30px;font-size:18px;font-weight:600}.equation{margin-bottom:45px;font-size:clamp(32px,4vw,52px);font-weight:800;white-space:nowrap}.equation span:first-child{color:#2bb851}.equation span:nth-child(2){color:#407bd9}.equation strong{color:#ffb51f}.solution-card label{display:block;margin-bottom:8px;font-size:13px}.answer-box{display:inline-flex;align-items:flex-end;min-width:120px;padding:7px 13px;border:2px solid #ff9b68;border-radius:10px;color:#ff7648;font-size:34px;font-weight:800}.answer-box.correct{background:#fff9f2}.answer-box small{margin:0 0 5px 8px;color:#555e77;font-size:11px;font-weight:600}.success-note{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px;border:1px solid #f2c13d;border-radius:13px;background:#fff8dc}.success-note span{font-size:38px}.success-note div{display:grid}.success-note small{color:#8a7240}.solution-hint{color:#7c8397;font-size:13px}.lesson-footer{height:68px;display:flex;align-items:center;gap:18px;padding:0 4vw;border-top:1px solid #e3e5ee;background:white}.lesson-footer .progress{flex:1 1}.lesson-footer span{color:#5f667a;font-size:13px}.test-header strong{margin:0 auto}.test-header span{color:#687086}.test-layout{flex:1 1;display:grid;grid-template-columns:minmax(500px,1fr) 330px}.question-panel{padding:45px 8vw;border-right:1px solid #e2e5ed}.question-progress{max-width:520px;color:#5f677c;font-size:13px}.question-progress .progress{margin-top:14px}.question-progress .progress i{background:#6ec83b}.question-panel h1{max-width:600px;margin:50px 0 25px;font-size:25px}.options{max-width:600px;display:grid;gap:12px;margin-bottom:28px}.option{display:flex;align-items:center;gap:13px;min-height:54px;padding:0 15px;border:1px solid #d7dbe8;border-radius:15px;color:#31384f;background:white;text-align:left}.option span{color:#70778b}.option.selected{border-color:#62bd3b;color:#238526;background:#f0fbe9;box-shadow:0 4px 12px rgba(68,157,44,.1)}.option.selected span{color:#278b20}.question-panel .button{width:min(600px,100%)}.test-aside{align-self:start;margin:45px 22px;padding:30px 24px;border:1px solid #dcd8f6;border-radius:20px;background:white;text-align:center}.mini-trophy{font-size:82px}.test-aside p{color:#5f667a;font-size:13px}.result-screen{flex:1 1;display:grid;place-items:center;align-content:center;padding:40px;text-align:center}.trophy{font-size:130px;filter:drop-shadow(0 15px 15px rgba(234,162,29,.2))}.result-screen h1{margin:0;color:#6540d7;font-size:58px}.result-screen p{max-width:480px;color:#626a7e}.result-actions{display:flex;gap:12px;margin-top:20px}.achievement-hero{display:flex;align-items:center;justify-content:space-between;min-height:210px;margin-bottom:26px;padding:35px 45px;border-radius:24px;color:white;background:linear-gradient(125deg,#7250f0,#934cff);box-shadow:0 18px 45px rgba(111,71,228,.22)}.achievement-hero h2{margin:5px 0;font-size:28px}.achievement-hero p{opacity:.8}.achievement-hero .progress{width:min(500px,55vw);background:rgba(255,255,255,.2)}.achievement-hero .progress i{background:#ffd338}.achievement-star{font-size:100px;filter:drop-shadow(0 12px 8px rgba(71,39,140,.3))}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.badge-card{display:grid;justify-items:center;gap:4px;padding:26px 15px;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-align:center}.badge-card span{font-size:52px}.badge-card small{color:var(--muted)}.badge-card:last-child{filter:grayscale(1);opacity:.55}.avatar{width:84px;height:84px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,#ffe58f,#ffc742);font-size:52px}.profile-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.profile-card{padding:25px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.profile-card h2{margin:0 0 17px}.profile-card button{width:100%;display:flex;align-items:center;gap:13px;margin-top:10px;padding:13px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:var(--soft);text-align:left}.profile-card button>span{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;color:white;background:#7957ef;font-weight:900}.profile-card button div{display:grid}.profile-card button small{color:var(--muted)}.profile-card button i{margin-left:auto;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:white;background:#7652f4;font-style:normal;font-size:10px}.big-stat{display:grid;padding:20px;border-radius:16px;background:linear-gradient(135deg,#ede8ff,#f8f6ff)}.dark .big-stat{background:#1c2852}.big-stat strong{color:var(--purple);font-size:32px}.big-stat span{color:var(--muted)}.stat-row{display:flex;justify-content:space-between;padding:16px 2px;border-bottom:1px solid var(--line)}.onboarding{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(18,25,54,.42);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.onboarding-card{width:min(390px,100%);min-height:650px;display:flex;flex-direction:column;align-items:center;padding:22px 28px;border-radius:28px;background:white;box-shadow:0 30px 90px rgba(26,24,62,.3);text-align:center}.onboarding-top{width:100%;display:flex;align-items:flex-start;justify-content:space-between}.onboarding-top .logo{padding:0;font-size:14px}.onboarding-top .logo span{font-size:16px}.onboarding-top>button{border:0;background:transparent;color:#71778b;font-size:22px}.onboarding-visual{position:relative;width:240px;height:240px;display:grid;place-items:center;margin:35px 0 22px;border-radius:50%}.onboarding-visual span{font-size:125px;filter:drop-shadow(0 15px 12px rgba(71,48,102,.16))}.onboarding-visual b,.onboarding-visual i{position:absolute;color:#7b5aff;font-style:normal}.onboarding-visual i{left:-14px;top:40px;font-size:34px}.onboarding-visual b{right:4px;bottom:45px;color:#ffb926;font-size:28px}.onboarding-card h1{margin:0;font-size:23px;line-height:1.2}.onboarding-card p{max-width:310px;min-height:42px;color:#777e92;font-size:13px}.onboarding-dots{display:flex;gap:7px;margin:14px 0 20px}.onboarding-dots button{width:6px;height:6px;padding:0;border:0;border-radius:5px;background:#d8dbe7}.onboarding-dots button.active{width:20px;background:#6d4aff}.onboarding-card>.button{width:100%}.onboarding-card .skip{margin-top:12px;border:0;color:#7c8294;background:transparent;font-size:12px}.catalog-layout{display:grid;grid-template-columns:210px 1fr;max-width:1450px;margin:0 auto;padding:34px 3vw 70px}.filter-panel{display:flex;flex-direction:column;padding-right:28px;border-right:1px solid var(--line)}.filter-panel strong{margin:8px 0 10px}.filter-panel label{display:flex;align-items:center;gap:8px;padding:5px 0;color:var(--muted);font-size:12px}.filter-panel label:has(input:checked){color:var(--purple);font-weight:800}.filter-panel input{accent-color:var(--purple)}.catalog-results{min-width:0;padding-left:30px}.catalog-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.catalog-toolbar h1{margin:0;font-size:30px}.catalog-toolbar label{color:var(--muted);font-size:12px;white-space:nowrap}.catalog-toolbar select{margin-left:5px;padding:8px 28px 8px 10px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface)}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:18px}.course-card{overflow:hidden;padding:0;border:1px solid var(--line);border-radius:17px;color:var(--ink);background:var(--surface);text-align:left;transition:transform .2s,box-shadow .2s}.course-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(25,33,71,.1)}.course-cover{height:150px;position:relative;display:flex;align-items:center;padding:20px}.course-cover b{font-size:75px;filter:drop-shadow(0 10px 8px rgba(41,47,76,.18))}.course-cover i{margin-left:auto;color:white;font-size:23px;font-weight:900;font-style:normal;text-shadow:0 2px 7px rgba(0,0,0,.15)}.course-body{display:grid;padding:15px}.course-body small{margin-top:4px;color:var(--muted)}.course-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.course-bottom i{color:#ffab18;font-style:normal}.course-bottom b{padding:5px 9px;border-radius:8px;background:var(--soft)}.new-badge{position:absolute;left:12px;top:12px;z-index:2;padding:5px 8px;border-radius:7px;color:white;background:#6d4aff;box-shadow:0 5px 12px rgba(78,49,185,.22);font-size:9px;font-weight:900;font-style:normal;letter-spacing:.07em;text-transform:uppercase}.back-link{margin-bottom:24px;border:0;color:var(--muted);background:transparent;font-weight:700}.course-summary{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(390px,1.2fr) 290px;gap:28px;align-items:start}.course-banner{min-height:260px;position:relative;overflow:hidden;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#91dafc,#d9f1ff)}.course-banner span{font-size:130px;transform:translateX(-28px)}.course-banner strong{position:absolute;right:32px;top:25px;color:white;font-size:90px;text-shadow:0 7px 15px rgba(56,120,161,.2)}.course-banner i{position:absolute;right:24px;bottom:30px;color:#285f9d;font-weight:900;font-style:normal}.course-description h1{margin:0 0 8px;font-size:36px}.course-description p{color:var(--muted);line-height:1.55}.course-meta{display:flex;gap:18px;color:var(--muted);font-size:13px}.course-meta span:last-child{color:#f4a414}.course-description h3{margin-bottom:8px}.course-description ul{column-count:2;margin:0;padding:0;list-style:none;color:var(--muted);font-size:13px}.course-description li{margin:7px 0}.course-description li:before{content:"✓";margin-right:8px;color:#34b957}.purchase-card{display:grid;gap:10px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 12px 30px rgba(31,38,73,.07)}.purchase-card>strong{margin-bottom:5px;font-size:30px}.purchase-card small{color:var(--muted);text-align:center}.modules-card{max-width:800px;margin:40px auto 0;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.modules-card button{width:100%;display:grid;grid-template-columns:34px 1fr auto 20px;align-items:center;gap:12px;padding:14px 5px;border:0;border-bottom:1px solid var(--line);color:var(--ink);background:transparent;text-align:left}.modules-card button>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--purple);background:#f0edff;font-weight:900}.modules-card button small{color:var(--muted)}.modules-card button i{color:var(--muted);font-style:normal;font-size:21px}.checkout-page{min-height:calc(100vh - 74px);max-width:1100px;margin:0 auto;padding:48px 4vw}.checkout-grid{display:grid;grid-template-columns:1fr 340px;gap:45px}.checkout-grid h1{margin:0 0 25px}.order-row{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.order-row>span{width:55px;height:55px;display:grid;place-items:center;border-radius:12px;background:#92dbfa;font-size:35px}.order-row div{display:grid}.order-row small{color:var(--muted)}.order-row b{margin-left:auto}.field{display:grid;gap:7px;margin:22px 0;font-weight:700}.field input{height:46px;padding:0 13px;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:var(--surface)}.checkout-grid fieldset{display:grid;gap:9px;padding:0;border:0}.checkout-grid legend{margin-bottom:10px;font-weight:800}.payment{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:var(--surface)}.payment.active{border-color:var(--purple)}.payment span{margin-left:auto;color:var(--muted);font-size:11px}.payment input{accent-color:var(--purple)}.order-summary{align-self:start;display:grid;gap:15px;padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.order-summary h2{margin:0}.order-summary ul{display:grid;gap:8px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:13px}.order-summary>div{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line)}.order-summary>div strong{font-size:20px}.order-summary>small{color:var(--muted);font-size:10px;text-align:center}.access-granted{min-height:100vh;display:grid;justify-items:center;align-content:center;padding:30px;background:#fbfbff;text-align:center}.confetti{color:#ffb628;font-size:24px;letter-spacing:8px}.confetti span{color:#7552f3}.checkmark{width:90px;height:90px;display:grid;place-items:center;margin:25px;border-radius:50%;color:white;background:#52bd52;box-shadow:0 15px 35px rgba(46,161,63,.25);font-size:55px;font-weight:900}.access-granted h1{margin:0}.access-granted p{max-width:480px;color:#777e91}.access-granted .button{margin:18px 0 10px}.access-granted .text-button{display:block}@media (max-width:1180px){.app{grid-template-columns:205px 1fr}.hero{grid-template-columns:1fr 1fr;padding-left:4vw}.hero-art{transform:scale(.84)}.subject-grid{grid-template-columns:repeat(3,1fr)}.grade-row{grid-template-columns:110px repeat(11,70px)}.catalog-subjects{grid-template-columns:repeat(3,1fr)}.lesson-layout{grid-template-columns:1.2fr .8fr}.story-board{min-height:520px}.nut.selected{transform:translate(200px,-100px) scale(.65)}.course-grid{grid-template-columns:repeat(2,1fr)}.course-summary{grid-template-columns:260px 1fr}.purchase-card{grid-column:1/-1;grid-template-columns:1fr auto auto;align-items:center}.purchase-card small{display:none}}@media (max-width:820px){.app{display:block;padding-bottom:72px}.sidebar{display:none}.topbar{height:64px;padding:0 16px}.mobile-logo{display:block}.mobile-logo .logo{padding:0;font-size:20px}.search{flex:1 1;width:auto}.top-actions .ghost,.top-actions .icon-button{display:none}.top-actions .button.primary{padding:0 12px;font-size:11px}.bottom-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;height:68px;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:var(--surface)}.bottom-nav button{display:grid;place-items:center;align-content:center;gap:2px;border:0;color:var(--muted);background:transparent;font-size:10px;font-weight:700}.bottom-nav button span{font-size:21px}.bottom-nav button.active{color:var(--purple)}.hero{min-height:650px;grid-template-columns:1fr;padding:38px 6vw 0;text-align:center}.hero-copy{z-index:4}.hero ul{max-width:430px;margin-left:auto;margin-right:auto;text-align:left}.hero-art{height:300px;margin-top:-5px;transform:scale(.85);transform-origin:center bottom}.content-section{padding:30px 5vw}.subject-grid{grid-template-columns:repeat(2,1fr)}.section-heading .muted{display:none}.page-shell{padding:35px 5vw 90px}.catalog-subjects{grid-template-columns:repeat(3,1fr)}.continue-card{grid-template-columns:90px 1fr}.fox-card{display:none}.lesson-grid{grid-template-columns:repeat(2,1fr)}.lesson-layout{grid-template-columns:1fr}.solution-card{min-height:400px}.story-board{min-height:520px}.lesson-page{padding-bottom:68px}.lesson-footer{position:fixed;z-index:10;bottom:0;left:0;right:0}.test-layout{grid-template-columns:1fr}.question-panel{border:0;padding:35px 6vw}.test-aside{display:none}.badge-grid{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:1fr}.filter-panel{display:none}.catalog-layout{display:block;padding:30px 5vw 100px}.catalog-results{padding:0}.course-summary{grid-template-columns:1fr}.course-banner{min-height:220px}.purchase-card{position:sticky;bottom:78px;z-index:8;grid-template-columns:1fr auto}.purchase-card .ghost{display:none}.checkout-grid{grid-template-columns:1fr}.order-summary{order:-1}.onboarding-card{min-height:610px}.runtime-stage{padding:14px 14px 82px}.runtime-theory{min-height:600px;grid-template-columns:1fr;padding:35px 6vw}.theory-mascot{grid-row:1;font-size:120px}.runtime-simulation{grid-template-columns:1fr}.runtime-simulation .story-board{min-height:520px}.runtime-checkpoint,.runtime-question{min-height:620px}.runtime-page .lesson-footer{padding:0 14px}.runtime-animation,.runtime-interactive,.runtime-media-card{min-height:620px;padding:18px}.runtime-media-card video{width:100%}.runtime-animation-scene{min-height:auto;flex-direction:column;margin:12px 0}.runtime-animation-item{width:min(100%,360px);min-height:96px;grid-template-columns:70px 1fr;text-align:left}.runtime-animation-item span{font-size:48px}.runtime-load-state{padding-bottom:90px}.runtime-preview-badge{display:none}.runtime-sync{margin-left:auto}.runtime-page .lesson-score{display:none}.runtime-choice-grid,.runtime-drop-grid{grid-template-columns:1fr}.runtime-interactive{align-content:start;padding-top:30px}.runtime-matching{gap:8px}.runtime-matching button{min-height:52px;padding:9px;font-size:13px}.runtime-canvas-tools{flex-wrap:wrap}.runtime-canvas-tools>div{width:100%;justify-content:center;margin:0 0 4px}.runtime-canvas-actions{flex-wrap:wrap;justify-content:center}.runtime-canvas-actions span{order:-1;width:100%;margin:0}.runtime-hotspot-scene{aspect-ratio:4/3}.runtime-hotspot-scene button{width:52px;height:52px}}@media (max-width:560px){.topbar{gap:10px}.mobile-logo .logo{font-size:0}.mobile-logo .logo span{font-size:25px}.top-actions .button{display:none}.hero{min-height:630px;padding-top:30px}.hero h1{font-size:34px}.hero h1 br{display:none}.hero ul{grid-template-columns:1fr 1fr;font-size:12px}.hero-art{width:520px;left:50%;margin-left:-260px;transform:scale(.68)}.section-heading{align-items:center}.section-heading h2{font-size:21px}.grade-row{margin-right:-5vw}.subject-grid{grid-template-columns:1fr 1fr;gap:9px}.subject-card{min-height:165px;padding:13px}.subject-icon{width:52px;height:52px}.page-title{align-items:flex-start}.page-title h1{font-size:32px}.level-pill{display:none}.catalog-subjects{display:flex;overflow-x:auto;margin-right:-5vw;padding-right:5vw}.catalog-subject{min-width:105px}.continue-card{grid-template-columns:75px 1fr;padding:14px}.continue-icon{width:60px;height:60px}.continue-content{padding:0}.lesson-grid{grid-template-columns:1fr}.lesson-cover{height:110px}.lesson-header{padding:0 12px}.breadcrumbs b,.breadcrumbs span{display:none}.breadcrumbs strong{font-size:11px}.lesson-score{gap:8px;font-size:12px}.lesson-layout{padding:12px}.story-board{min-height:440px}.speech{left:14px;top:14px;max-width:calc(100% - 28px);font-size:12px}.squirrel{left:3%;bottom:105px;font-size:110px}.hedgehog{right:2%;bottom:95px;font-size:82px}.basket{left:43%;bottom:95px;font-size:75px}.drag-hint{display:none}.nut{width:48px;height:48px;font-size:34px}.nut.selected{transform:translate(110px,-90px) scale(.6)}.solution-card{min-height:360px;padding:22px}.lesson-footer{gap:8px;padding:0 10px}.lesson-footer .button{min-width:75px;padding:0 9px}.lesson-footer span{display:none}.test-header{padding:0 12px;font-size:12px}.test-header strong{margin:0 auto 0 0}.question-panel h1{margin-top:35px;font-size:21px}.result-screen{padding:25px}.trophy{font-size:100px}.result-actions{width:100%;flex-direction:column}.achievement-hero{padding:25px}.achievement-star{display:none}.achievement-hero .progress{width:100%}.badge-grid{gap:10px}.badge-card{padding:18px 8px}.badge-card span{font-size:42px}.avatar{width:65px;height:65px;font-size:40px}.course-grid{grid-template-columns:1fr}.catalog-toolbar{align-items:flex-start;flex-direction:column}.catalog-toolbar h1{font-size:25px}.course-cover{height:125px}.course-description h1{font-size:30px}.course-meta{flex-wrap:wrap}.course-description ul{column-count:1}.purchase-card{margin:0 -2vw;padding:12px}.purchase-card>strong{font-size:20px}.purchase-card .button{min-height:42px;padding:0 14px}.modules-card{padding:15px}.modules-card button{grid-template-columns:30px 1fr 18px}.modules-card button small{display:none}.checkout-page{padding:28px 5vw 90px}.checkout-grid{gap:22px}.order-summary{padding:18px}.onboarding{padding:0}.onboarding-card{min-height:100vh;width:100%;border-radius:0}.onboarding-visual{width:210px;height:210px;margin-top:25px}.onboarding-visual span{font-size:105px}}.runtime-formula{background:radial-gradient(circle at 50% 35%,#fff 0,#f5f1ff 72%,#edf7ff 100%)}.runtime-math{width:min(760px,100%);overflow-x:auto;margin:14px 0;padding:34px 26px;border:1px solid #e1ddf4;border-radius:22px;background:white;box-shadow:0 12px 30px rgba(54,40,120,.09)}.runtime-math math{font-size:clamp(36px,6vw,70px)}.runtime-formula-note{width:min(680px,100%);padding:18px 22px;border-radius:16px;color:#4e5670;background:#eef7ff;text-align:left}.runtime-formula-note p{margin:5px 0;color:#26304f;font-size:18px;font-weight:800}.runtime-formula-note span{font-size:14px}.runtime-graph{align-content:start}.runtime-graph-layout{width:min(940px,100%);display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:20px}.runtime-graph-layout svg{width:100%;touch-action:none;border:1px solid #dfe3ee;border-radius:20px;background:white;cursor:crosshair;box-shadow:0 10px 28px rgba(42,52,94,.08)}.runtime-graph-layout .grid-line{stroke:#e9ebf3;stroke-width:1}.runtime-graph-layout .axis{stroke:#48506a;stroke-width:2.5}.runtime-graph-layout text{fill:#7b8296;font-size:13px;text-anchor:middle;-webkit-user-select:none;user-select:none}.runtime-graph-layout .selected-point{fill:#7652f4;stroke:white;stroke-width:5;filter:drop-shadow(0 4px 5px rgba(82,56,190,.35))}.runtime-graph-layout .target-point{fill:none;stroke:#35a853;stroke-width:5}.runtime-graph-layout .target-label{fill:#27873a;font-size:16px;font-weight:900;text-anchor:start}.runtime-graph-controls{display:grid;grid-template-columns:repeat(3,44px);gap:7px}.runtime-graph-controls button{width:44px;height:44px;padding:0;border:1px solid #dcdfea;border-radius:12px;color:#5e43d0;background:white;font-size:21px;font-weight:900;box-shadow:0 4px 12px rgba(40,49,90,.07)}.runtime-geometry{align-content:start}.runtime-geometry-layout{width:min(900px,100%);display:grid;grid-template-columns:minmax(340px,1.3fr) minmax(220px,.7fr);align-items:center;gap:24px}.runtime-geometry-layout svg{width:100%;max-height:360px;border:1px solid #e1e4ed;border-radius:22px;background:linear-gradient(#f2f4fa 1px,transparent 0),linear-gradient(90deg,#f2f4fa 1px,transparent 0),white;background-size:24px 24px}.runtime-geometry-layout svg circle,.runtime-geometry-layout svg polygon,.runtime-geometry-layout svg rect{fill:rgba(118,82,244,.16);stroke:#7652f4;stroke-width:6}.runtime-geometry-layout svg line{stroke:#e25874;stroke-width:4;stroke-dasharray:8 6}.runtime-geometry-layout svg text{fill:#313a59;font-size:18px;font-weight:900;text-anchor:middle}.runtime-geometry-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.runtime-geometry-choices button{min-height:80px;display:grid;place-items:center;align-content:center;border:2px solid #e0e3ed;border-radius:16px;color:#27304e;background:white}.runtime-geometry-choices button strong{font-size:25px}.runtime-geometry-choices button span{color:#7b8296;font-size:12px}.runtime-geometry-choices button.selected{border-color:#7652f4;color:#6541e3;background:#f0edff}.runtime-map{align-content:start}.runtime-map-layout{width:min(980px,100%);display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:stretch}.runtime-map-scene{min-height:430px;position:relative;overflow:hidden;border:1px solid #d9e5ec;border-radius:24px;background:radial-gradient(circle at 75% 18%,rgba(255,255,255,.85),transparent 20%),linear-gradient(145deg,#d9f4ff,#b8e4f2);box-shadow:0 12px 32px rgba(35,73,96,.1)}.runtime-map-scene svg{width:100%;height:100%;position:absolute;inset:0}.runtime-map-scene svg path:first-child{fill:#b8d98e;stroke:#7eae78;stroke-width:5}.runtime-map-scene .map-river{fill:none;stroke:#72bde4;stroke-width:11;stroke-linecap:round}.runtime-map-scene>button{min-width:58px;min-height:58px;position:absolute;display:grid;justify-items:center;gap:3px;padding:6px 9px;border:2px solid white;border-radius:16px;color:#25304e;background:rgba(255,255,255,.94);box-shadow:0 7px 18px rgba(31,65,83,.2);transform:translate(-50%,-50%)}.runtime-map-scene>button>span{font-size:24px}.runtime-map-scene>button>strong{font-size:11px;white-space:nowrap}.runtime-map-scene>button.selected{border-color:#7652f4;color:#6541e3;background:#f0edff;transform:translate(-50%,-50%) scale(1.08)}.runtime-map-card{display:grid;justify-items:center;align-content:center;padding:24px;border:1px solid #e1e4ed;border-radius:22px;background:white;text-align:center}.runtime-map-card>span{font-size:58px}.runtime-map-card h2{margin:8px 0 3px}.runtime-map-card p{color:#687087;font-size:14px;line-height:1.45}.runtime-map-card small{color:#7652f4;font-weight:800}.runtime-timeline{align-content:start}.runtime-timeline>ol{width:min(1050px,100%);display:flex;align-items:flex-start;gap:0;overflow-x:auto;margin:18px 0;padding:15px 6px 20px;list-style:none}.runtime-timeline>ol>li{min-width:220px;flex:1 1;position:relative;display:grid;justify-items:center}.runtime-timeline>ol>li:before{content:"";width:100%;height:4px;position:absolute;top:45px;left:0;background:#d9dced}.runtime-timeline-date{min-height:58px;position:relative;z-index:2;display:grid;justify-items:center;gap:5px;color:#5f43d0}.runtime-timeline-date i{width:18px;height:18px;order:2;border:4px solid white;border-radius:50%;background:#7652f4;box-shadow:0 0 0 3px #cfc5ff}.runtime-timeline-event{width:calc(100% - 18px);min-height:125px;display:grid;justify-items:center;align-content:center;gap:5px;margin-top:10px;padding:14px;border:2px solid #e3e5ef;border-radius:17px;color:#29324f;background:white}.runtime-timeline-event>span{font-size:30px}.runtime-timeline-event small{color:#687087;line-height:1.35}.runtime-timeline li.active .runtime-timeline-event{border-color:#7652f4;background:#f5f2ff}.runtime-timeline-move{display:flex;gap:6px;margin-top:8px}.runtime-timeline-move button{width:42px;height:38px;border:1px solid #dfe2ec;border-radius:10px;color:#5f43d0;background:white;font-weight:900}.runtime-timeline-move button:disabled{opacity:.28}.runtime-lab{align-content:start;background:radial-gradient(circle at 28% 40%,#e9f8ff,#fff 45%,#f6f2ff 100%)}.runtime-lab-layout{width:min(900px,100%);display:grid;grid-template-columns:minmax(260px,.72fr) minmax(380px,1.28fr);gap:22px;align-items:stretch}.runtime-lab-visual{min-height:350px;display:grid;justify-items:center;align-content:center;gap:12px;padding:24px;border:1px solid #dce4ed;border-radius:24px;background:white;box-shadow:0 12px 30px rgba(34,51,82,.08)}.runtime-lab-visual>span{font-size:80px;filter:drop-shadow(0 10px 8px rgba(43,63,92,.16))}.runtime-lab-visual>div{width:54px;height:150px;position:relative;display:flex;align-items:flex-end;overflow:hidden;border:5px solid #dce1ec;border-radius:30px;background:#eef1f6}.runtime-lab-visual>div i{width:100%;display:block;min-height:4px;border-radius:22px;background:linear-gradient(#ffba36,#f0645f);transition:height .2s ease}.runtime-lab-visual.balance>div i{background:linear-gradient(#8c69ff,#5f43d0)}.runtime-lab-visual.circuit>div i{background:linear-gradient(#ffe14a,#f4aa23)}.runtime-lab-visual>strong{font-size:21px}.runtime-lab-visual>small{color:#687087}.runtime-lab-controls{display:grid;align-content:center;gap:14px;padding:24px;border:1px solid #e0e3ed;border-radius:24px;background:white}.runtime-lab-controls label{display:grid;gap:9px;padding:16px;border-radius:16px;background:#f7f8fc;text-align:left}.runtime-lab-controls label>small,.runtime-lab-controls label>span{display:flex;justify-content:space-between;gap:15px}.runtime-lab-controls label>span b{color:#6541e3}.runtime-lab-controls label>small{color:#7b8296}.runtime-lab-controls label>small i{font-style:normal}.runtime-lab-controls input{width:100%;accent-color:#7652f4}.runtime-lab-control{display:grid;gap:9px;padding:16px;border-radius:16px;background:#f7f8fc;text-align:left}.runtime-lab-control>small,.runtime-lab-control>span{display:flex;justify-content:space-between;gap:15px}.runtime-lab-control>span b{color:#6541e3}.runtime-lab-control>small{color:#7b8296}.runtime-lab-control>small i{font-style:normal}.runtime-lab-control>div{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:9px}.runtime-lab-control>div button{width:44px;height:44px;padding:0;border:1px solid #d9ddec;border-radius:12px;color:#6541e3;background:white;font-size:24px;font-weight:900}.runtime-lab-control>div button:disabled{opacity:.3}.runtime-lab-control input{width:100%;accent-color:#7652f4}.runtime-code{align-content:start;background:linear-gradient(145deg,#f8f9ff,#eef2ff)}.runtime-code-layout{width:min(1050px,100%);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px;text-align:left}.runtime-code-editor,.runtime-code-output{overflow:hidden;display:grid;align-content:start;border:1px solid #dfe2ed;border-radius:20px;background:white;box-shadow:0 12px 30px rgba(34,43,82,.08)}.runtime-code-editor>div,.runtime-code-output>div:first-child{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid #30384d;color:#dce4ff;background:#202638}.runtime-code-editor>div span{color:#a9b9ea;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.runtime-code-editor>div button{border:0;color:#b8c3df;background:transparent;font-size:12px;font-weight:800}.runtime-code-editor label{display:block}.runtime-code-editor textarea{width:100%;min-height:330px;display:block;resize:vertical;padding:20px;border:0;outline:0;color:#e7ecff;background:#171c2b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;line-height:1.6;tab-size:2}.runtime-code-editor>.button{justify-self:start;margin:14px 16px 16px}.runtime-code-output>div:first-child{border-color:#e2e5ee;color:#28314e;background:#f5f6fa}.runtime-code-output>div:first-child small{color:#7b8296}.runtime-code-output pre{min-height:180px;overflow:auto;margin:0;padding:20px;color:#93f5af;background:#101522;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.55;white-space:pre-wrap}.runtime-code-output>.feedback{width:auto;margin:14px}.runtime-code-error{margin:12px 16px;color:#b14d42;font-size:13px}.runtime-code-output details{margin:0 16px 16px;padding:12px 14px;border-radius:12px;color:#4e5670;background:#f5f6fb}.runtime-code-output summary{cursor:pointer;font-weight:800}.runtime-code-output ul{margin-bottom:0;padding-left:20px}.runtime-listening{background:radial-gradient(circle at 50% 30%,#f0eaff,#fff 60%)}.runtime-listen-button{width:210px;min-height:170px;display:grid;place-items:center;align-content:center;gap:4px;margin:10px 0;border:0;border-radius:50%;color:#5138bd;background:linear-gradient(145deg,#eee9ff,#d8efff);box-shadow:0 15px 35px rgba(83,58,180,.16)}.runtime-listen-button>span{font-size:62px}.runtime-listen-button small{color:#7a7398}.runtime-transcript{width:min(620px,100%);padding:12px 16px;border-radius:13px;color:#4e5670;background:#f4f5fa}.runtime-transcript summary{cursor:pointer;font-weight:800}.runtime-speech{align-content:start}.runtime-speech blockquote{width:min(760px,100%);margin:8px 0;padding:22px 26px;border:0;border-radius:18px;color:#3a2a84;background:#f0edff;font-size:clamp(21px,3vw,31px);font-weight:900}.runtime-microphone{width:min(680px,100%);display:grid;justify-items:center;gap:12px;padding:24px;border:1px solid #e0e3ed;border-radius:22px;background:white}.runtime-microphone>span{width:100px;height:100px;display:grid;place-items:center;border-radius:50%;background:#edf0f8;font-size:50px}.runtime-microphone.recording>span{background:#ffe4e4;animation:runtime-pulse 1s ease-in-out infinite}.runtime-microphone>div{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.runtime-microphone audio{width:min(100%,500px)}.runtime-speech-alternative{width:min(620px,100%);padding:14px;border-radius:14px;color:#315e3c;background:#eaf9e9}.runtime-speech-alternative p{margin:3px}.runtime-speech-tips{width:min(650px,100%);display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.runtime-speech-tips li{padding:7px 11px;border-radius:999px;color:#5c647c;background:#f1f2f7;font-size:12px}.runtime-pronunciation{background:radial-gradient(circle at 50% 32%,#eaf8ff,#fff 65%)}.runtime-target-phrase{width:min(680px,100%);display:flex;align-items:center;justify-content:center;gap:14px;padding:23px;border-radius:19px;color:#283252;background:white;box-shadow:0 10px 27px rgba(42,55,93,.08)}.runtime-target-phrase button{width:54px;height:54px;padding:0;border:0;border-radius:50%;background:#e9e4ff;font-size:25px}.runtime-target-phrase strong{font-size:clamp(24px,4vw,38px)}.runtime-pronounce-button{min-width:210px;min-height:58px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:16px;color:white;background:linear-gradient(135deg,#ef657d,#d94c68);font-weight:900;box-shadow:0 10px 25px rgba(205,67,93,.2)}.runtime-pronounce-button span{font-size:23px}.runtime-pronounce-button.listening{animation:runtime-pulse 1s ease-in-out infinite}.runtime-voice-error{margin:0;color:#a34b42;font-size:13px}.runtime-transcript-input{width:min(650px,100%);display:grid;gap:7px;color:#5d657d;text-align:left}.runtime-transcript-input input{width:100%;height:50px;padding:0 14px;border:1px solid #dfe2ec;border-radius:13px;color:#28314e;background:white}.runtime-transcript-input span{font-size:12px;font-weight:800}@media (max-width:820px){.runtime-code-layout,.runtime-geometry-layout,.runtime-graph-layout,.runtime-lab-layout,.runtime-map-layout{grid-template-columns:1fr}.runtime-graph-controls{justify-self:center}.runtime-geometry-layout svg{max-height:280px}.runtime-formula-note{text-align:center}.runtime-map-scene{min-height:350px}.runtime-map-card{min-height:180px}.runtime-timeline>ol>li{min-width:190px}.runtime-lab-visual{min-height:260px}.runtime-code-editor textarea{min-height:280px}.runtime-listen-button{width:175px;min-height:145px}.runtime-microphone{padding:18px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}.nut.selected,.runtime-animation-item,.runtime-map-scene>button.selected{opacity:1!important;transform:none!important}.runtime-map-scene>button{transform:translate(-50%,-50%)!important}}@media (prefers-contrast:more){:root{--line:#646b80;--muted:#4d5365}.button,.runtime-choice-grid button,.runtime-interactive,.runtime-matching button,.runtime-media-card,.runtime-ordering li{border-color:currentColor}.matched,.selected,[aria-pressed=true]{outline:3px solid currentColor;outline-offset:2px}}@media (forced-colors:active){.button.primary,.button.success,.feedback,.runtime-preview-badge,.runtime-sync{forced-color-adjust:none}.progress i{background:Highlight}.runtime-animation-item,.runtime-map-scene>button{box-shadow:none}}.runtime-theory .theory-mascot:has(.lesson-artwork){width:min(300px,100%);margin:auto;font-size:0;filter:none}.runtime-theory .theory-mascot .lesson-artwork{height:auto;max-width:100%}@media(max-width:820px){.runtime-theory .theory-mascot:has(.lesson-artwork){width:170px}}