:root{color:#173b4a;font-synthesis:none;background:#effbf7;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,label{font:inherit;cursor:pointer}button:focus-visible,label:focus-within{outline-offset:3px;outline:4px solid #f4b840}main{background:linear-gradient(160deg,#e7faf9 0%,#fbf9e9 75%);min-height:100vh;overflow:hidden}header{justify-content:space-between;align-items:center;max-width:1120px;height:76px;margin:auto;padding:10px 24px;display:flex}.brand{color:#174251;background:0 0;border:0;align-items:center;gap:7px;font-size:18px;font-weight:800;display:flex}.dino{filter:drop-shadow(0 12px 14px #2d87773c);z-index:2;width:min(390px,75vw);height:auto;position:relative}.dino.small{filter:none;width:48px;height:42px}.parent-link,.back,.text-button{color:#337e76;background:0 0;border:0;padding:14px;font-weight:700}.hero{background:linear-gradient(135deg,#beece3,#e9f7d5);border-radius:38px;grid-template-columns:1.05fr .95fr;align-items:center;max-width:1080px;min-height:570px;margin:24px auto 0;padding:62px 70px;display:grid;position:relative;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#4b9789;margin:0 0 12px;font-size:13px;font-weight:800}.hero h1{color:#164553;letter-spacing:-.06em;margin:0;font-size:clamp(40px,6vw,70px);line-height:1.08}.sub{color:#4c6970;margin:22px 0;font-size:18px;line-height:1.7}.primary{color:#fff;background:#ee885d;border:0;border-radius:18px;min-height:62px;padding:12px 26px;font-size:19px;font-weight:800;transition:transform .15s;box-shadow:0 7px #d96f4d}.primary:hover{transform:translateY(-2px)}.primary span{margin-left:20px;font-size:27px}.stars{color:#87682d;margin:34px 0 0;font-weight:800}.hero-art{place-items:center;height:390px;display:grid;position:relative}.hill{background:#86c98c;border-radius:50% 50% 0 0;width:460px;height:180px;position:absolute;bottom:-90px}.cloud{opacity:.8;background:#fff;border-radius:99px;width:105px;height:31px;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud:before{width:48px;height:48px;bottom:0;left:19px}.cloud:after{width:38px;height:38px;bottom:0;right:15px}.cloud.one{top:44px;left:4px}.cloud.two{top:120px;right:4px;transform:scale(.7)}.map-entry{color:#246c65;background:#fff;border:2px solid #73b7a9;border-radius:16px;margin:26px auto 50px;padding:16px 23px;font-weight:800;display:block}.map,.parent,.lesson{max-width:1050px;margin:18px auto 60px;padding:30px}.section-title,.lesson-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-title h2,.lesson h2,.parent h2{color:#174554;margin:0;font-size:34px}.sound{color:#26766d;background:#fff;border:2px solid #b6ddd4;border-radius:15px;min-height:54px;padding:8px 16px;font-weight:800}.lesson-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-top:32px;display:grid}.lesson-card{text-align:left;color:#174554;background:#fff;border:0;border-radius:22px;flex-direction:column;gap:9px;min-height:160px;padding:17px;display:flex;box-shadow:0 5px #d7e8df}.lesson-card:hover:not(:disabled){transform:translateY(-3px)}.lesson-card b{color:#fff;background:#f8cc62;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.lesson-card span{font-size:17px;font-weight:900}.lesson-card small{color:#679094;line-height:1.35}.lesson-card.done b{background:#ed9a51}.lesson-card.locked{opacity:.48;cursor:not-allowed;filter:grayscale(.3)}.lesson{background:#f9fffd;border-radius:32px;box-shadow:0 12px 55px #39827014}.lesson-top{margin:16px 0 28px}.teaching{background:#edf8e7;border-radius:26px;align-items:center;gap:30px;min-height:340px;padding:40px;display:flex}.teaching h3,.practice h3{color:#174554;margin:0 0 15px;font-size:30px}.teaching p{color:#4e7076;max-width:450px;font-size:19px;line-height:1.7}.objects,.visual{letter-spacing:7px;min-height:76px;padding:12px 0;font-size:44px}.practice{text-align:center;min-height:390px;padding:28px 5px}.progress-dots{justify-content:center;gap:9px;margin:0 0 25px;display:flex}.progress-dots i{background:#dceee8;border-radius:20px;width:38px;height:12px;display:block}.progress-dots .active{background:#71c7b9}.visual{color:#ee875e;flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;display:flex}.visual span{white-space:pre;line-height:1.2}.options{justify-content:center;gap:16px;margin:20px auto;display:flex}.options button{color:#1d6964;background:#fff;border:2px solid #b8e1d7;border-radius:18px;min-width:94px;min-height:70px;font-size:25px;font-weight:900}.options button:hover{background:#e0f5ee}.feedback{color:#c16c4e;min-height:30px;font-weight:700}.feedback.good{color:#4b9e68}.complete{text-align:center;padding:55px 10px}.badge{color:#fff;background:#f9ca58;border-radius:50%;place-items:center;width:105px;height:105px;margin:auto;font-size:55px;display:grid;box-shadow:0 7px #e0a73a}.complete h2{margin:20px 0 7px}.complete p{color:#58767c;margin-bottom:30px}.parent{max-width:850px}.parent-grid{grid-template-columns:1fr 1fr;gap:18px;margin:24px 0;display:grid}.parent article,.backup{background:#fff;border-radius:22px;padding:24px;box-shadow:0 4px #d7e8df}.parent h3{color:#24515b;margin:0 0 10px}.parent strong{color:#ee885d;font-size:42px}.parent p{color:#59757a;line-height:1.55}.backup{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.backup h3,.backup p{width:100%}.backup button,.backup label{color:#286d66;background:#fff;border:2px solid #a6d8cd;border-radius:13px;padding:13px;font-weight:800}.backup input{display:none}.backup .danger{color:#b2584d;border-color:#f1b0a5}.voice-status{border-radius:14px;margin:25px 0;padding:16px;color:#8c692a!important;background:#fff4e2!important}.voice-status.ready{color:#397a4a!important;background:#e3f7ea!important}@media (width<=720px){header{padding:10px 14px}.brand span{font-size:15px}.hero{border-radius:0;min-height:calc(100vh - 76px);margin:0;padding:45px 28px;display:block}.hero-art{height:290px;margin-top:10px}.hero h1{font-size:47px}.map,.parent,.lesson{border-radius:0;margin:0;padding:19px}.section-title,.lesson-top{align-items:flex-start}.section-title h2,.lesson h2,.parent h2{font-size:27px}.lesson-grid{grid-template-columns:repeat(2,1fr);gap:12px}.lesson-card{min-height:145px}.teaching{padding:27px 18px;display:block}.teaching .dino{display:none}.teaching h3,.practice h3{font-size:25px}.options{gap:8px}.options button{min-width:76px}.parent-grid{grid-template-columns:1fr}.back{padding-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.relation-answer{text-align:left;max-width:460px}.relation-diagram{background:#effaf5;border:3px solid #89cdbf;border-radius:22px;grid-template-columns:1fr 1fr;gap:10px;padding:18px;display:grid}.relation-diagram span{text-align:center;color:#245b60;background:#fff;border-radius:15px;padding:15px;font-weight:900}.relation-diagram .whole{background:#ffedbc;grid-column:1/-1}.relation-diagram .unknown{border:3px dashed #ee885d}.answer-display{color:#246f69;border-bottom:4px solid #71bcae;place-items:center;width:100%;min-height:70px;margin:12px 0;font-size:34px;font-weight:900;display:grid}.keypad{grid-template-columns:repeat(3,1fr);max-width:360px;margin:auto;display:grid}.keypad button{min-width:0}.submit-answer{width:min(360px,100%);margin:18px auto;display:block}.help-button{color:#8b6720;background:#fff9e9;border:2px solid #efbd46;border-radius:16px;min-height:54px;margin:8px auto;padding:13px 18px;font-weight:900}.match-board,.sort-board,.fill-board,.shape-board,.path-board{max-width:620px;margin:20px auto}.match-object,.match-targets button,.sort-tokens button,.number-tiles button,.shape-board button,.path-buttons button{color:#1d6964;background:#fff;border:2px solid #b8e1d7;border-radius:18px;font-weight:900;box-shadow:0 4px #d7e8df}.match-object{padding:18px 26px;font-size:24px}.match-object.picked{background:#fff2c8;border-color:#efbd46;transform:translateY(-2px)}.match-arrow{color:#69a99a;margin:6px;font-size:32px}.match-targets,.sort-tokens,.number-tiles,.shape-board,.path-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.match-targets button{min-width:112px;min-height:65px;padding:10px}.match-targets button:disabled{opacity:.45;cursor:not-allowed}.sort-board p,.fill-board p,.path-board p{color:#527278;font-weight:700}.sort-slots{justify-content:center;gap:13px;margin:10px;display:flex}.sort-slots span{color:#276f69;background:#f4fcf8;border:3px dashed #94cfc1;border-radius:16px;place-items:center;width:120px;min-height:64px;font-size:25px;font-weight:900;display:grid}.sort-tokens button,.number-tiles button{min-width:100px;min-height:64px;font-size:25px}.number-sentence{color:#e77f59;justify-content:center;align-items:center;gap:15px;font-size:34px;font-weight:900;display:flex}.number-sentence .blank{color:#2b8078;border-bottom:4px solid #71bcae;place-items:center;min-width:54px;display:inline-grid}.shape-board button{place-items:center;min-width:115px;min-height:100px;font-size:42px;display:grid}.shape-board button:hover,.sort-tokens button:hover,.number-tiles button:hover,.path-buttons button:hover,.match-targets button:hover{background:#e0f5ee}.path-scene{justify-content:center;align-items:center;gap:10px;font-size:46px;display:flex}.path-scene .route{color:#7dbfb0;font-size:30px}.path-buttons button{flex-direction:column;justify-content:center;align-items:center;min-width:105px;min-height:88px;font-size:37px;display:flex}.path-buttons small{color:#276f69;margin-top:4px;font-size:14px}@media (width<=720px){.match-targets button{min-width:96px}.sort-slots span{width:105px}.shape-board button{min-width:94px}.path-buttons{gap:8px}.path-buttons button{min-width:88px}}