@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";:root{--ink:#16324a;--muted:#607487;--sky:#dff4ff;--blue:#168fd3;--blue-dark:#0876b9;--cream:#fffaf0;--yellow:#ffd65a;--green:#35b873;--card:#fff;--radius:28px;--shadow:0 18px 50px rgba(40,91,123,.12);font-family:Be Vietnam Pro,system-ui,sans-serif;color:var(--ink);background:#fbfdff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#f5fbff 0,#fff 24%,#fffaf2)}button,a{font:inherit}button{cursor:pointer}.site-header{height:76px;display:flex;align-items:center;gap:28px;padding:0 max(4vw,24px);position:sticky;top:0;background:#fcfeffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;border-bottom:1px solid rgba(46,113,150,.09)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:20px;font-weight:800;white-space:nowrap}.brand b{color:var(--blue)}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--blue);color:#fff;box-shadow:inset 0 -4px #0000001a}.nav{display:flex;gap:28px;margin:auto}.nav button{border:0;background:none;color:#4c6679;font-size:14px;font-weight:600}.nav button:hover{color:var(--blue)}.header-cta,.primary{border:0;border-radius:14px;color:#fff;background:var(--blue);font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 18px #168fd33d}.header-cta{padding:11px 17px}.primary{padding:15px 21px}.header-cta:hover,.primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.menu-button{display:none;background:none;border:0;color:var(--ink)}.hero{min-height:620px;position:relative;display:grid;align-items:center;overflow:hidden;background:#dff3ff}.hero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#ebf8fffa,#ebf8ffd6 39%,#ebf8ff14 67%)}.hero-content{position:relative;z-index:1;width:min(610px,90%);margin-left:max(7vw,30px);padding:62px 0}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:7px;color:#087bb8;font-size:12px;font-weight:800;letter-spacing:.08em}.eyebrow{padding:9px 13px;border-radius:999px;background:#ffffffc7;letter-spacing:0}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.08;letter-spacing:-.04em;margin:18px 0}.hero h1 em{font-style:normal;color:var(--blue)}.hero-content>p{font-size:18px;line-height:1.75;color:#47667c;max-width:570px}.hero-actions{display:flex;gap:12px;margin-top:26px}.secondary{padding:14px 18px;border:1px solid rgba(24,95,132,.18);border-radius:14px;background:#ffffffd1;color:var(--ink);font-weight:700;display:flex;align-items:center;gap:8px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:#567084;font-size:12px;font-weight:600}.trust-row span{display:flex;align-items:center;gap:6px}.trust-row svg{width:16px;color:var(--green)}.numbers{max-width:1100px;margin:-34px auto 0;position:relative;z-index:2;border-radius:24px;background:#fff;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);padding:22px}.numbers article{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #e7eef3}.numbers article:last-child{border:0}.numbers strong{font-size:32px;color:var(--blue)}.numbers span{font-size:13px;color:var(--muted);max-width:92px}.section{max-width:1180px;margin:0 auto;padding:100px 24px}.section-heading{text-align:center;max-width:720px;margin:0 auto 38px}.section-heading h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.035em;margin:10px 0}.section-heading p{color:var(--muted);line-height:1.7}.strand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.strand-card{display:flex;gap:14px;padding:22px;background:#fff;border:1px solid #e9f0f4;border-radius:20px;box-shadow:0 10px 30px #2c607e12;border-top:4px solid var(--accent)}.strand-icon{width:45px;height:45px;display:grid;place-items:center;flex:none;border-radius:14px;background:color-mix(in srgb,var(--accent) 14%,white);color:var(--accent);font-size:23px}.strand-card small,.module-copy small{color:var(--accent);font-size:10px;font-weight:800;text-transform:uppercase}.strand-card h3{font-size:15px;margin:4px 0}.strand-card p{font-size:12px;color:var(--muted);margin:0}.roadmap-section{padding-top:70px}.section-heading.split{max-width:none;display:flex;text-align:left;justify-content:space-between;align-items:end}.progress-pill{padding:12px 16px;background:#fff;border:1px solid #e7eef3;border-radius:16px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.progress-pill svg{color:#e4aa00}.grade-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.grade-tabs button{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid #dfe9ef;background:#fff;border-radius:18px;padding:12px;color:var(--ink)}.grade-tabs button>b{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--grade) 15%,white);color:var(--grade);font-size:20px}.grade-tabs button span{display:flex;flex-direction:column;font-weight:700}.grade-tabs small{font-size:10px;color:var(--muted);font-weight:500}.grade-tabs button[aria-selected=true]{border-color:var(--grade);box-shadow:0 8px 24px color-mix(in srgb,var(--grade) 18%,transparent);transform:translateY(-2px)}.lesson-panel{background:#fff;border-radius:26px;border:1px solid #e1ebf0;overflow:hidden;box-shadow:var(--shadow)}.lesson-head{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:linear-gradient(90deg,color-mix(in srgb,var(--grade) 12%,white),#fff)}.lesson-head span{color:var(--grade);font-size:12px;font-weight:800}.lesson-head h3{margin:4px 0}.mini-progress{width:180px;height:9px;background:#eaf0f3;border-radius:99px;overflow:hidden}.mini-progress span{height:100%;display:block;background:var(--grade);transition:width .3s}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:20px;gap:10px}.lesson{display:flex;align-items:center;gap:11px;text-align:left;border:0;border-radius:14px;background:#f6f9fb;padding:12px;color:#29465b;min-height:63px}.lesson:hover{background:color-mix(in srgb,var(--grade) 9%,white)}.lesson.done{opacity:.68}.lesson-no{width:31px;height:31px;display:grid;place-items:center;flex:none;border-radius:10px;background:#fff;color:var(--grade);font-weight:800;box-shadow:0 2px 8px #0000000f}.lesson>span:last-child{font-size:12px;font-weight:600;line-height:1.35}.lesson small{display:block;font-size:9px;color:var(--grade);margin-bottom:2px}.lesson-note{text-align:center;font-size:11px;color:var(--muted);padding:0 20px 18px;margin:0}.explore-section{max-width:1240px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.module-card{overflow:hidden;border-radius:24px;background:#fff;box-shadow:var(--shadow);border:1px solid #e8eff3;transition:.25s}.module-card:hover{transform:translateY(-7px)}.module-image{height:250px;position:relative;overflow:hidden}.module-image img{width:100%;height:100%;object-fit:cover}.module-image span{position:absolute;top:14px;left:14px;padding:7px 10px;background:#ffffffe6;border-radius:10px;font-size:11px;font-weight:800;color:var(--blue)}.module-copy{padding:22px}.module-copy h3{font-size:21px;margin:6px 0}.module-copy p{font-size:13px;line-height:1.65;color:var(--muted);min-height:64px}.module-copy button{display:flex;align-items:center;gap:7px;border:0;background:none;color:var(--blue);font-weight:800;padding:8px 0}.safety-banner{max-width:1120px;margin:20px auto 100px;padding:34px;border-radius:28px;background:#123a59;color:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;box-shadow:0 25px 60px #113a593d}.safety-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:20px;background:#ffffff1f;color:#7ee5b1}.safety-banner span{font-size:10px;letter-spacing:.12em;color:#7ee5b1;font-weight:800}.safety-banner h2{margin:6px 0;font-size:24px}.safety-banner p{margin:0;color:#c7dae6;font-size:13px;line-height:1.6}.safety-banner button{background:#fff;color:#123a59;border:0;border-radius:14px;padding:13px 17px;font-weight:800}footer{padding:34px max(4vw,24px);display:flex;align-items:center;gap:24px;border-top:1px solid #e2ebf0;background:#fff}footer p{margin:auto;color:var(--muted);font-size:12px}footer>span{font-size:11px;color:#7790a2}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#071f30b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(620px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:30px;padding:32px;text-align:center;box-shadow:0 30px 90px #0000004d}.close{position:absolute;right:18px;top:18px;border:0;background:#eef4f7;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.modal-bot{width:56px;height:56px;display:grid;place-items:center;margin:auto;border-radius:18px;background:var(--sky);color:var(--blue)}.modal h2{margin:12px 0 6px}.modal>p{color:var(--muted);font-size:13px}.lab-area video{width:100%;height:280px;object-fit:cover;background:#e9f3f8;border-radius:20px;margin:14px 0}.lab-actions{display:flex;justify-content:center}.result{margin:16px 0 0;padding:13px;border-radius:12px;background:#e9f6ff;color:#176a99;font-size:13px}.result.success{background:#e7f8ef;color:#177446}.result.warning{background:#fff0e9;color:#9d482b}.baskets{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.baskets button{border:2px dashed #bdd3de;background:#f6fbfd;border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:5px}.baskets button span{font-size:40px}.baskets small{color:var(--muted)}.training>.primary{margin:auto}.primary:disabled{opacity:.45;cursor:not-allowed}.text-button{border:0;background:none;color:var(--muted);margin-top:13px;display:inline-flex;gap:5px}.chat{padding:18px;background:#eef7fc;border-radius:18px;margin:20px 0;font-weight:600}.safety-quiz>button:not(.close){width:100%;padding:13px;margin:5px 0;border-radius:13px;border:1px solid #dce7ed;background:#fff;font-weight:700}.safety-quiz .safe-choice{background:#e7f8ef;border-color:#79d9a7;color:#177446}@media(max-width:900px){.nav{display:none;position:absolute;top:68px;right:18px;flex-direction:column;background:#fff;padding:18px;border-radius:18px;box-shadow:var(--shadow)}.nav.open{display:flex}.header-cta{margin-left:auto}.menu-button{display:block}.hero{min-height:650px;align-items:end}.hero>img{object-position:64% center}.hero:after{background:linear-gradient(180deg,#e2f6ff33 20%,#e2f6fffa 66%)}.hero-content{width:auto;margin:0;padding:270px 25px 42px}.hero h1{font-size:42px}.numbers{margin:0;border-radius:0;box-shadow:none}.strand-grid,.lesson-grid{grid-template-columns:1fr 1fr}.module-grid{grid-template-columns:1fr}.module-card{display:grid;grid-template-columns:42% 1fr}.module-image{height:auto}.safety-banner{margin:20px 24px 70px;grid-template-columns:auto 1fr}.safety-banner button{grid-column:1/-1}.section{padding:76px 24px}}@media(max-width:600px){.site-header{height:68px;padding:0 16px}.header-cta{display:none}.hero{min-height:700px}.hero-content{padding-top:300px}.hero h1{font-size:37px}.hero-content>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions button{justify-content:center}.trust-row{gap:10px}.numbers{grid-template-columns:1fr 1fr;padding:13px}.numbers article{padding:10px;border-right:0;border-bottom:1px solid #e7eef3}.numbers article:nth-last-child(-n+2){border-bottom:0}.section{padding:66px 16px}.strand-grid,.lesson-grid{grid-template-columns:1fr}.section-heading.split{display:block}.progress-pill{margin-top:12px;width:max-content}.grade-tabs{display:flex;overflow:auto;padding:5px 2px;scrollbar-width:none}.grade-tabs button{min-width:108px}.grade-tabs button span{display:none}.lesson-head{display:block}.mini-progress{width:100%;margin-top:12px}.module-card{display:block}.module-image{height:220px}.safety-banner{margin:10px 16px 60px;padding:24px;display:block;text-align:center}.safety-icon{margin:0 auto 15px}.safety-banner button{margin-top:18px}footer{flex-direction:column;text-align:center}footer p{margin:0}.modal{padding:28px 18px}.lab-area video{height:220px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.k12-section{max-width:1240px}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.level-card{background:#fff;border:1px solid #e2ebf0;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);transition:.25s}.level-card:hover{transform:translateY(-6px)}.level-card>img{display:block;width:100%;height:235px;object-fit:cover}.level-copy{padding:22px}.level-copy>span{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--level)}.level-copy h3{font-size:25px;margin:6px 0}.level-copy h3 small{font-size:12px;color:var(--muted);font-weight:600}.level-copy p{color:var(--muted);font-size:13px;line-height:1.65;min-height:64px}.level-copy>div{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.level-copy b{padding:6px 9px;border-radius:8px;background:color-mix(in srgb,var(--level) 10%,white);color:var(--level);font-size:10px}.level-copy button{border:0;background:none;color:var(--level);display:flex;align-items:center;gap:6px;padding:8px 0;font-weight:800;font-size:13px}.primary-level{--level:#1594d1}.middle-level{--level:#168b89}.high-level{--level:#6e56cf}.coming-soon>div{display:flex;gap:10px;justify-content:center;margin:24px 0}.coming-soon span{background:#eef7fc;color:var(--blue);padding:9px 12px;border-radius:10px;font-size:12px;font-weight:700}.coming-soon p{color:var(--muted);font-size:13px}.coming-soon .primary{margin:20px auto 0}@media(max-width:900px){.level-grid{grid-template-columns:1fr}.level-card{display:grid;grid-template-columns:42% 1fr}.level-card>img{height:100%;min-height:300px}}@media(max-width:600px){.level-card{display:block}.level-card>img{height:220px;min-height:0}}.module-grid{grid-template-columns:repeat(2,1fr)}@media(max-width:900px){.module-grid{grid-template-columns:1fr}}.lesson{position:relative;padding-right:34px}.lesson-arrow{position:absolute;right:12px;color:var(--grade);opacity:.55}.lesson:hover .lesson-arrow{transform:translate(3px);opacity:1}.lesson-backdrop{align-items:start;overflow:auto}.lesson-modal{width:min(820px,100%);margin:30px auto;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 30px 90px #0000004d}.lesson-modal-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 24px;border-bottom:1px solid #e6edf1;background:#fbfdfe}.lesson-back{justify-self:start;display:flex;align-items:center;gap:7px;border:0;background:none;color:var(--ink);font-weight:700}.lesson-position{font-size:12px;font-weight:800;color:var(--lesson-color);padding:7px 11px;border-radius:9px;background:color-mix(in srgb,var(--lesson-color) 11%,white)}.lesson-duration{justify-self:end;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px}.lesson-title-block{display:flex;gap:18px;padding:30px 34px 24px;background:linear-gradient(120deg,color-mix(in srgb,var(--lesson-color) 12%,white),#fff)}.lesson-strand-icon{width:58px;height:58px;display:grid;place-items:center;flex:none;border-radius:18px;background:var(--lesson-color);color:#fff;font-size:26px}.lesson-title-block small,.lesson-story small,.lesson-check>small,.lesson-section-title small{color:var(--lesson-color);font-weight:800;font-size:10px;letter-spacing:.08em}.lesson-title-block h2{font-size:31px;line-height:1.15;margin:5px 0 10px}.lesson-title-block p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.lesson-story{margin:24px 34px;display:flex;gap:14px;padding:20px;border-radius:20px;background:#edf8ff}.bobo-avatar{width:46px;height:46px;display:grid;place-items:center;flex:none;border-radius:15px;background:#fff;color:var(--blue)}.lesson-story p{margin:6px 0 0;line-height:1.7;font-size:14px}.lesson-activity,.lesson-check{padding:16px 34px 24px}.lesson-section-title{display:flex;align-items:center;gap:12px}.lesson-section-title>svg{color:var(--lesson-color)}.lesson-section-title h3{margin:2px 0;font-size:19px}.lesson-activity ol{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.lesson-activity li{padding:16px;border-radius:16px;background:#f6f9fb;border:1px solid #e8eff3}.lesson-activity li>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--lesson-color) 14%,white);color:var(--lesson-color);font-size:12px;font-weight:800}.lesson-activity li p{font-size:12px;line-height:1.55;color:#3f5a6d;margin:10px 0 0}.remember-box{display:flex;align-items:center;gap:12px;margin:0 34px 15px;padding:14px 17px;border-left:4px solid #efb820;border-radius:12px;background:#fff8db;color:#674f0d}.remember-box svg{flex:none}.remember-box p{font-size:12px;margin:0}.lesson-check{border-top:1px solid #e6edf1}.lesson-check h3{margin:6px 0 15px;font-size:18px}.answer-list{display:grid;gap:8px}.answer{display:flex;align-items:center;gap:10px;text-align:left;padding:11px;border:1px solid #dfe9ef;border-radius:12px;background:#fff;color:var(--ink)}.answer>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eef4f7;font-size:11px;font-weight:800}.answer>svg{margin-left:auto}.answer:hover,.answer.selected{border-color:var(--lesson-color);background:color-mix(in srgb,var(--lesson-color) 5%,white)}.answer.correct{border-color:#35b873;background:#eaf9f1;color:#187647}.answer.wrong{border-color:#ef8d70;background:#fff1ed}.quiz-feedback{font-size:12px;color:#9d482b;margin-bottom:0}.quiz-feedback.correct{color:#187647}.lesson-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 34px;background:#f7fafb;border-top:1px solid #e3ebef}.lesson-modal-footer>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.lesson-modal-footer>span svg{color:var(--green)}@media(max-width:600px){.lesson-modal{margin:0;border-radius:0;min-height:100vh}.lesson-modal-head{grid-template-columns:1fr auto;padding:14px 16px}.lesson-position{display:none}.lesson-title-block{padding:24px 18px}.lesson-title-block h2{font-size:25px}.lesson-title-block p{font-size:12px}.lesson-strand-icon{width:48px;height:48px}.lesson-story{margin:18px;padding:16px}.lesson-activity,.lesson-check{padding:14px 18px 20px}.lesson-activity ol{grid-template-columns:1fr}.remember-box{margin:0 18px 12px}.lesson-modal-footer{padding:13px 18px;position:sticky;bottom:0}.lesson-modal-footer>span{display:none}}.slide-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 34px 0;gap:8px;background:#fff}.slide-nav button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 7px;border:0;border-bottom:3px solid #dfe8ed;background:none;color:#718596;font-size:11px;font-weight:700}.slide-nav button span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#edf3f6}.slide-nav button.active{color:var(--lesson-color);border-color:var(--lesson-color)}.slide-nav button.active span{background:color-mix(in srgb,var(--lesson-color) 14%,white)}.slide-nav button:disabled{opacity:.42;cursor:not-allowed}.lesson-slide{min-height:440px;animation:slide-in .28s ease}.theory-slide,.visual-slide,.illustration-slide{padding:24px 34px}.vocabulary-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:18px 0 12px}.vocabulary-strip article{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-radius:13px;background:color-mix(in srgb,var(--lesson-color) 8%,white);border:1px solid color-mix(in srgb,var(--lesson-color) 18%,white)}.vocabulary-strip b{flex:none;color:var(--lesson-color);font-size:11px}.vocabulary-strip span{color:#4e6677;font-size:10px;line-height:1.45}.theory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.theory-list article{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:#f6f9fb;border:1px solid #e5edf1;border-radius:15px}.theory-list article>span{width:27px;height:27px;display:grid;place-items:center;flex:none;border-radius:9px;background:var(--lesson-color);color:#fff;font-size:11px;font-weight:800}.theory-list p{margin:3px 0;font-size:12px;line-height:1.6;color:#3d586b}.theory-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.theory-support>article{display:flex;align-items:flex-start;gap:10px;padding:14px 15px;border-radius:15px}.theory-support svg{width:19px;flex:none}.theory-support b{font-size:11px}.theory-support p{margin:4px 0 0;font-size:11px;line-height:1.55;color:#486173}.example-card{background:#eef8ff;color:#2081b6}.think-card{background:#f3efff;color:#6952ba}.theory-slide .remember-box{margin:12px 0 0}.slide-canvas{margin-top:18px;min-height:250px;padding:26px 20px;border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--lesson-color) 10%,white),#f8fbfc);display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid color-mix(in srgb,var(--lesson-color) 16%,white)}.slide-canvas article{width:150px;min-height:145px;padding:15px;border-radius:17px;background:#fff;box-shadow:0 10px 28px #2a526a1a;display:flex;flex-direction:column}.slide-canvas article>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--lesson-color);color:#fff;font-weight:800}.slide-canvas article p{font-size:11px;line-height:1.5;margin:12px 0}.slide-bobo{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--lesson-color);font-size:9px;font-weight:800}.slide-bobo svg{width:35px;height:35px}.flow-arrow{flex:none;color:var(--lesson-color);opacity:.55}.slide-caption{text-align:center;color:var(--muted);font-size:11px}.illustration-slide figure{margin:18px 0 0;overflow:hidden;border-radius:22px;background:#eff6f8;border:1px solid #e1eaef}.illustration-slide figure>img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain}.illustration-slide figcaption{display:flex;gap:12px;align-items:flex-start;padding:15px 18px;background:#fff;color:var(--lesson-color)}.illustration-slide figcaption svg{flex:none}.illustration-slide figcaption b{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.illustration-slide figcaption p{font-size:12px;line-height:1.55;color:var(--muted);margin:4px 0}.lesson-slide>.lesson-check{padding-top:28px}.lesson-modal-footer{position:sticky;bottom:0;z-index:2}.lesson-modal-footer .primary{min-width:150px}@keyframes slide-in{0%{opacity:.15;transform:translate(12px)}to{opacity:1;transform:none}}@media(max-width:700px){.slide-nav{padding:10px 12px 0}.slide-nav button{font-size:9px;gap:4px;flex-direction:column}.slide-nav button span{width:25px;height:25px}.lesson-slide{min-height:500px}.theory-slide,.visual-slide,.illustration-slide{padding:20px 18px}.vocabulary-strip,.theory-list,.theory-support{grid-template-columns:1fr}.slide-canvas{padding:18px 12px;display:grid;grid-template-columns:1fr;min-height:0}.slide-bobo{display:none}.slide-canvas article{width:auto;min-height:0;flex-direction:row;align-items:center;gap:10px}.slide-canvas article p{margin:0}.flow-arrow{transform:rotate(90deg);margin:auto}.illustration-slide figure>img{height:auto;max-height:360px}.lesson-slide>.lesson-check{padding:24px 18px}.lesson-modal-footer>span{display:flex}.lesson-modal-footer .primary{min-width:140px}}.illustration-slide figure>img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;background:#edf4f7}@media(max-width:700px){.illustration-slide figure>img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}}.listen-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 34px;background:#123a59;color:#fff}.listen-bar>div:first-child{display:flex;align-items:center;gap:10px}.listen-bar>div:first-child>svg{color:#7ee5b1}.listen-bar span{display:flex;flex-direction:column}.listen-bar b{font-size:12px}.listen-bar small{color:#bfd5e2;font-size:9px;margin-top:2px}.listen-actions{display:flex;gap:6px}.listen-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border:0;border-radius:11px;background:#fff;color:#123a59;font-size:11px;font-weight:800}.listen-actions button>svg{width:17px}.listen-actions button.listening{background:#7ee5b1}.listen-actions button:disabled{opacity:.5;cursor:not-allowed}.listen-actions #lesson-replay{width:38px;padding:8px}.speech-error{margin:0;padding:8px 34px;background:#fff0e9;color:#914628;font-size:10px}.listen-actions button.listening svg{animation:sound-pulse 1s ease infinite}@keyframes sound-pulse{50%{transform:scale(.82);opacity:.7}}@media(max-width:600px){.listen-bar{padding:11px 18px}.listen-bar>div:first-child>svg,.listen-bar small{display:none}.listen-actions button{padding:8px 10px}.listen-bar b{font-size:10px}.speech-error{padding:8px 18px}}.grade-achievement{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.game-stars{display:flex;align-items:center;gap:5px;color:#9b7100;font-size:11px}.game-stars svg{color:#e9ad00;fill:#ffd65a}.game-stations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 20px 20px}.game-card{display:flex;gap:15px;padding:18px;border-radius:20px;border:2px solid color-mix(in srgb,var(--grade) 22%,white);background:linear-gradient(135deg,color-mix(in srgb,var(--grade) 9%,white),#fff);box-shadow:0 10px 24px color-mix(in srgb,var(--grade) 10%,transparent)}.game-icon{width:58px;height:58px;display:grid;place-items:center;flex:none;border-radius:18px;background:#fff;font-size:30px;box-shadow:0 7px 18px #274c611a}.game-card-copy{min-width:0;flex:1}.game-badge{display:block;color:var(--grade);font-size:9px;font-weight:800;letter-spacing:.07em}.game-card h4{font-size:18px;margin:5px 0}.game-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.game-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px}.earned-stars{display:flex;color:#e3aa09;gap:2px}.game-card button{display:flex;align-items:center;gap:5px;border:0;border-radius:11px;padding:9px 12px;background:var(--grade);color:#fff;font-size:11px;font-weight:800}.game-modal{width:min(660px,100%);max-height:92vh;overflow:auto;position:relative;background:#fff;border-radius:30px;box-shadow:0 30px 90px #0000004d}.game-modal-head{display:flex;align-items:center;gap:18px;padding:28px 64px 24px 30px;background:linear-gradient(125deg,color-mix(in srgb,var(--game-color) 14%,white),#fff)}.game-hero-icon{width:68px;height:68px;display:grid;place-items:center;flex:none;border-radius:21px;background:#fff;font-size:36px;box-shadow:0 10px 25px color-mix(in srgb,var(--game-color) 18%,transparent)}.game-modal-head small,.game-complete>small{color:var(--game-color);font-size:10px;font-weight:800;letter-spacing:.09em}.game-modal-head h2{font-size:27px;margin:3px 0}.game-modal-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.game-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 30px;border-block:1px solid #e4edf1;color:var(--muted);font-size:11px}.game-progress>div{height:8px;border-radius:99px;background:#eaf0f3;overflow:hidden}.game-progress i{display:block;height:100%;background:var(--game-color);transition:width .25s}.game-progress b{display:flex;align-items:center;gap:4px;color:#a37600}.game-progress svg{color:#e3aa09}.game-play{padding:28px 30px}.challenge-label{color:var(--game-color);font-size:10px;font-weight:800;letter-spacing:.08em}.game-play h3{margin:7px 0 20px;font-size:20px;line-height:1.4}.game-options{display:grid;gap:9px}.game-option{min-height:54px;display:flex;align-items:center;gap:11px;padding:11px 14px;text-align:left;border:1px solid #dae6ec;border-radius:14px;background:#fff;color:var(--ink);font-weight:650}.game-option>span{width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:10px;background:#edf3f6;font-size:12px;font-weight:800}.game-option>svg{margin-left:auto}.game-option:not(:disabled):hover{border-color:var(--game-color);background:color-mix(in srgb,var(--game-color) 5%,white)}.game-option:disabled{cursor:default}.game-option.correct,.game-option.reveal-correct{border-color:#42bc79;background:#e9f9f0;color:#177346}.game-option.wrong{border-color:#ef8c70;background:#fff1ed;color:#944127}.category-options{grid-template-columns:repeat(2,minmax(0,1fr))}.game-feedback{margin-top:15px;padding:13px 15px;border-radius:13px;font-size:11px}.game-feedback b{font-size:12px}.game-feedback p{margin:4px 0 0;line-height:1.5}.game-feedback.correct{background:#e9f9f0;color:#176c3f}.game-feedback.wrong{background:#fff3e6;color:#855021}.game-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 30px;background:#f6f9fb;border-top:1px solid #e1eaef}.game-modal-footer>span{color:var(--muted);font-size:11px}.game-modal-footer .primary{background:var(--game-color);box-shadow:none;padding:12px 16px}.game-complete{text-align:center;padding:44px 30px}.reward-cup{width:82px;height:82px;display:grid;place-items:center;margin:0 auto 18px;border-radius:25px;background:#fff5c7;color:#c78f00}.reward-cup svg{width:42px;height:42px}.game-complete h2{font-size:28px;margin:7px 0}.game-complete p{color:var(--muted);font-size:13px}.reward-stars{display:flex;justify-content:center;gap:7px;color:#e3aa09;margin:22px 0}.reward-stars svg{width:42px;height:42px}.complete-actions{display:flex;justify-content:center;gap:10px}.complete-actions .primary{background:var(--game-color);box-shadow:none}.complete-actions .secondary{background:#fff}.primary:disabled{opacity:.45;transform:none}@media(max-width:700px){.grade-achievement{align-items:stretch}.game-stations{grid-template-columns:1fr;padding:0 14px 16px}.game-card{padding:15px}.game-icon{width:50px;height:50px;font-size:25px}.game-modal{min-height:100vh;border-radius:0;max-height:none}.game-modal-head{padding:24px 54px 20px 18px}.game-hero-icon{width:52px;height:52px;font-size:27px}.game-modal-head h2{font-size:22px}.game-progress{padding:12px 18px}.game-play{padding:24px 18px}.game-play h3{font-size:18px}.category-options{grid-template-columns:1fr}.game-modal-footer{position:sticky;bottom:0;padding:13px 18px}.game-modal-footer>span{display:none}.game-modal-footer .primary{width:100%}.game-complete{padding:70px 20px 30px}.complete-actions{flex-direction:column}.complete-actions button{width:100%;justify-content:center}}.visual-game-card{display:block;padding:0;overflow:hidden}.game-preview{position:relative;overflow:hidden;aspect-ratio:16/9;background:#dff4ff}.game-preview img{width:100%;height:100%;object-fit:contain;display:block}.game-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0e2c4108,#0e2c4124)}.game-preview>span{position:absolute;z-index:1;left:15px;bottom:12px;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#fff;font-size:27px;box-shadow:0 7px 18px #0d324933}.game-preview>b{position:absolute;z-index:1;right:12px;top:12px;padding:6px 9px;border-radius:9px;background:#ffffffeb;color:var(--grade);font-size:8px;letter-spacing:.08em}.visual-game-card .game-card-copy{padding:17px}.rich-game-modal{width:min(930px,100%)}.simulation-game,.code-game{padding:20px 30px 24px}.game-instruction,.scratch-guide{display:flex;align-items:center;gap:11px;padding:12px 15px;margin-bottom:14px;border-radius:15px;background:color-mix(in srgb,var(--game-color) 9%,white);color:var(--game-color)}.game-instruction>svg,.scratch-guide>svg{flex:none}.game-instruction>div,.scratch-guide>div{display:flex;flex:1;flex-direction:column;gap:3px}.game-instruction small,.scratch-guide small{font-size:9px;font-weight:800;letter-spacing:.08em}.game-instruction b,.scratch-guide b{font-size:12px;color:var(--ink)}.game-instruction>span{padding:6px 10px;border-radius:9px;background:#fff;font-weight:800;font-size:12px}.simulation-stage{position:relative;aspect-ratio:16/8.2;overflow:hidden;border-radius:22px;border:3px solid color-mix(in srgb,var(--game-color) 28%,white);background:#dff4ff}.simulation-stage>img{width:100%;height:100%;object-fit:cover;display:block}.scene-object{position:absolute;transform:translate(-50%,-50%);min-width:76px;border:0;background:transparent;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:4px;filter:drop-shadow(0 5px 7px rgba(10,39,58,.2));transition:.18s}.scene-object>span{width:58px;height:58px;display:grid;place-items:center;border:3px solid #fff;border-radius:18px;background:#fffffff0;font-size:31px}.scene-object>b{max-width:100px;padding:4px 7px;border-radius:7px;background:#fffffff0;font-size:9px}.scene-object:hover{transform:translate(-50%,-50%) scale(1.08)}.scene-object.found>span{background:#c9f5db;border-color:#39b773;animation:found-pop .45s ease}.scene-object.found>b{color:#137241}.game-message{min-height:37px;margin:12px 0 0;padding:10px 13px;border-radius:11px;background:#fff2e7;color:#8a5027;font-size:11px;text-align:center}.game-message.success{background:#e8f9ef;color:#197044}.live-stars{display:flex;align-items:center;gap:5px;color:#a77700;font-weight:800;font-size:12px}.code-layout{display:grid;grid-template-columns:38% 1fr;gap:14px}.code-stage{min-width:0;padding:14px;border-radius:18px;background:linear-gradient(145deg,#dff5ff,#f3edff);border:2px solid #b9def0;text-align:center}.code-stage>small{display:block;margin-top:8px;color:#46809d;font-size:8px;font-weight:800;letter-spacing:.1em}.grid-board{aspect-ratio:1.15;display:grid;gap:4px}.grid-board>span{position:relative;display:grid;place-items:center;min-width:0;border-radius:9px;background:#ffffffd1;border:1px solid rgba(52,132,174,.17);font-size:22px}.goal-cell{background:#fff3b8!important}.grid-robot{position:absolute;font-size:30px;filter:drop-shadow(0 4px 5px rgba(25,55,75,.22));transition:.3s}.scratch-workspace{display:grid;grid-template-columns:42% 1fr;gap:10px;min-width:0;padding:12px;border-radius:18px;background:#f4f6f8;border:1px solid #e1e7eb}.block-palette{display:flex;flex-direction:column;gap:7px}.block-palette>small{color:#607487;font-size:8px;font-weight:800}.scratch-block,.placed-block{display:flex;align-items:center;gap:7px;border:0;border-radius:8px;padding:9px 10px;background:#3d9fe8;color:#fff;text-align:left;font-size:10px;font-weight:700;box-shadow:inset 0 -2px #0000001f}.scratch-block>b{font-size:17px}.block-right2,.block-down2,.block-left2,.block-up2{background:#ff9d3d}.scratch-block:hover{filter:brightness(1.06);transform:translateY(-1px)}.script-area{min-width:0;border-radius:12px;background:#fff;overflow:hidden;border:1px solid #dfe7eb}.script-head{padding:9px;background:#ffd84c;color:#574500;font-size:10px;font-weight:800}.script-stack{padding:8px;min-height:175px}.script-stack>p{color:#8294a0;font-size:9px;line-height:1.5;text-align:center;margin:40px 8px}.placed-block{margin-bottom:4px}.placed-block>span{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;background:#fff3;font-size:8px}.code-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.code-controls button{padding:10px 12px;font-size:10px;box-shadow:none}.code-controls .primary{background:#2fac68}.code-controls button:disabled{opacity:.45}.game-modal-footer{min-height:54px}.game-complete .primary{background:var(--game-color)}@keyframes found-pop{50%{transform:scale(1.25)}}@media(max-width:700px){.visual-game-card{padding:0}.game-preview{height:auto}.rich-game-modal{min-height:100vh}.simulation-game,.code-game{padding:15px 14px 20px}.simulation-stage{aspect-ratio:4/5;min-height:470px}.simulation-stage>img{object-fit:cover;object-position:center}.scene-object>span{width:50px;height:50px;font-size:26px}.code-layout{grid-template-columns:1fr}.code-stage{max-height:300px}.grid-board{height:245px;aspect-ratio:auto}.scratch-workspace{grid-template-columns:43% 1fr}.script-stack{min-height:155px}.code-controls{display:grid;grid-template-columns:1fr 1fr}.code-controls .primary{grid-column:1/-1}.game-modal-footer{position:static}.game-modal-footer>span{display:block;font-size:9px}.game-modal-footer .live-stars{flex:none}}.code-stage{position:relative;overflow:hidden}.code-world{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.3}.code-stage>small,.grid-board{position:relative;z-index:1}.grid-board>span{background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.quest-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 14px;margin:18px 30px 12px;padding:12px 15px;border:1px solid color-mix(in srgb,var(--game-color) 22%,white);border-radius:14px;background:color-mix(in srgb,var(--game-color) 7%,white)}.quest-progress>span{color:var(--game-color);font-size:9px;font-weight:850;letter-spacing:.075em}.quest-progress>b{font-size:12px}.quest-progress>i{grid-column:1/-1;overflow:hidden;height:7px;border-radius:99px;background:#dfe9ee}.quest-progress>i>em{display:block;height:100%;border-radius:inherit;background:var(--game-color);transition:width .25s}.sensor-quest{padding-top:0}.sensor-quest-stage{aspect-ratio:16/8.7}.sensor-quest-stage>img{object-fit:contain;background:#dff4ff}.quest-next{display:flex;align-items:center;justify-content:center;gap:7px;margin:12px 0 0 auto;background:var(--game-color);box-shadow:none}.star-maze-quest>.code-game{padding-top:4px}.level-cleared{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:0 30px 20px;padding:14px;border:1px solid #acdaba;border-radius:15px;background:#eaf9ef}.level-cleared>span{font-size:30px}.level-cleared>div{display:grid;gap:3px}.level-cleared small{color:#237248;font-size:8px;font-weight:850;letter-spacing:.08em}.level-cleared b{font-size:12px}.level-cleared button{display:flex;align-items:center;gap:6px;background:#27865a;box-shadow:none}.star-maze-quest .code-controls button:disabled{cursor:not-allowed}.answer-feedback{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;margin:12px 0 0;padding:12px 14px;text-align:left;border:1px solid #cbdbe3;border-radius:13px;background:#f4f8fa;color:#365465}.answer-feedback>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#dfeaf0;font-size:17px;font-weight:900}.answer-feedback>div{display:grid;gap:3px}.answer-feedback b{font-size:12px}.answer-feedback p{margin:0;font-size:11px;line-height:1.45}.answer-feedback small{font-size:10px;line-height:1.55}.answer-feedback.correct{border-color:#9dd6b4;background:#eaf9f0;color:#176c3f}.answer-feedback.correct>span{background:#ccefd9}.answer-feedback.wrong{border-color:#efb69f;background:#fff1ec;color:#8a4229}.answer-feedback.wrong>span{background:#ffd9cc}.answer-feedback.neutral{border-color:#c8dce7;background:#f1f7fa}.answer-feedback.game-message{min-height:0}.mechanic-content>.answer-feedback{position:relative;z-index:2}@media(max-width:700px){.quest-progress{margin:12px 14px 10px}.sensor-quest-stage{aspect-ratio:4/5}.level-cleared{grid-template-columns:auto 1fr;margin:0 14px 18px}.level-cleared button{grid-column:1/-1;justify-content:center;width:100%}}.mechanic-game{padding:20px 30px 24px}.mechanic-scene{position:relative;min-height:360px;overflow:hidden;border-radius:22px;border:2px solid color-mix(in srgb,var(--game-color) 24%,white);background:#eff6fa}.mechanic-scene>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mechanic-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff4d;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.mechanic-content{position:relative;z-index:1;min-height:360px;padding:25px;display:flex;flex-direction:column;justify-content:center;align-items:center}.sort-card,.match-question,.shield-orb,.condition-card{display:flex;align-items:center;justify-content:center;gap:13px;min-width:260px;padding:22px;border-radius:20px;background:#fffffff2;box-shadow:0 15px 35px #14374c29;font-size:17px}.sort-card>span,.shield-orb{font-size:42px}.mechanic-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(620px,100%);margin-top:18px}.mechanic-actions.two{grid-template-columns:repeat(2,1fr)}.mechanic-actions button,.mechanic-grid button{border:2px solid color-mix(in srgb,var(--game-color) 30%,white);border-radius:14px;background:#fffffff5;padding:14px;color:var(--ink);font-weight:700}.mechanic-actions button:hover,.mechanic-grid button:hover{border-color:var(--game-color);transform:translateY(-2px)}.sequence-track{display:flex;gap:6px;min-height:55px;width:100%;justify-content:center;flex-wrap:wrap}.sequence-track span{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;background:#fff;font-size:10px;font-weight:700}.sequence-track b{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:var(--game-color);color:#fff}.mechanic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:100%;margin-top:16px}.mechanic-grid button{display:flex;align-items:center;gap:8px;text-align:left;font-size:11px}.mechanic-grid button>span{font-size:22px}.mechanic-grid button:disabled{opacity:.4}.debug-program{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.debug-program button{display:flex;align-items:center;gap:7px;border:0;border-radius:9px;padding:13px;background:#3d9fe8;color:#fff;font-weight:700;box-shadow:inset 0 -3px #0000001f}.debug-program button span{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#fff3}.mechanic-hint{padding:10px 13px;border-radius:10px;background:#fff8d8;font-size:11px}.shield-orb{flex-direction:column;min-width:230px}.shield-orb b{font-size:16px}.condition-card span{padding:7px;border-radius:8px;background:#ffcf42;font-size:10px;font-weight:900}.condition-card strong{font-size:30px;color:var(--game-color)}.balance-scale{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.balance-scale article{display:flex;flex-direction:column;align-items:center;gap:5px;padding:15px;border-radius:18px;background:#fffffff2;box-shadow:0 10px 25px #14374c1f}.balance-scale article>span{font-size:36px}.balance-scale article>strong{font-size:26px;color:var(--game-color)}.balance-scale article>div{display:flex;gap:6px}.balance-scale button{width:40px;height:34px;border:0;border-radius:9px;background:var(--game-color);color:#fff;font-size:18px;font-weight:800}.balance-scale button:disabled{opacity:.4}.mechanic-check{margin-top:17px;background:var(--game-color);box-shadow:none}.new-game-board{width:min(680px,100%);margin-top:72px;padding:20px;border-radius:20px;background:#fffffff2;box-shadow:0 15px 35px #14374c29;text-align:center}.new-game-board h3{margin:0;color:var(--ink);font-size:18px}.sequence-preview{margin:14px 0;padding:12px;border-radius:12px;background:#f3f8fb;font-size:23px;letter-spacing:.12em}.new-game-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.new-game-options button{min-height:58px;border:2px solid color-mix(in srgb,var(--game-color) 28%,white);border-radius:14px;background:#fff;color:var(--ink);font-size:17px;font-weight:800;cursor:pointer}.new-game-options button:hover{border-color:var(--game-color);transform:translateY(-2px)}.selected-sequence{margin:14px 0 0;color:var(--game-color);font-weight:800}@media(max-width:700px){.mechanic-game{padding:14px}.mechanic-scene,.mechanic-content{min-height:500px}.mechanic-content{padding:18px 12px}.mechanic-actions,.mechanic-actions.two,.mechanic-grid,.new-game-options,.balance-scale{grid-template-columns:1fr}.balance-scale article{display:grid;grid-template-columns:auto 1fr auto auto;text-align:left}.balance-scale article>span{font-size:28px}.balance-scale article>div{grid-column:4}.condition-card{min-width:0;width:100%;font-size:12px}.sort-card,.match-question,.shield-orb{min-width:0;width:100%}.debug-program{flex-direction:column;width:100%}.debug-program button{justify-content:flex-start}.new-game-board{margin-top:8px;padding:14px}.new-game-board h3{font-size:15px}.sequence-preview{font-size:19px}}.ai-app-chip{display:flex;align-items:center;gap:7px;margin-top:11px;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--grade) 10%,white);color:#31556a;font-size:10px}.ai-app-chip svg{flex:none;color:var(--grade)}.ministry-code{display:block;margin-top:7px;color:#6c7f8a;font-size:9px;font-weight:700}.modal-ai-label{display:inline-flex;align-items:center;gap:5px;margin-top:9px;padding:6px 9px;border-radius:9px;background:color-mix(in srgb,var(--game-color) 10%,white);color:var(--game-color);font-size:10px;font-weight:800}.ai-console{width:min(680px,100%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin:0 auto 14px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--game-color) 28%,white);border-radius:14px;background:#f8fdfff5;box-shadow:0 8px 20px #1541581a;color:#284e63}.ai-console-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:var(--game-color);color:#fff}.ai-console-icon svg{width:20px}.ai-console>div{display:flex;min-width:0;flex-direction:column;gap:2px}.ai-console small{font-size:8px;font-weight:900;letter-spacing:.09em;color:var(--game-color)}.ai-console strong{font-size:11px;line-height:1.35}.ai-console p{margin:1px 0 0;color:#617883;font-size:9px;line-height:1.35}.ai-confidence{display:flex;min-width:54px;flex-direction:column;align-items:center;padding:6px 8px;border-radius:10px;background:#edf6fa;color:var(--game-color);font-size:15px;font-weight:900}.ai-confidence small{font-size:7px;color:#71858f}.mechanic-content>.ai-console{position:absolute;top:14px}.mechanic-content>.ai-console~.sort-card,.mechanic-content>.ai-console~.match-question,.mechanic-content>.ai-console~.shield-orb,.mechanic-content>.ai-console~.condition-card{margin-top:74px}.mechanic-content>.ai-console~.sequence-track,.mechanic-content>.ai-console~.debug-program,.mechanic-content>.ai-console~.balance-scale{margin-top:76px}@media(max-width:700px){.game-modal-head{align-items:flex-start}.modal-ai-label{font-size:8px}.ai-console{grid-template-columns:auto 1fr;padding:9px}.ai-confidence{grid-column:2;align-items:flex-start;min-width:0;flex-direction:row;gap:4px;background:transparent;padding:0}.mechanic-content>.ai-console{position:static}.mechanic-content>.ai-console~.sort-card,.mechanic-content>.ai-console~.match-question,.mechanic-content>.ai-console~.shield-orb,.mechanic-content>.ai-console~.condition-card,.mechanic-content>.ai-console~.sequence-track,.mechanic-content>.ai-console~.debug-program,.mechanic-content>.ai-console~.balance-scale{margin-top:8px}}.activity-error{max-width:560px;margin:10vh auto;padding:32px;border:1px solid #f1b3a7;border-radius:24px;background:#fff7f5;color:#60362e;text-align:center;box-shadow:0 24px 70px #2b1a1520}.activity-error h2{margin:0 0 8px}.activity-error p{margin:0 0 18px;line-height:1.6}.activity-error button{padding:11px 18px;border:0;border-radius:10px;background:#e7654f;color:#fff;font-weight:800}.activity-support{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 20px;border-bottom:1px solid #dfe8ec;background:#f7fafb}.activity-checkpoints{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.activity-checkpoints span{display:flex;align-items:center;gap:6px;color:#738591;font-size:9px;font-weight:800}.activity-checkpoints span:after{height:3px;flex:1;border-radius:4px;background:#dfe8ec;content:""}.activity-checkpoints span.done,.activity-checkpoints span.current{color:var(--middle-accent,var(--high-accent,#287cbe))}.activity-checkpoints span.done:after{background:currentColor}.activity-checkpoints i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8eff2;font-style:normal}.activity-checkpoints span.done i,.activity-checkpoints span.current i{background:currentColor;color:#fff}.activity-help{grid-column:1/-1;display:flex;align-items:center;gap:8px}.activity-help button{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #d7e2e7;border-radius:8px;background:#fff;color:#3e6072;font-size:8px;font-weight:800}.activity-help button:last-child{margin-left:auto}.activity-help button:disabled{opacity:.45}.activity-help svg{width:13px}.activity-help p{margin:0;color:#647a87;font-size:9px}@media(max-width:650px){.activity-support{padding:10px 14px}.activity-checkpoints span{font-size:0}.activity-checkpoints span i{font-size:9px}.activity-help{align-items:flex-start;flex-wrap:wrap}.activity-help p{width:calc(100% - 90px)}}.primary-game-help{display:flex;align-items:center;gap:9px;padding:9px 24px;border-bottom:1px solid #e3ecec;background:#f7fafb}.primary-game-help button{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #d9e5e5;border-radius:8px;background:#fff;color:#3e6072;font-size:9px;font-weight:800}.primary-game-help button:disabled{opacity:.45}.primary-game-help p{margin:0;color:#607783;font-size:9px}.teacher-fab{position:fixed;z-index:45;right:18px;bottom:18px;display:flex;align-items:center;gap:7px;padding:11px 14px;border:0;border-radius:13px;background:#173d52;color:#fff;box-shadow:0 10px 30px #0c304447;font-size:10px;font-weight:850}.teacher-fab svg{width:17px}.teacher-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#051b28b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.teacher-dock{position:relative;overflow:auto;width:min(980px,100%);max-height:calc(100vh - 40px);border-radius:24px;background:#f8fbfc;color:#17384a;box-shadow:0 30px 90px #00000059;font-family:Inter,system-ui,sans-serif}.teacher-close{position:absolute;z-index:1;top:15px;right:15px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#e7eff3;color:#36596b}.teacher-close svg{width:17px}.teacher-dock>header{display:flex;gap:13px;padding:24px 60px 20px 24px;border-bottom:1px solid #dce8ed;background:#fff}.teacher-dock>header>svg{width:34px;height:34px;color:#337fa3}.teacher-dock header small{color:#337fa3;font-size:8px;font-weight:900}.teacher-dock header h2{margin:4px 0;font-size:24px}.teacher-dock header p{margin:0;color:#687f8c;font-size:10px}.teacher-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr;gap:12px;padding:16px}.teacher-grid>section{padding:15px;border:1px solid #dce7ec;border-radius:14px;background:#fff}.teacher-grid h3{margin:0 0 12px;font-size:13px}.teacher-grid label{display:grid;gap:5px;margin:9px 0;color:#5b7380;font-size:9px;font-weight:800}.teacher-grid select{width:100%;padding:8px;border:1px solid #d7e3e8;border-radius:8px;background:#f8fbfc;color:#27495b;font-size:9px}.teacher-activity{margin-top:12px;padding:11px;border-radius:10px;background:#edf5f8}.teacher-activity>button{display:inline-flex;align-items:center;gap:5px;margin:0 6px 8px 0;padding:7px 9px;border:1px solid #bfd3dc;border-radius:7px;background:#fff;color:#315566;font-size:8px;font-weight:850}.teacher-activity>button svg{width:13px}.teacher-activity>b{display:block;font-size:12px}.teacher-activity>p,.teacher-activity details p{color:#56717f;font-size:9px;line-height:1.5}.teacher-activity dl{display:grid;grid-template-columns:75px 1fr;gap:5px;margin:10px 0;font-size:8px}.teacher-activity dt{font-weight:900}.teacher-activity dd{margin:0;color:#55707e}.teacher-activity summary{cursor:pointer;font-size:9px;font-weight:850}.teacher-toggle{display:flex!important;align-items:center;gap:8px;padding:8px;border:1px solid #dfe9ed;border-radius:8px}.teacher-toggle input{accent-color:#337fa3}.teacher-note{padding:8px;border-radius:8px;background:#e7f7ef;color:#24704f;font-size:8px}.teacher-report>div{display:flex;flex-direction:column;margin-bottom:12px;padding:12px;border-radius:10px;background:#173d52;color:#fff}.teacher-report>div b{font-size:24px}.teacher-report>div span,.teacher-report>div small{font-size:8px}.teacher-report button{display:flex;align-items:center;gap:6px;width:100%;margin:6px 0;padding:9px;border:1px solid #d7e4e9;border-radius:8px;background:#f8fbfc;color:#315566;font-size:8px;font-weight:850}.teacher-report button svg{width:14px}.teacher-report>p{font-size:9px}.teacher-report button:disabled{opacity:.45}html[data-animation=off] *,html[data-animation=off] *:before,html[data-animation=off] *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}html[data-audio=off] #lesson-listen,html[data-audio=off] #lesson-replay,html[data-audio=off] #middle-narration,html[data-audio=off] #high-narration,html[data-camera=off] #open-camera,html[data-camera=off] #recognize-object,html[data-games=off] [id^=open-pipeline-lab],html[data-games=off] [id^=open-studio-lab],html[data-games=off] [id^=open-code-lab],html[data-games=off] [id^=open-game-lab],html[data-games=off] [id^=open-high-]{pointer-events:none;opacity:.38}html[data-presentation=on] .lesson-modal,html[data-presentation=on] .middle-modal,html[data-presentation=on] .high-modal{width:min(1180px,100%);font-size:1.1em}@media(max-width:760px){.teacher-grid{grid-template-columns:1fr}.teacher-fab{right:10px;bottom:10px}.teacher-dock{max-height:100vh;border-radius:0}.teacher-backdrop{padding:0}}.pwa-status{position:fixed;z-index:44;right:18px;bottom:66px;padding:6px 9px;border:1px solid #dce8ed;border-radius:999px;background:#fffffff0;color:#527080;box-shadow:0 5px 18px #143c501f;font-size:8px;font-weight:800}.pwa-status small{font-size:7px;font-weight:700}.pwa-status.offline{border-color:#9bd8bd;background:#eaf9f1;color:#24704f}@media(max-width:650px){.pwa-status{right:10px;bottom:60px}}@media(pointer:coarse){button,a{min-height:44px}}:root{--muted:#526b7a;--blue:#0876b9;--blue-dark:#075f94}footer>span{color:#526b7a}.middle-level{--level:#08756f}.teacher-dock>header>svg,.teacher-dock header small{color:#2d718f}.teacher-dock header p{color:#536b78}.learning-scope-banner{padding:8px 16px;background:#17313c;color:#fff;font-size:13px;overflow-wrap:anywhere}.teacher-scope{margin:16px 0;padding:16px;border:1px solid #adc6c9;border-radius:12px}.teacher-scope p{font-size:13px;line-height:1.5}.teacher-scope label{display:inline-flex;flex-direction:column;gap:5px;margin:0 12px 12px 0;max-width:100%}.teacher-scope input{max-width:100%;min-height:44px;padding:8px;border:1px solid #7a999e;border-radius:6px;font:inherit}.teacher-scope button{min-height:44px;padding:8px 12px;border:1px solid #43696e;border-radius:6px;background:#fff;color:#234b50}.training-benchmark{margin:8px 0;padding:8px 10px;border-left:3px solid #337fa3;border-radius:6px;background:#edf6f8;color:#315566;font-size:11px}.camera-fallback{display:grid;gap:10px;margin-top:14px;padding:14px;border-radius:14px;background:#f1f8fb;text-align:left}.camera-fallback small{color:#315566;line-height:1.5}.camera-fallback img{width:100%;max-height:180px;object-fit:cover;border-radius:10px}.camera-fallback button{justify-self:center}.model-error{padding:10px;border-radius:10px;background:#fff0e9;color:#9d482b;font-size:12px}.teacher-audio-catalog{margin-top:14px;padding:12px;border:1px solid #dce7ec;border-radius:10px;background:#f7fbfc}.teacher-audio-catalog h3{margin:0 0 6px;font-size:13px}.teacher-audio-catalog p,.teacher-audio-catalog small{font-size:9px;line-height:1.45;color:#56717f}.teacher-audio-catalog ul{display:grid;gap:6px;margin:8px 0;padding:0;list-style:none}.teacher-audio-catalog li{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px);align-items:center;gap:8px;padding:7px;border-radius:7px;background:#fff;font-size:9px}.teacher-audio-catalog li div{display:grid;gap:3px}.teacher-audio-catalog li span{color:#56717f}.teacher-audio-catalog li label{display:flex;align-items:center;gap:5px;margin:3px 0 0;color:#315566;font-size:9px}.teacher-audio-catalog audio{width:100%;height:32px}.vieneu-voices{margin:8px 0;padding:8px;border-radius:7px;background:#eaf5f8}.vieneu-voices summary{cursor:pointer;font-size:10px;font-weight:700;color:#214e61}.vieneu-voices>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:5px;margin-top:8px}.vieneu-voices>div>span{display:grid;padding:6px;border-radius:6px;background:#fff;font-size:9px}.vieneu-voices>div small{font-size:8px}@media(max-width:600px){.teacher-audio-catalog li{grid-template-columns:1fr}}.teacher-session-data{margin-top:14px;padding:12px;border:1px solid #ead8d2;border-radius:10px;background:#fff9f6}.teacher-session-data h3{margin:0 0 6px;font-size:13px}.teacher-session-data>p,.session-delete-confirm p{font-size:9px;line-height:1.45;color:#6e5a52}.teacher-session-data button{margin:4px 5px 4px 0;padding:7px 9px;border:1px solid #ddcbc4;border-radius:7px;background:#fff;color:#674b40;font-size:8px;font-weight:850}.teacher-session-data button:disabled{opacity:.45}.session-delete-confirm{margin-top:7px;padding:8px;border-radius:8px;background:#f8e9e3}.session-delete-confirm label{display:grid;gap:4px;margin:6px 0;font-size:8px;font-weight:800}.session-delete-confirm input{padding:7px;border:1px solid #d8bdb2;border-radius:7px}.device-readiness{margin-top:14px;padding:12px;border:1px solid #dce7ec;border-radius:10px;background:#f7fbfc}.device-readiness h3{margin:0 0 6px;font-size:13px}.device-readiness p,.device-readiness small{font-size:9px;line-height:1.45;color:#56717f}.device-readiness>button{min-height:36px}.device-readiness ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:9px 0 0;padding:0;list-style:none}.device-readiness li{display:flex;justify-content:space-between;gap:8px;padding:7px;border-radius:7px;background:#fff;font-size:9px}.device-readiness .ready{color:#24704f;font-weight:850}.device-readiness .missing{color:#a14736;font-weight:850}.evidence-import{min-width:0;margin-top:12px}.evidence-import label{display:flex;flex-direction:column;gap:6px;margin:12px 0}.evidence-import select,.evidence-import input{width:100%;min-width:0;min-height:44px;font:inherit}.evidence-preview ul{max-height:230px;overflow:auto;padding-left:20px;overflow-wrap:anywhere}.evidence-import p,.evidence-preview li{font-size:13px;line-height:1.5}.teacher-review{margin:12px 0;padding:10px;border:1px solid #d7e4e9;border-radius:10px;background:#fff;color:#315566}.teacher-review .review-status{display:grid;gap:5px;margin:8px 0;padding:8px;border-radius:8px;background:#edf5f8;color:#315566;font-size:9px}.teacher-review textarea{width:100%;min-height:70px;padding:8px;border:1px solid #d7e3e8;border-radius:8px;resize:vertical;font:inherit}.teacher-artifact pre{max-width:100%;max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.rubric-guide{display:grid;gap:4px;padding:7px;border-radius:7px;background:#f3f7f9;color:#526d7b;font-size:8px;font-weight:500;line-height:1.45}.rubric-guide span{display:block}.rubric-guide b{color:#315566}.group-audit{margin-top:14px;padding:12px;border:1px solid #c9dfe7;border-radius:12px;background:#f4fafc}.group-audit h3{margin:0 0 8px;font-size:12px}.group-audit p{display:grid;grid-template-columns:1fr 1.5fr auto;gap:8px;margin:5px 0;font-size:10px}.group-audit p span{color:#526d7b}.group-audit small{display:block;margin-top:9px;color:#315566;font-size:9px;line-height:1.5}.leaf-samples button{min-width:44px}.prediction-board>button{position:relative;display:grid;place-items:center;min-width:0;border:1px solid rgba(52,132,174,.17);border-radius:9px;background:#ffffffd1;color:var(--ink);font-size:22px}.prediction-board>button:hover,.prediction-board>button:focus-visible{outline:3px solid color-mix(in srgb,var(--game-color) 35%,transparent);outline-offset:-3px}.prediction-board>button.predicted-cell{border:3px solid var(--game-color);background:color-mix(in srgb,var(--game-color) 13%,white)}.prediction-board>button>i{position:absolute;top:3px;right:5px;color:var(--game-color);font-size:12px;font-style:normal;font-weight:900}.prediction-board>button:disabled{cursor:default}.code-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.code-controls #code-run{grid-column:auto}@media(max-width:700px){.code-controls{grid-template-columns:1fr 1fr}.code-controls #code-run{grid-column:auto}}@media(max-width:700px){.game-backdrop{padding:0}.game-backdrop .game-modal{height:100vh;min-height:0;max-height:100vh}}.teacher-observation{display:grid;gap:6px;margin:9px 0;padding:9px;border-radius:8px;background:#eef8f3}.teacher-observation label{display:flex;align-items:center;gap:7px;margin:0}.teacher-observation small{color:#56756a;font-size:8px}.teacher-observation button{padding:7px;border:1px solid #bcd9cb;border-radius:7px;background:#fff;color:#28664c;font-size:8px;font-weight:800}.teacher-observation b{color:#24704f;font-size:8px}.lab-loading{margin:auto;padding:18px 22px;border-radius:14px;background:#fff;color:var(--ink);font-weight:700}.leaf-lab-body{display:grid;gap:18px;padding:20px 30px}.leaf-lab-body>section{min-width:0}.leaf-section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:10px}.leaf-section-heading small,.leaf-reflection>small{color:var(--game-color);font-size:9px;font-weight:850;letter-spacing:.08em}.leaf-section-heading h3{margin:3px 0 0;font-size:17px}.leaf-section-heading>span{color:var(--muted);font-size:10px;font-weight:700}.leaf-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.leaf-samples article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid #dce8e7;border-radius:12px;background:#f8fbfa}.leaf-samples article>span{font-size:25px}.leaf-samples article>div{display:flex;min-width:0;flex-direction:column}.leaf-samples b{font-size:10px}.leaf-samples small{color:var(--muted);font-size:8px}.leaf-samples button{padding:7px;border:1px solid color-mix(in srgb,var(--game-color) 35%,white);border-radius:8px;background:#fff;color:var(--game-color);font-size:8px;font-weight:850}.leaf-train{margin:12px auto 0;padding:11px 15px;background:var(--game-color);box-shadow:none;font-size:10px}.leaf-runs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.leaf-runs>article{min-width:0;padding:12px;border:1px solid #dce7eb;border-radius:13px;background:#fbfdfe}.leaf-runs header{display:flex;justify-content:space-between;gap:8px}.leaf-runs header b{font-size:11px}.leaf-runs header span,.leaf-runs>article>small{color:var(--muted);font-size:8px}.leaf-runs p{overflow-wrap:anywhere;margin:7px 0;color:#5b7280;font-size:8px;line-height:1.5}.leaf-predictions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.leaf-predictions div{display:flex;min-width:0;flex-direction:column;padding:8px;border-radius:9px;background:#edf6f3}.leaf-predictions span,.leaf-predictions small{color:#607883;font-size:7px}.leaf-predictions b{margin:2px 0;font-size:9px}.leaf-empty{padding:18px;border:1px dashed #bfd2da;border-radius:12px;color:var(--muted);font-size:10px;text-align:center}.leaf-reflection{display:grid;gap:7px}.leaf-reflection label{font-size:11px;font-weight:750}.leaf-reflection textarea{width:100%;min-height:76px;resize:vertical;padding:10px;border:1px solid #cfdee4;border-radius:11px;font:inherit;font-size:10px}.leaf-reflection>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.leaf-reflection>div span{color:var(--muted);font-size:8px}.leaf-reflection .primary{padding:10px 13px;background:var(--game-color);box-shadow:none;font-size:9px}@media(max-width:700px){.leaf-lab-body{padding:15px 14px}.leaf-section-heading{align-items:flex-start}.leaf-section-heading h3{font-size:15px}.leaf-samples,.leaf-runs{grid-template-columns:1fr}.leaf-predictions{grid-template-columns:1fr 1fr}.leaf-reflection textarea{min-height:90px}.leaf-lab-modal .game-modal-footer{position:static}}.panel-section-title{padding:14px 24px 8px;display:flex;flex-direction:column;gap:3px}.panel-section-title .section-title-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.05em;color:var(--grade)}.panel-section-title p{margin:0;font-size:12px;color:var(--muted);line-height:1.4}.hands-on-header{margin-top:6px}.lessons-header{margin-top:14px;border-top:1px dashed color-mix(in srgb,var(--grade) 25%,#e5edf1);padding-top:16px}.theory-action-callout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:18px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--lesson-color) 12%,white),#fff);border:2px solid color-mix(in srgb,var(--lesson-color) 30%,white);box-shadow:0 4px 14px color-mix(in srgb,var(--lesson-color) 10%,transparent)}.callout-lead{display:flex;align-items:center;gap:8px;color:var(--lesson-color);font-size:12px}.callout-lead b{color:var(--ink)}.callout-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.callout-quick-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:9px;border:0;background:var(--lesson-color);color:#fff;font-size:11px;font-weight:800;cursor:pointer;transition:.15s}.callout-quick-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.callout-lab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:9px;border:1px solid color-mix(in srgb,var(--lesson-color) 35%,white);background:#fff;color:var(--lesson-color);font-size:11px;font-weight:800;cursor:pointer;transition:.15s}.callout-lab-btn:hover{background:color-mix(in srgb,var(--lesson-color) 8%,white);transform:translateY(-1px)}@media(max-width:700px){.theory-action-callout{flex-direction:column;align-items:stretch}.callout-actions{flex-direction:column;width:100%}.callout-quick-btn,.callout-lab-btn{width:100%;justify-content:center}}.primary-sandbox-section{background:#f4f9f8;padding:60px 24px}.primary-sandbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px;max-width:1160px;margin-left:auto;margin-right:auto}.primary-sandbox-card{display:flex;flex-direction:column;padding:22px;border:1px solid #d9e6e6;border-radius:20px;background:#fff;box-shadow:0 10px 28px #194b550f;transition:transform .2s,box-shadow .2s}.primary-sandbox-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #194b551a}.primary-sandbox-card .sandbox-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.primary-sandbox-card .sandbox-tool-tag{padding:4px 8px;border-radius:6px;background:color-mix(in srgb,#19a7a0 12%,white);color:#0b6b67;font:800 10px ui-monospace,monospace}.primary-sandbox-card .sandbox-tool-age{color:#627982;font-size:11px}.primary-sandbox-card h3{margin:0 0 8px;font-size:17px;color:#152f3a}.primary-sandbox-card p{margin:0 0 14px;color:#526973;font-size:13px;line-height:1.5;flex:1}.primary-sandbox-card .sandbox-mission-box{display:flex;flex-direction:column;gap:4px;padding:11px 13px;margin-bottom:16px;border-radius:10px;background:#eef5f5;border-left:3px solid #19a7a0;font-size:12px}.primary-sandbox-card .sandbox-mission-box strong{color:#152f3a;font-size:11px}.primary-sandbox-card .sandbox-mission-box span{color:#415862;line-height:1.4}.primary-sandbox-card .sandbox-launch-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:10px;background:#19a7a0;color:#fff;font-size:12px;font-weight:800;text-decoration:none;transition:filter .15s}.primary-sandbox-card .sandbox-launch-btn:hover{filter:brightness(1.1)}.hero h1{text-wrap:balance}.nav button,.nav a{border:0;background:none;color:#4c6679;font-size:14px;font-weight:600;text-decoration:none;padding:8px 0}.nav button:hover,.nav a:hover{color:var(--blue)}.nav-disabled{display:inline-flex;align-items:center;gap:5px;padding:8px 0;color:#8c9aa3;font-size:14px;font-weight:650;cursor:not-allowed;opacity:.58}.k12-section{max-width:1240px;padding-top:82px;padding-bottom:54px}.level-card{transition:transform .25s,box-shadow .25s}.level-card:hover{box-shadow:0 24px 58px #285b7b2e}.level-visual{position:relative;height:235px;overflow:hidden}.level-visual:after{content:"";position:absolute;top:55%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#0823338c)}.level-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}.level-card:hover .level-visual img{transform:scale(1.035)}.level-visual>span{position:absolute;right:16px;bottom:10px;z-index:1;color:#ffffffeb;font-size:42px;font-weight:800;letter-spacing:-.06em}.level-copy h3{font-size:27px}.level-copy>a,.level-copy>button{width:100%;border:0;border-radius:13px;background:var(--level);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:12px 14px;font-weight:800;font-size:13px;text-decoration:none;box-shadow:0 8px 20px color-mix(in srgb,var(--level) 22%,transparent)}.level-copy>a:hover,.level-copy>button:hover{filter:brightness(.95)}.level-card.is-locked{filter:grayscale(.58);opacity:.58}.level-card.is-locked:hover{box-shadow:var(--shadow);transform:none}.level-card.is-locked:hover .level-visual img{transform:none}.level-card.is-locked .level-copy>button{justify-content:center;background:#61717a;box-shadow:none;cursor:not-allowed}.level-lock{position:absolute;z-index:2;top:14px;left:14px;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#142733e6;color:#fff;font-size:10px;letter-spacing:.04em}.k12-section+.numbers{margin:0 auto 26px}.primary-level{--level:#075f94}.middle-level{--level:#0b6b67}.high-level{--level:#5b43b5}.primary-sandbox-section .kicker{color:#076da2}.primary-sandbox-card .sandbox-launch-btn{background:#0b6b67}.nav a:focus-visible,.nav button:focus-visible,.level-copy>a:focus-visible,.level-copy>button:focus-visible{outline:3px solid #f0b900;outline-offset:4px;border-radius:8px}.route-page{min-height:calc(100vh - 190px);padding-top:72px}.route-page .section-heading h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.035em;margin:10px 0}.nav a[aria-current=page]{color:var(--blue-dark);font-weight:800}.header-cta{text-decoration:none}@media(max-width:1100px){.nav{display:none;position:absolute;top:68px;right:18px;flex-direction:column;background:#fff;padding:18px;border-radius:18px;box-shadow:var(--shadow)}.nav.open{display:flex}.header-cta{margin-left:auto}.menu-button{display:block}.level-card>.level-visual{height:100%;min-height:300px}}@media(max-width:600px){.level-card>.level-visual{height:220px;min-height:0}.k12-section{padding-top:58px;padding-bottom:38px}.route-page{padding-top:54px}}.teacher-backdrop{align-items:start;padding:24px}.teacher-dock{width:min(1120px,100%);max-height:calc(100vh - 48px);border-radius:24px;background:#f4f8fa}.teacher-dock>header{position:sticky;top:0;z-index:3;align-items:center;padding:22px 64px 18px 26px}.teacher-dock>header>svg{width:38px;height:38px}.teacher-dock header small{font-size:10px;letter-spacing:.07em}.teacher-dock header h2{font-size:27px;letter-spacing:-.025em}.teacher-dock header p{font-size:12px}.teacher-close{position:fixed;margin-left:min(1050px,calc(100vw - 100px));top:38px;width:40px;height:40px}.teacher-scope{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:12px;margin:18px;padding:20px;background:#fff}.teacher-scope>h3,.teacher-scope>p{grid-column:1/-1;margin:0}.teacher-scope>h3{font-size:18px}.teacher-scope>p{font-size:12px}.teacher-scope>label{grid-column:span 3;margin:0;font-size:12px}.teacher-scope>button{grid-column:span 3;min-height:44px;margin:0}.teacher-scope input{font-size:14px}.teacher-audio-catalog{grid-column:1/-1;margin:4px 0 0;padding:16px}.teacher-audio-catalog h3{font-size:15px}.teacher-audio-catalog p,.teacher-audio-catalog small{font-size:11px}.teacher-audio-catalog ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.teacher-audio-catalog li{grid-template-columns:1fr;align-content:start;padding:12px;font-size:11px}.teacher-audio-catalog li div{min-height:78px}.teacher-audio-catalog li label{font-size:11px}.teacher-audio-catalog audio{width:100%;height:36px}.vieneu-voices summary{font-size:11px}.device-readiness,.teacher-session-data{grid-column:span 6;margin:0;padding:16px}.device-readiness h3,.teacher-session-data h3{font-size:14px}.device-readiness p,.device-readiness small,.teacher-session-data>p{font-size:11px}.device-readiness>button,.teacher-session-data>button{font-size:11px}.teacher-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px;padding:0 18px 20px}.teacher-grid>section{padding:18px}.teacher-grid h3{font-size:15px}.teacher-grid label{font-size:11px}.teacher-grid select{min-height:40px;font-size:11px}.teacher-activity>button,.teacher-report button{font-size:10px}.teacher-activity>b{font-size:14px}.teacher-activity>p,.teacher-activity details p{font-size:11px}.teacher-activity dl{font-size:10px}.teacher-report{grid-column:1/-1}.teacher-report>div b{font-size:30px}.teacher-report>div span,.teacher-report>div small{font-size:10px}.teacher-review{padding:14px}.teacher-review p,.teacher-review select,.teacher-review textarea,.teacher-fab{font-size:11px}@media(max-width:760px){.teacher-backdrop{padding:0}.teacher-dock{max-height:100vh;border-radius:0}.teacher-close{position:absolute;top:14px;right:14px;margin:0}.teacher-scope{grid-template-columns:1fr 1fr;margin:10px;padding:14px}.teacher-scope>h3,.teacher-scope>p,.teacher-scope>button,.teacher-audio-catalog,.device-readiness,.teacher-session-data{grid-column:1/-1}.teacher-scope>label{grid-column:span 1}.teacher-audio-catalog ul,.teacher-grid{grid-template-columns:1fr}.teacher-report{grid-column:auto}.teacher-dock>header{padding:18px 58px 16px 18px}.teacher-dock header h2{font-size:21px}}.teacher-dock>.teacher-close{position:absolute;right:16px;top:16px;margin:0}.teacher-dock>.teacher-close{z-index:4}.framework-heading{max-width:850px}.framework-source{display:flex;align-items:center;gap:16px;margin:0 0 22px;padding:18px 20px;border:1px solid #bdd7e4;border-radius:18px;background:#eef8fc;color:#174f6a}.framework-source svg{flex:none}.framework-source div{display:grid;gap:4px}.framework-source b{font-size:14px}.framework-source span{font-size:11px;line-height:1.55}.framework-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 76px}.framework-facts article{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #e0e9ee;border-radius:18px;background:#fff;box-shadow:0 9px 25px #285b7b12}.framework-facts strong{color:var(--blue-dark);font-size:36px;letter-spacing:-.05em}.framework-facts div{display:grid;gap:3px}.framework-facts b{font-size:12px}.framework-facts span{color:var(--muted);font-size:10px;line-height:1.45}.framework-section-head{max-width:760px;margin:0 auto 28px;text-align:center}.framework-section-head>span{color:var(--blue-dark);font-size:10px;font-weight:850;letter-spacing:.12em}.framework-section-head h2{margin:8px 0;font-size:clamp(27px,3vw,38px);letter-spacing:-.035em}.framework-section-head p{color:var(--muted);font-size:13px;line-height:1.65}.official-strand-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:78px}.official-strand{padding:22px;border:1px solid #e0e9ee;border-top:5px solid var(--accent);border-radius:20px;background:#fff;box-shadow:0 12px 32px #285b7b12}.official-strand header{display:flex;align-items:center;gap:12px}.official-strand header>span{padding:7px 9px;border-radius:9px;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);font-size:10px;font-weight:850}.official-strand h3{margin:0;font-size:18px}.official-strand>p{min-height:62px;color:#526b7a;font-size:12px;line-height:1.65}.official-strand>div{display:grid;grid-template-columns:70px 1fr;gap:7px 12px;padding-top:14px;border-top:1px solid #e8eef1}.official-strand>div b{color:var(--accent);font-size:10px}.official-strand>div span{color:#445f70;font-size:10px;line-height:1.5}.grade-goal-grid,.deployment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:78px}.grade-goal-grid article{padding:24px;border-radius:22px;background:#123a59;color:#fff;box-shadow:0 16px 38px #123a5929}.grade-goal-grid article:nth-child(2){background:#176d6b}.grade-goal-grid article:nth-child(3){background:#53429a}.grade-goal-grid small{color:#b8dff1;font-size:9px;font-weight:850;letter-spacing:.09em}.grade-goal-grid h3{margin:8px 0 10px;font-size:19px}.grade-goal-grid p{min-height:110px;color:#d8e7ef;font-size:11px;line-height:1.65}.grade-goal-grid ul,.framework-bottom-grid ul{margin:14px 0 0;padding-left:18px;font-size:10px;line-height:1.8}.deployment-grid article{position:relative;overflow:hidden;padding:25px;border:1px solid #dfe9ee;border-radius:20px;background:#fff}.deployment-grid article>span{position:absolute;right:15px;top:7px;color:#d9e8ee;font-size:50px;font-weight:850}.deployment-grid h3{position:relative;margin:5px 48px 10px 0;font-size:17px}.deployment-grid p{position:relative;margin:0;color:var(--muted);font-size:11px;line-height:1.7}.framework-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.framework-bottom-grid article{padding:25px;border-radius:22px;background:#fff8e7;border:1px solid #f1dfb8}.framework-bottom-grid article:last-child{background:#edf8f4;border-color:#c7e4d8}.framework-bottom-grid article>span{color:#8b6411;font-size:9px;font-weight:850;letter-spacing:.1em}.framework-bottom-grid article:last-child>span{color:#176b54}.framework-bottom-grid h2{margin:7px 0 10px;font-size:21px}.framework-bottom-grid p{color:#536974;font-size:11px;line-height:1.7}@media(max-width:900px){.framework-facts{grid-template-columns:1fr 1fr}.grade-goal-grid,.deployment-grid{grid-template-columns:1fr}.grade-goal-grid p{min-height:0}}@media(max-width:650px){.framework-facts,.official-strand-grid,.framework-bottom-grid{grid-template-columns:1fr}.framework-facts{margin-bottom:56px}.official-strand-grid,.grade-goal-grid,.deployment-grid{margin-bottom:58px}.framework-source{align-items:flex-start}.official-strand>p{min-height:0}}.framework-tabs{position:sticky;top:76px;z-index:12;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;width:min(680px,100%);margin:0 auto 62px;padding:7px;border:1px solid #dce8ed;border-radius:17px;background:#ffffffeb;box-shadow:0 12px 32px #285b7b1c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.framework-tabs button{min-height:44px;border:0;border-radius:11px;background:transparent;color:#536d7e;font-size:12px;font-weight:800}.framework-tabs button:hover{background:#eef5f8}.framework-tabs button[aria-selected=true]{background:#123a59;color:#fff;box-shadow:0 7px 18px #123a5933}.framework-panel{animation:framework-panel-in .2s ease-out}@keyframes framework-panel-in{0%{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}.framework-level-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:center;margin-bottom:64px;padding:30px;border-radius:24px;background:#123a59;color:#fff;box-shadow:0 18px 44px #123a592e}.framework-level-hero.middle{background:#176d6b}.framework-level-hero.high{background:#53429a}.framework-level-hero small{color:#b9ddeb;font-size:10px;font-weight:850;letter-spacing:.08em}.framework-level-hero h2{margin:8px 0 10px;font-size:28px}.framework-level-hero p{margin:0;color:#deebf1;font-size:12px;line-height:1.75}.framework-level-hero ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.framework-level-hero li{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:11px;background:#ffffff1a;font-size:11px;font-weight:700}.framework-level-hero li svg{flex:none;color:#8de0bd}.level-strand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.level-strand-grid article{padding:20px;border:1px solid #e0e9ee;border-top:4px solid var(--accent);border-radius:18px;background:#fff;box-shadow:0 10px 28px #285b7b12}.level-strand-grid article>span{color:var(--accent);font-size:10px;font-weight:850}.level-strand-grid h3{min-height:42px;margin:7px 0;font-size:15px}.level-strand-grid p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.framework-grade-tabs{display:flex;justify-content:center;gap:8px;margin:-34px auto 54px;padding:6px;width:max-content;max-width:100%;border:1px solid #dce8ed;border-radius:15px;background:#f4f8fa}.framework-grade-tabs button{min-width:72px;min-height:44px;padding:8px 13px;border:0;border-radius:10px;background:transparent;color:#526b79;font-size:11px;font-weight:700;cursor:pointer}.framework-grade-tabs button b{font-size:15px}.framework-grade-tabs button:hover{background:#fff}.framework-grade-tabs button[aria-selected=true]{background:#fff;color:#123a59;box-shadow:0 5px 15px #234d6624}.official-grade-head{margin-top:70px}.official-grade-loading{padding:28px;border:1px dashed #bfd3dd;border-radius:16px;color:#526d7d;font-size:12px;text-align:center}.official-grade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.official-grade-grid details{align-self:start;border:1px solid #dce7ec;border-radius:16px;background:#fff;box-shadow:0 8px 24px #285b7b0f}.official-grade-grid summary{display:grid;grid-template-columns:minmax(74px,auto) minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:72px;padding:14px 16px;cursor:pointer;list-style:none}.official-grade-grid summary::-webkit-details-marker{display:none}.official-grade-grid summary>span{color:#075f94;font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5}.official-grade-grid summary>div{display:grid;gap:3px;min-width:0}.official-grade-grid summary small{color:#607785;font-size:9px}.official-grade-grid summary b{font-size:12px;line-height:1.4}.official-grade-grid summary>strong{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eaf3f7;color:#174f6a;font-size:15px}.official-grade-grid details[open] summary>strong{transform:rotate(45deg)}.official-grade-grid details>p{margin:0;padding:14px 16px 16px;border-top:1px solid #edf2f4;color:#425f70;font-size:11px;line-height:1.7}.class-framework-head{margin-top:72px}.class-framework-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.class-framework-grid article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:18px;border:1px solid #e0e9ee;border-left:4px solid var(--accent,#1677a8);border-radius:17px;background:#fff;box-shadow:0 9px 26px #285b7b11}.class-framework-grid article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--accent,#1677a8) 11%,white);color:#123a59;font-size:18px;font-weight:850}.class-framework-grid article>div{min-width:0}.class-framework-grid small{color:var(--accent,#1677a8);font-size:9px;font-weight:850;letter-spacing:.055em}.class-framework-grid h3{margin:5px 0 6px;font-size:15px;line-height:1.3}.class-framework-grid p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.6}@media(max-width:900px){.level-strand-grid,.class-framework-grid{grid-template-columns:1fr 1fr}.framework-tabs{top:68px}.framework-grade-tabs{overflow-x:auto;justify-content:flex-start;width:100%;scrollbar-width:none}.framework-grade-tabs button{flex:1 0 68px}}@media(max-width:600px){.framework-tabs{display:flex;overflow-x:auto;margin-bottom:42px;scrollbar-width:none}.framework-tabs button{flex:1 0 105px}.framework-level-hero{grid-template-columns:1fr;margin-bottom:52px;padding:22px}.framework-grade-tabs{margin:-28px 0 44px}.level-strand-grid,.official-grade-grid,.class-framework-grid{grid-template-columns:1fr}.official-grade-head,.class-framework-head{margin-top:56px}.official-grade-grid summary{grid-template-columns:minmax(68px,auto) minmax(0,1fr) 22px;padding:13px}.class-framework-grid article{grid-template-columns:42px minmax(0,1fr);padding:15px}.class-framework-grid article>span{width:40px;height:40px}}.planning-page{min-height:65vh;max-width:820px;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px}.planning-page h1{font-size:clamp(30px,5vw,48px);line-height:1.25;margin:0}.planning-page>p{color:var(--muted);line-height:1.8;margin:0;max-width:620px}.planning-page .hero-actions{margin-top:8px}.theory-story{display:grid;gap:12px;margin-top:14px}.theory-story-stage{position:relative;overflow:hidden;min-height:360px;border-radius:22px;background:#183848;box-shadow:0 16px 34px #1838482e}.theory-story-stage>img{display:block;width:100%;height:360px;object-fit:cover;animation:theory-frame-in .45s ease-out}.theory-story-shade{position:absolute;top:38%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#081823e6)}.theory-story-caption{position:absolute;left:0;right:0;bottom:0;padding:44px 28px 24px;color:#fff}.theory-story-caption small{font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.theory-story-caption p{max-width:780px;margin:8px 0 0;font-size:20px;font-weight:750;line-height:1.5;text-wrap:balance}.theory-story-caption mark{color:#fff;background:#ffcc3d47}.theory-story-playing{position:absolute;right:16px;top:16px;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:#ffffffe6;color:#173d52;font-size:10px;font-weight:850;box-shadow:0 5px 16px #00000024}.theory-story-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:7px}.theory-story-timeline button{display:flex;align-items:center;gap:7px;min-height:42px;padding:7px 9px;border:1px solid #dce7ec;border-radius:11px;background:#fff;color:#607785;text-align:left;cursor:pointer}.theory-story-timeline button span{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:8px;background:#edf3f6;font-size:10px;font-weight:850}.theory-story-timeline button b{overflow:hidden;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.theory-story-timeline button.active{border-color:var(--lesson-color);color:var(--lesson-color);box-shadow:0 5px 14px color-mix(in srgb,var(--lesson-color) 13%,transparent)}.theory-story-timeline button.active span{background:var(--lesson-color);color:#fff}.theory-story-prompt{grid-template-columns:1fr}.theory-story-prompt>article{min-height:72px}@keyframes theory-frame-in{0%{opacity:.35;transform:scale(1.025)}to{opacity:1;transform:none}}@media(max-width:700px){.theory-story-stage{min-height:330px}.theory-story-stage>img{height:330px}.theory-story-caption{padding:54px 18px 18px}.theory-story-caption p{font-size:18px;line-height:1.45}.theory-story-timeline{display:flex;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.theory-story-timeline button{flex:0 0 105px}.theory-story-playing{right:10px;top:10px}}.theory-story-caption{animation:theory-caption-in .38s ease-out}.theory-story-progress{position:absolute;left:0;bottom:0;height:4px;background:#ffd65a;transition:width .2s linear}@keyframes theory-caption-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.lesson-modal.is-theory-page{width:min(940px,100%)}.is-theory-page .lesson-title-block{padding:18px 28px 16px}.is-theory-page .lesson-strand-icon{width:48px;height:48px;border-radius:15px;font-size:22px}.is-theory-page .lesson-title-block h2{margin:3px 0 6px;font-size:27px}.is-theory-page .listen-bar{padding:9px 28px}.is-theory-page .slide-nav{padding:8px 28px 0}.is-theory-page .theory-slide{padding:14px 28px 22px}.is-theory-page .theory-action-callout{margin-bottom:12px;padding:9px 13px}.is-theory-page .lesson-section-title h3{font-size:17px}.is-theory-page .theory-story{margin-top:10px}.is-theory-page .theory-story-stage{min-height:0;height:clamp(290px,39vh,350px)}.is-theory-page .theory-story-stage>img{height:100%;animation:theory-image-in .3s ease}.is-theory-page .theory-story-caption{padding:54px 24px 20px;animation:theory-caption-fade .3s ease}.is-theory-page .theory-story-caption p{max-width:820px;font-size:18px;line-height:1.45}.is-theory-page .lesson-slide{overflow-x:hidden;animation:theory-page-in .24s ease}.is-theory-page .theory-story-timeline button{min-height:40px}@keyframes theory-page-in{0%{opacity:.2}to{opacity:1}}@keyframes theory-image-in{0%{opacity:.45}to{opacity:1}}@keyframes theory-caption-fade{0%{opacity:0}to{opacity:1}}@media(max-width:700px){.lesson-modal.is-theory-page{width:100%}.is-theory-page .lesson-title-block{padding:16px 18px 14px}.is-theory-page .lesson-title-block h2{font-size:23px}.is-theory-page .listen-bar{padding:9px 18px}.is-theory-page .slide-nav{padding:7px 10px 0}.is-theory-page .theory-slide{padding:12px 14px 18px}.is-theory-page .theory-action-callout{padding:10px}.is-theory-page .theory-story-stage{height:300px}.is-theory-page .theory-story-caption{padding:58px 16px 16px}.is-theory-page .theory-story-caption p{font-size:16px}.is-theory-page .theory-story-timeline button{flex-basis:96px}}.lesson-title-block p{font-size:15px;line-height:1.7}.slide-nav button,.vocabulary-strip b{font-size:13px}.vocabulary-strip span{font-size:12px;line-height:1.6}.theory-list p{font-size:14px;line-height:1.7}.theory-support b{font-size:13px}.theory-support p,.remember-box p,.illustration-slide figcaption p,.slide-caption{font-size:13px;line-height:1.65}.slide-canvas article p{font-size:13px;line-height:1.6}.lesson-check h3{font-size:20px;line-height:1.45}.answer{min-height:50px;padding:13px;font-size:14px;line-height:1.45}.quiz-feedback{font-size:14px;line-height:1.6}.lesson>span:last-child{font-size:13px}.lesson small{font-size:10px;line-height:1.35}.game-card-copy p{font-size:13px;line-height:1.65}@media(max-width:700px){.slide-nav button{font-size:11px}.lesson-title-block p{font-size:14px}.theory-list p,.answer{font-size:15px}.vocabulary-strip span,.theory-support p,.remember-box p,.illustration-slide figcaption p{font-size:14px}.lesson-slide{min-height:0}.lesson-modal-footer .primary{min-width:150px;min-height:48px}.lesson>span:last-child{font-size:14px}.lesson small{font-size:11px}}@media(max-width:700px){.menu-button{width:44px;height:44px}.game-card-footer button,.sandbox-launch-btn{min-height:44px}.site-header .brand,footer .brand{min-height:44px}}body .game-modal :is(p,button,label,input,select,textarea){font-size:13px;line-height:1.5}body .game-modal small{font-size:11px;line-height:1.45}body .game-modal .source-cards span{font-size:13px;line-height:1.55}@media(max-width:700px){body .game-modal :is(p,button,label,input,select,textarea){font-size:14px}body .game-modal small{font-size:12px}.game-modal .close{width:44px;height:44px}}body .game-modal :is(.modal-ai-label,.game-modal-footer span,.source-cards b,.evidence-progress span){font-size:12px}.lesson-modal-footer{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);gap:12px}.lesson-modal-footer .lesson-page-button{min-width:0;min-height:48px;padding:11px 16px}.lesson-page-back{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid color-mix(in srgb,var(--lesson-color) 35%,white);border-radius:14px;background:#fff;color:var(--lesson-color);font-weight:800}.lesson-page-back:disabled{opacity:.35;cursor:not-allowed}.lesson-page-status{justify-self:center;white-space:nowrap}.lesson-page-status b{font-size:17px;color:var(--lesson-color)}@media(max-width:600px){.lesson-modal-footer{grid-template-columns:minmax(96px,1fr) auto minmax(106px,1fr);gap:7px;padding:10px 12px}.lesson-modal-footer>span.lesson-page-status{display:flex;font-size:12px}.lesson-modal-footer .lesson-page-button{min-height:50px;padding:9px 10px;font-size:13px}.lesson-page-button svg{width:16px}}.modal-head-actions{display:flex;align-items:center;gap:8px;justify-self:end}.modal-fullscreen-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #dfe9ef;border-radius:10px;background:#fff;color:var(--ink);cursor:pointer;transition:.15s}.modal-fullscreen-btn:hover{background:#edf6fb;color:var(--blue);transform:scale(1.05)}.is-fullscreen{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;border-radius:0!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:100!important}.is-fullscreen .lesson-slide{min-height:calc(100vh - 280px)}.kw-highlight{display:inline-block;padding:2px 8px;margin:0 2px;border-radius:8px;background:color-mix(in srgb,var(--lesson-color,var(--game-color,#168fd3)) 14%,white);color:var(--lesson-color,var(--game-color,#0876b9));font-weight:800;border-bottom:2px solid color-mix(in srgb,var(--lesson-color,var(--game-color,#168fd3)) 35%,transparent)}.celebration-burst{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;display:grid;place-items:center;animation:fade-out 2.5s forwards}.celebration-star{position:absolute;animation:star-float 2s ease-out forwards;font-size:24px;filter:drop-shadow(0 4px 10px rgba(255,200,0,.5))}@keyframes star-float{0%{opacity:1;transform:translate(0) scale(.5) rotate(0)}50%{opacity:1;transform:translate(var(--tx, 0px),var(--ty, -80px)) scale(1.4) rotate(180deg)}to{opacity:0;transform:translate(var(--tx, 0px),var(--ty, -140px)) scale(.8) rotate(360deg)}}@keyframes fade-out{0%{opacity:1}80%{opacity:1}to{opacity:0;visibility:hidden}}.game-card{transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease}.game-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px color-mix(in srgb,var(--grade) 16%,transparent)}.lesson{transition:transform .18s ease,background .18s ease}.lesson:hover{transform:translateY(-2px)}.answer{transition:transform .15s ease,border-color .15s ease,background .15s ease}.answer:not(:disabled):hover{transform:translate(4px)}.game-option{transition:transform .15s ease,border-color .15s ease}.game-option:not(:disabled):hover{transform:translate(3px)}