:root{--ink:#173f3a;--ink-soft:#41645f;--forest:#165b50;--forest-dark:#0f443c;--cream:#fff9e9;--paper:#fffdf5;--tomato:#ef6953;--tomato-dark:#bd4636;--sun:#f4c54d;--sun-dark:#c68f17;--sky:#76c6df;--sky-dark:#3e8fa8;--leaf:#81b96b;--leaf-dark:#4f8440;--line:#d7dfcf;--shadow:0 10px 0 #173f3a1a, 0 22px 44px #173f3a1f}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#f3eedc}body{color:var(--ink);background:var(--cream);font-family:var(--font-noto-sc), sans-serif;-webkit-font-smoothing:antialiased;margin:0}button{color:inherit;font:inherit}button:focus-visible{outline-offset:4px;outline:4px solid #1f8ca8}.app-shell{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.paper-grain{z-index:-1;pointer-events:none;opacity:.42;background-image:radial-gradient(#173f3a1c .7px,#0000 .7px);background-size:9px 9px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.topbar{z-index:20;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);min-height:92px;margin:0 auto;display:flex;position:relative}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.brand-mark{border:3px solid var(--ink);width:48px;height:48px;color:var(--cream);background:var(--tomato);box-shadow:4px 5px 0 var(--ink);font-family:var(--font-fredoka), sans-serif;border-radius:15px 17px 12px 16px;place-items:center;font-size:1.65rem;font-weight:700;display:grid;transform:rotate(-4deg)}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.04em;font-size:1rem}.brand small{color:var(--ink-soft);font-family:var(--font-fredoka), sans-serif;letter-spacing:.08em;margin-top:2px;font-size:.7rem}.top-actions{gap:12px;display:flex}.icon-button,.reward-button,.parent-button,.back-button,.listen-button{border:2px solid var(--ink);background:var(--paper);min-height:48px;box-shadow:3px 4px 0 var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:8px;transition:transform .15s,box-shadow .15s;display:inline-flex}.icon-button:hover,.reward-button:hover,.parent-button:hover,.back-button:hover,.listen-button:hover{box-shadow:4px 6px 0 var(--ink);transform:translateY(-2px)}.icon-button:active,.reward-button:active,.parent-button:active,.back-button:active,.listen-button:active{box-shadow:1px 2px 0 var(--ink);transform:translate(2px,2px)}.icon-button{border-radius:50%;width:50px}.icon-button svg,.reward-button svg,.parent-button svg,.back-button svg,.listen-button svg,.primary-button svg,.eyebrow svg,.session-note svg,.progress-pill svg{width:20px;height:20px}.parent-button{border-radius:16px;padding:0 18px;font-size:.88rem;font-weight:700}.reward-button{border:2px solid var(--ink);background:var(--sun);min-height:48px;box-shadow:3px 4px 0 var(--ink);cursor:pointer;border-radius:16px;align-items:center;gap:8px;padding:0 16px;font-size:.84rem;font-weight:800;display:inline-flex;position:relative}.reward-button span{min-width:24px;height:24px;color:var(--paper);background:var(--tomato);font-family:var(--font-fredoka), sans-serif;border-radius:50%;place-items:center;font-size:.72rem;display:grid}.hero{border:3px solid var(--ink);width:min(1180px,100% - 48px);min-height:540px;box-shadow:var(--shadow);background:#d9eee5;border-radius:42px 42px 95px;grid-template-columns:1.02fr .98fr;margin:18px auto 0;display:grid;position:relative;overflow:hidden}.hero:after{border:3px solid var(--ink);background:var(--sun);content:"";border-radius:50% 50% 0 0;width:240px;height:180px;position:absolute;bottom:-72px;right:-54px;transform:rotate(-12deg)}.hero-copy{z-index:3;flex-direction:column;justify-content:center;align-items:flex-start;padding:70px 50px 64px 64px;display:flex;position:relative}.eyebrow{color:var(--tomato-dark);font-family:var(--font-fredoka), var(--font-noto-sc), sans-serif;letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 18px;font-size:.78rem;font-weight:700;display:inline-flex}.hero h1,.lesson-stage h1,.parent-heading h1{font-family:var(--font-fredoka), var(--font-noto-sc), sans-serif;letter-spacing:-.035em;margin:0}.hero h1{max-width:590px;font-size:clamp(3rem,6.2vw,5.65rem);line-height:.94}.hero-zh{max-width:500px;color:var(--ink-soft);margin:24px 0 30px;font-size:1.03rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.primary-button{border:3px solid var(--ink);color:#fffdf5;background:var(--tomato);min-height:58px;box-shadow:5px 6px 0 var(--ink);cursor:pointer;border-radius:18px 20px 16px 19px;justify-content:center;align-items:center;gap:10px;padding:0 25px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.primary-button:hover{box-shadow:6px 9px 0 var(--ink);transform:translateY(-3px)rotate(-.5deg)}.primary-button:active{box-shadow:2px 3px 0 var(--ink);transform:translate(3px,3px)}.listen-button{border-radius:18px;padding:0 19px;font-weight:700}.session-note{color:var(--ink-soft);align-items:center;gap:8px;margin-top:26px;font-size:.78rem;display:flex}.hero-scene{clip-path:ellipse(86% 95% at 84%);background:#a9d5c0;min-height:540px;position:relative;overflow:hidden}.hero-scene:before,.hero-scene:after{border:3px solid var(--ink);background:var(--forest);content:"";border-radius:50% 50% 0 0;position:absolute;bottom:-40px}.hero-scene:before{width:270px;height:190px;right:160px;transform:rotate(8deg)}.hero-scene:after{background:var(--leaf);width:280px;height:250px;right:-40px;transform:rotate(-8deg)}.sun-shape{border:3px solid var(--ink);background:var(--sun);border-radius:50%;width:88px;height:88px;position:absolute;top:58px;right:70px;box-shadow:0 0 0 13px #f4c54d47}.cloud{border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:90px;height:34px;position:absolute}.cloud:before,.cloud:after{border:2px solid var(--ink);background:var(--paper);content:"";border-bottom:0;border-radius:50% 50% 0 0;position:absolute}.cloud:before{width:39px;height:29px;top:-22px;left:16px}.cloud:after{width:28px;height:20px;top:-13px;right:11px}.cloud-one{top:115px;left:35px;transform:scale(.72)}.cloud-two{top:190px;right:40px;transform:scale(.52)}.speech-bubble{z-index:4;border:3px solid var(--ink);background:var(--paper);box-shadow:4px 5px 0 var(--ink);font-family:var(--font-fredoka), sans-serif;border-radius:24px 24px 24px 5px;padding:14px 23px;font-size:1.4rem;font-weight:700;animation:.6s cubic-bezier(.34,1.56,.64,1) .22s both bubble-in;position:absolute;top:118px;left:102px;transform:rotate(-5deg)}.hero-scene .speech-bubble{max-width:210px;font-size:1.08rem;line-height:1.15}.beaver{z-index:5;filter:drop-shadow(8px 12px #173f3a33);transform-origin:bottom;font-size:clamp(10rem,19vw,15rem);animation:3.3s ease-in-out infinite beaver-wave;position:absolute;bottom:78px;right:76px}.letter-block{z-index:6;border:3px solid var(--ink);width:76px;height:76px;color:var(--ink);box-shadow:5px 6px 0 var(--ink);font-family:var(--font-fredoka), sans-serif;border-radius:16px;place-items:center;font-size:2.6rem;font-weight:700;display:grid;position:absolute}.block-a{background:var(--sun);bottom:56px;right:300px;transform:rotate(-9deg)}.block-b{background:var(--sky);bottom:36px;right:232px;transform:rotate(7deg)}.ground{z-index:7;border-top:3px solid var(--ink);width:360px;height:38px;position:absolute;bottom:12px;right:30px}.ground span{background:var(--ink);border-radius:10px;width:5px;height:20px;position:absolute;bottom:10px;transform:rotate(18deg)}.ground span:first-child{left:34px}.ground span:nth-child(2){height:28px;right:95px;transform:rotate(-16deg)}.ground span:nth-child(3){height:16px;right:34px}.review-hub{border:3px solid var(--ink);width:min(1080px,100% - 48px);color:var(--paper);background:var(--forest);box-shadow:7px 9px 0 var(--ink);border-radius:34px 28px 50px 30px;grid-template-columns:1.15fr .85fr;gap:26px;margin:72px auto 0;padding:34px;display:grid}.review-intro h2{font-family:var(--font-fredoka), var(--font-noto-sc), sans-serif;margin:8px 0 12px;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.review-intro>p:last-of-type{color:#dcebe4;max-width:580px;margin:0;font-size:.86rem;line-height:1.8}.mastery-leaf{border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:8px;margin-top:22px;padding:8px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.mastery-leaf span{font-size:1.15rem}.review-ticket{border:3px solid var(--ink);min-height:190px;color:var(--ink);background:#fff1c4;border-radius:22px 20px 30px 18px;padding:21px;position:relative;transform:rotate(1deg);box-shadow:5px 6px #0a332e}.ticket-top{font-family:var(--font-fredoka), sans-serif;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;font-weight:700;display:grid}.ticket-top svg{width:21px;height:21px}.ticket-top strong{border:2px solid var(--ink);width:40px;height:40px;color:var(--paper);background:var(--tomato);border-radius:50%;place-items:center;font-size:1.15rem;display:grid}.review-preview{gap:8px;margin:17px 0;display:flex;overflow:hidden}.review-preview span{border:2px solid var(--ink);background:var(--paper);min-width:0;font-family:var(--font-fredoka), sans-serif;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:.72rem;display:inline-flex}.review-preview b{font-size:1.1rem}.review-button{width:100%;min-height:48px;margin:0}.review-empty{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;margin-top:24px;display:grid}.review-empty>span{grid-row:1/3;font-size:2.8rem}.review-empty strong,.review-empty small{display:block}.review-empty small{color:var(--ink-soft);margin-top:4px;font-size:.68rem;line-height:1.5}.mastery-strip{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mastery-strip>span,.parent-mastery-grid>span{border:2px solid var(--ink);color:var(--ink);background:var(--paper);border-radius:14px;justify-content:space-between;align-items:center;padding:10px 13px;display:flex}.mastery-strip small,.parent-mastery-grid small{font-size:.68rem;font-weight:700}.mastery-strip strong,.parent-mastery-grid strong{font-family:var(--font-fredoka), sans-serif;font-size:1.1rem}.mastery-strip .mastery-new,.parent-mastery-grid .mastery-new{background:#f1eee3}.mastery-strip .mastery-learning,.parent-mastery-grid .mastery-learning{background:#d8f0f6}.mastery-strip .mastery-review,.parent-mastery-grid .mastery-review{background:#fff1c4}.mastery-strip .mastery-mastered,.parent-mastery-grid .mastery-mastered{background:#dff0d8}.graded-section,.journey-section{width:min(1080px,100% - 48px);margin:110px auto 0;padding-bottom:20px}.level-selector{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.level-selector button{border:3px solid var(--ink);background:var(--paper);min-height:205px;box-shadow:5px 7px 0 var(--ink);cursor:pointer;text-align:left;border-radius:27px 24px 34px 22px;flex-direction:column;align-items:flex-start;padding:24px;transition:transform .16s,box-shadow .16s,background .16s;display:flex;position:relative;overflow:hidden}.level-selector button:first-child{background:#f8d9d2}.level-selector button:nth-child(2){background:#fff1c4;transform:translateY(12px)}.level-selector button:nth-child(3){background:#d9eee5}.level-selector button:nth-child(4),.level-selector button:nth-child(8){background:#d8f0f6}.level-selector button:nth-child(5),.level-selector button:nth-child(9){background:#dff0d8}.level-selector button:nth-child(6){background:#f8d9d2}.level-selector button:nth-child(7){background:#fff1c4}.level-selector button:hover{box-shadow:7px 10px 0 var(--ink);transform:translateY(-3px)rotate(-.4deg)}.level-selector button:nth-child(2):hover{transform:translateY(9px)rotate(.4deg)}.level-selector button.selected{color:var(--paper);background:var(--forest)}.level-step{font-family:var(--font-fredoka), sans-serif;letter-spacing:.08em;text-transform:uppercase;border:2px solid;border-radius:999px;padding:5px 9px;font-size:.68rem;font-weight:700;display:inline-flex}.level-dots{color:var(--tomato-dark);letter-spacing:.18em;margin:22px 0 9px;font-size:.76rem}.level-selector button.selected .level-dots{color:var(--sun)}.level-selector strong{font-family:var(--font-fredoka), sans-serif;font-size:1.55rem}.level-selector small{color:var(--ink-soft);margin-top:4px;font-size:.72rem;line-height:1.55}.level-selector button.selected small{color:#d8e9e5}.level-selector em{font-family:var(--font-fredoka), sans-serif;margin-top:auto;padding-top:16px;font-size:.9rem;font-style:normal;font-weight:650}.level-check{border:2px solid;border-radius:50%;width:25px;height:25px;padding:4px;position:absolute;top:19px;right:19px}.learning-bridge{border:2px dashed var(--ink-soft);color:var(--ink-soft);font-family:var(--font-fredoka), sans-serif;background:#fffdf5b3;border-radius:22px;justify-content:center;align-items:center;gap:15px;margin:47px 0 78px;padding:17px 20px;font-size:.88rem;font-weight:650;display:flex}.learning-bridge>svg{flex:none;width:17px;height:17px}.learning-bridge>svg:first-child{color:var(--tomato-dark)}.topic-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.topic-heading h3{font-family:var(--font-fredoka), var(--font-noto-sc), sans-serif;letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,4vw,2.7rem)}.topic-heading>p{color:var(--ink-soft);margin:0;font-size:.8rem}.topic-heading>p strong{color:var(--tomato-dark)}.theme-grid{grid-template-columns:repeat(3,1fr);gap:19px;display:grid}.theme-card{border:3px solid var(--ink);background:var(--paper);min-height:142px;box-shadow:5px 7px 0 var(--ink);cursor:pointer;text-align:left;border-radius:25px 22px 29px 20px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:20px;transition:transform .16s,box-shadow .16s;display:grid;position:relative}.theme-card:hover{box-shadow:7px 10px 0 var(--ink);transform:translateY(-4px)rotate(-.4deg)}.theme-card.current{outline-offset:5px;outline:4px solid #ef695347}.theme-card.tomato .theme-emoji{background:#f8d9d2}.theme-card.sun .theme-emoji{background:#fff1c4}.theme-card.sky .theme-emoji{background:#d8f0f6}.theme-card.leaf .theme-emoji{background:#dff0d8}.theme-emoji{border:2px solid var(--ink);border-radius:21px 18px 23px 16px;place-items:center;width:65px;height:65px;font-size:2.25rem;display:grid}.theme-copy{min-width:0}.theme-copy small,.theme-copy strong,.theme-copy em{display:block}.theme-copy small{color:var(--ink-soft);font-size:.66rem}.theme-copy strong{font-family:var(--font-fredoka), sans-serif;margin-top:2px;font-size:1.2rem}.theme-copy em{max-width:130px;color:var(--tomato-dark);font-family:var(--font-fredoka), sans-serif;text-overflow:ellipsis;white-space:nowrap;margin-top:9px;font-size:.72rem;font-style:normal;overflow:hidden}.theme-progress{border:2px solid var(--ink);background:var(--cream);border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.theme-progress.complete{color:var(--paper);background:var(--forest)}.theme-progress svg{width:17px;height:17px}.theme-levels{color:var(--ink-soft);font-size:.62rem;position:absolute;bottom:10px;right:18px}.lesson-context{border:2px solid var(--ink);background:var(--paper);box-shadow:2px 3px 0 var(--ink);border-radius:999px;align-items:center;gap:7px;margin-bottom:17px;padding:7px 12px;font-size:.73rem;font-weight:700;display:inline-flex}.lesson-context span{font-size:1.1rem}.lesson-context em{font-style:normal}.mastery-pill,.review-mode-pill{border-radius:999px;padding:3px 7px;font-size:.62rem}.mastery-pill.new{background:#ebe8de}.mastery-pill.learning{background:#d8f0f6}.mastery-pill.review{background:#fff1c4}.mastery-pill.mastered{color:var(--paper);background:var(--leaf-dark)}.review-mode-pill{color:var(--paper);background:var(--tomato)}.mastery-earned{color:var(--paper);background:var(--leaf-dark);border-radius:999px;margin-left:6px;padding:4px 8px;font-size:.68rem}.answer-card strong{text-align:center;max-width:240px;line-height:1.35}.level-report li span{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.level-report li strong{font-size:.76rem}.level-report li small{color:var(--ink-soft);font-size:.66rem}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:38px;display:flex}.section-heading h2{max-width:670px;font-family:var(--font-fredoka), var(--font-noto-sc), sans-serif;letter-spacing:-.035em;margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1.16}.progress-pill{border:2px solid var(--ink);background:var(--paper);box-shadow:3px 4px 0 var(--ink);border-radius:999px;flex:none;padding:12px 17px;font-size:.8rem;font-weight:700}.progress-pill span{color:var(--tomato-dark);font-family:var(--font-fredoka), sans-serif;margin-right:5px;font-size:1.1rem}.lesson-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 44px;display:grid}.lesson-card{border:3px solid var(--ink);background:var(--paper);min-height:112px;box-shadow:5px 7px 0 var(--ink);cursor:pointer;text-align:left;border-radius:25px 23px 28px 19px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:16px;padding:18px 20px 18px 18px;transition:transform .18s,box-shadow .18s;display:grid;position:relative}.lesson-card:nth-child(4n+2),.lesson-card:nth-child(4n+3){transform:translateY(22px)}.lesson-card:not(:disabled):hover{box-shadow:7px 10px 0 var(--ink);transform:translateY(-3px)rotate(-.35deg)}.lesson-card:nth-child(4n+2):not(:disabled):hover,.lesson-card:nth-child(4n+3):not(:disabled):hover{transform:translateY(18px)rotate(.35deg)}.lesson-card.locked{cursor:not-allowed;filter:grayscale(.8);opacity:.54}.path-number{border:2px solid var(--ink);width:34px;height:34px;color:var(--paper);background:var(--ink);font-family:var(--font-fredoka), sans-serif;border-radius:50%;place-items:center;font-size:.88rem;font-weight:700;display:grid}.lesson-icon{border:2px solid var(--ink);border-radius:20px 17px 21px 15px;place-items:center;width:62px;height:62px;font-size:2rem;display:grid}.lesson-card.tomato .lesson-icon{background:#f7b0a4}.lesson-card.sun .lesson-icon{background:#f8dea0}.lesson-card.sky .lesson-icon{background:#b7e4f0}.lesson-card.leaf .lesson-icon{background:#bfe0ae}.lesson-copy strong,.lesson-copy small{display:block}.lesson-copy strong{font-family:var(--font-fredoka), sans-serif;font-size:1.22rem}.lesson-copy small{color:var(--ink-soft);margin-top:6px;font-size:.76rem}.lesson-status{border:2px solid var(--ink);background:var(--cream);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.lesson-status svg{width:18px}.path-dots{z-index:-1;border-bottom:4px dotted var(--ink-soft);opacity:.55;width:54px;height:45px;position:absolute;bottom:-20px;right:-48px;transform:rotate(28deg)}.family-strip{border:3px solid var(--ink);background:var(--sun);width:min(1080px,100% - 48px);box-shadow:5px 7px 0 var(--ink);border-radius:28px 54px;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin:110px auto 120px;padding:26px 32px;display:grid;position:relative;overflow:hidden}.family-icon{border:2px solid var(--ink);width:58px;height:58px;color:var(--tomato);background:var(--paper);border-radius:50%;place-items:center;display:grid}.family-icon svg{width:28px}.family-strip strong{font-size:1.05rem}.family-strip p{margin:5px 0 0;font-size:.85rem;line-height:1.7}.footprints{opacity:.48;width:42px;height:42px;transform:rotate(24deg)}.lesson-screen,.parent-view{width:min(1080px,100% - 48px);margin:24px auto 110px}.lesson-topline{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;display:grid}.back-button{border-radius:15px;justify-self:start;padding:0 16px;font-size:.8rem;font-weight:700}.lesson-progress{gap:8px;display:flex}.lesson-progress span{background:#d4ddd3;border-radius:99px;width:52px;height:8px}.lesson-progress span.active{background:var(--tomato)}.step-label{color:var(--ink-soft);font-family:var(--font-fredoka), sans-serif;justify-self:end;font-size:.82rem;font-weight:700}.lesson-stage{text-align:center;max-width:940px;margin:45px auto 0;position:relative}.guide-card{border:3px solid var(--ink);box-shadow:var(--shadow);text-align:left;background:#d9eee5;border-radius:36px 36px 68px 34px;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:24px 26px;display:grid;position:relative}.mini-beaver{border:3px solid var(--ink);background:var(--sun);border-radius:50% 46% 48% 45%;place-items:center;width:112px;height:112px;font-size:5.1rem;display:grid;transform:rotate(-4deg)}.guide-card p{color:var(--tomato-dark);font-family:var(--font-fredoka), sans-serif;margin:0 0 6px;font-size:.86rem;font-weight:700}.guide-card h1{font-size:clamp(1.9rem,4vw,3.3rem);line-height:1.12}.guide-card h1 em{color:var(--tomato-dark);-webkit-text-decoration:underline wavy var(--sun) 5px;text-decoration:underline wavy var(--sun) 5px;text-underline-offset:9px;font-style:normal}.big-sound-button{border:3px solid var(--ink);width:66px;height:66px;color:var(--paper);background:var(--forest);box-shadow:4px 5px 0 var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid}.big-sound-button svg{width:27px;height:27px}.gentle-instruction{color:var(--ink-soft);margin:37px 0 22px;font-size:.9rem}.answer-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.answer-card{border:3px solid var(--ink);background:var(--paper);min-height:236px;box-shadow:5px 7px 0 var(--ink);cursor:pointer;border-radius:32px 29px 37px 25px;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:transform .16s,box-shadow .16s,background .16s;display:flex;position:relative}.answer-card:nth-child(2){transform:translateY(15px)rotate(1deg)}.answer-card:hover{box-shadow:7px 11px 0 var(--ink);transform:translateY(-4px)rotate(-1deg)}.answer-card:nth-child(2):hover{transform:translateY(10px)rotate(0)}.answer-card.correct{background:#dff0d8;animation:.48s cubic-bezier(.34,1.56,.64,1) happy-pop}.answer-card.try-again{background:#fff4d6;animation:.36s gentle-wiggle}.object-emoji{font-family:sans-serif;font-size:6.2rem;line-height:1}.red-hat .object-emoji{color:var(--tomato);filter:sepia()saturate(12)hue-rotate(325deg)}.blue-ball .object-emoji{color:var(--sky-dark);text-shadow:inset 4px 4px 0 white;font-size:7rem}.yellow-sun .object-emoji{color:var(--sun-dark)}.answer-card strong{font-family:var(--font-fredoka), sans-serif;font-size:1.18rem}.answer-badge{border:2px solid var(--ink);background:var(--paper);font-family:var(--font-fredoka), sans-serif;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:.72rem;font-weight:700;display:inline-flex;position:absolute;top:14px;right:14px}.answer-badge svg{width:14px;height:14px}.feedback-card{border:2px solid var(--ink);background:var(--paper);border-radius:18px;align-items:center;gap:9px;min-height:52px;margin:38px auto 0;padding:11px 18px;font-size:.86rem;font-weight:700;display:inline-flex}.feedback-card.correct{color:var(--forest-dark);background:#dff0d8}.feedback-card.try-again{background:#fff1c4}.feedback-card svg{width:19px;height:19px}.lesson-finish-actions{justify-content:center;align-items:center;gap:14px;margin-top:25px;display:flex}.lesson-finish-actions .finish-button{margin:0}.parent-view{max-width:980px}.parent-heading{margin:38px 0 34px}.parent-heading .back-button{margin-bottom:40px}.parent-heading h1{font-size:clamp(2.8rem,6vw,5rem)}.parent-heading>p:last-child{color:var(--ink-soft)}.parent-grid{grid-template-columns:1.1fr .9fr;gap:22px;display:grid}.report-card{border:3px solid var(--ink);background:var(--paper);box-shadow:5px 7px 0 var(--ink);border-radius:26px 23px 31px 22px;padding:25px}.progress-report{background:#d9eee5}.mastery-report{background:#d8f0f6}.weak-report{background:#f8d9d2}.report-title{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.report-title>span{align-items:center;gap:9px;font-weight:800;display:flex}.report-title svg{width:20px;height:20px}.report-title small{color:var(--ink-soft);font-size:.7rem}.report-card>p{color:var(--ink-soft);font-size:.82rem;line-height:1.7}.report-body{grid-template-columns:auto 1fr;align-items:center;gap:24px;display:grid}.progress-ring{border:3px solid var(--ink);background:conic-gradient(var(--tomato) var(--progress), var(--paper) 0);text-align:center;border-radius:50%;place-content:center;width:138px;height:138px;display:grid;box-shadow:inset 0 0 0 13px #d9eee5}.progress-ring strong{font-family:var(--font-fredoka), sans-serif;font-size:2rem}.progress-ring span{font-size:.67rem}.report-body ul{margin:0;padding:0;list-style:none}.report-body li{grid-template-columns:auto 1fr;gap:8px;margin:11px 0;font-size:.78rem;line-height:1.6;display:grid}.report-body li svg{width:17px;height:17px;color:var(--leaf-dark);margin-top:3px}.report-body li.next svg{color:var(--tomato-dark)}.parent-mastery-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.parent-recommendation{border:2px dashed var(--ink);background:#ffffff73;border-radius:15px;align-items:flex-start;gap:9px;margin:18px 0 0;padding:12px;display:flex}.parent-recommendation svg{flex:none;width:18px;height:18px;margin-top:3px}.weak-list{margin:0;padding:0;list-style:none}.weak-list li{border-bottom:1px dashed #173f3a59;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:10px 0;display:grid}.weak-list li:last-child{border-bottom:0}.weak-emoji{font-size:2rem}.weak-list strong,.weak-list small{display:block}.weak-list strong{font-family:var(--font-fredoka), sans-serif}.weak-list small{color:var(--ink-soft);margin-top:2px;font-size:.66rem}.weak-list em{color:var(--paper);background:var(--tomato-dark);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:.62rem;font-style:normal;font-weight:700}.weak-empty{border:2px dashed var(--ink);border-radius:17px;align-items:center;gap:14px;padding:12px;display:flex}.weak-empty>span{font-size:2.6rem}.weak-empty p{margin:0}.weak-empty strong,.weak-empty small{display:block}.weak-empty small{color:var(--ink-soft);margin-top:4px;font-size:.68rem;line-height:1.5}.duration-options{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:23px;display:grid}.duration-options button{border:2px solid var(--ink);background:var(--cream);cursor:pointer;min-height:76px;font-family:var(--font-fredoka), sans-serif;border-radius:18px;font-size:1.5rem;font-weight:700}.duration-options button.selected{color:var(--paper);background:var(--forest);box-shadow:3px 4px 0 var(--ink)}.duration-options small{font-family:var(--font-noto-sc), sans-serif;font-size:.66rem;display:block}.safety-card{background:#fff1c4}.safety-row{grid-template-columns:auto 1fr;gap:11px;margin:17px 0;display:grid}.safety-row>svg{width:20px;height:20px;color:var(--forest)}.safety-row strong{font-size:.86rem}.safety-row p{color:var(--ink-soft);margin:3px 0 0;font-size:.74rem;line-height:1.55}.offline-card{background:#f8d9d2}.offline-prompt{align-items:center;gap:17px;display:flex}.offline-prompt>span{font-size:3rem}.offline-prompt p{margin:0;font-size:.8rem;line-height:1.75}.offline-prompt strong{font-family:var(--font-fredoka), sans-serif}.rewards-view{width:min(1080px,100% - 48px);margin:28px auto 110px}.rewards-hero{border:3px solid var(--ink);min-height:430px;box-shadow:var(--shadow);background:linear-gradient(135deg,#fff1c4 0 58%,#f7b0a4 58% 100%);border-radius:38px 38px 85px;padding:48px 50px;position:relative;overflow:hidden}.rewards-hero .back-button{margin-bottom:58px}.rewards-hero h1{max-width:640px;margin:8px 0 12px;font-size:clamp(3rem,7vw,5.6rem);line-height:.95}.rewards-hero>p:not(.eyebrow,.all-rewards-unlocked){max-width:560px;color:var(--ink-soft)}.treasure-chest{filter:drop-shadow(10px 12px #0f443c2e);font-size:10rem;animation:2.8s ease-in-out infinite treasure-float;position:absolute;top:80px;right:70px;transform:rotate(7deg)}.reward-summary{border:2px solid var(--ink);background:var(--paper);box-shadow:3px 4px 0 var(--ink);border-radius:999px;align-items:baseline;gap:9px;margin-top:20px;padding:10px 16px;display:inline-flex}.reward-summary strong{color:var(--tomato-dark);font-family:var(--font-fredoka), sans-serif;font-size:1.45rem}.reward-summary span{font-size:.78rem;font-weight:750}.next-reward-card{border:3px solid var(--ink);background:var(--paper);width:min(390px,42%);box-shadow:5px 7px 0 var(--ink);border-radius:24px 21px 31px 19px;grid-template-columns:auto minmax(170px,1fr);align-items:center;gap:14px;padding:17px;display:grid;position:absolute;bottom:38px;right:48px}.next-reward-emoji{border:2px solid var(--ink);background:#d9eee5;border-radius:20px;place-items:center;width:70px;height:70px;font-size:2.8rem;display:grid}.next-reward-card small,.next-reward-card strong{display:block}.next-reward-card small{color:var(--tomato-dark);text-transform:uppercase;font-size:.66rem;font-weight:800}.next-reward-card strong{font-family:var(--font-fredoka), sans-serif;margin-top:2px;font-size:1.15rem}.next-reward-card p{color:var(--ink-soft);margin:4px 0 0;font-size:.7rem}.reward-meter{border:2px solid var(--ink);background:#e8ede8;border-radius:999px;grid-column:1/-1;height:10px;overflow:hidden}.reward-meter span{border-radius:inherit;background:var(--tomato);height:100%;transition:width .4s;display:block}.reward-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:42px;display:grid}.reward-card{border:3px solid var(--ink);background:var(--paper);min-height:280px;box-shadow:5px 7px 0 var(--ink);text-align:center;border-radius:27px 23px 34px 21px;padding:25px 20px 21px;position:relative;overflow:hidden}.reward-card:nth-child(4n+2){transform:translateY(12px)rotate(.5deg)}.reward-card:nth-child(4n+3){transform:rotate(-.5deg)}.reward-card.unlocked{background:#fff1c4}.reward-card.locked{color:#6f817d;background:#e9ebe5}.reward-emoji{border:3px solid var(--ink);background:var(--paper);border-radius:50%;place-items:center;width:104px;height:104px;margin:0 auto 15px;font-size:4rem;display:grid}.reward-card.locked .reward-emoji{background:#d8dfdc;border-style:dashed}.reward-emoji svg{width:34px;height:34px}.reward-card small{color:var(--tomato-dark);font-family:var(--font-fredoka), sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:750}.reward-card h2{margin:6px 0;font-size:1.35rem}.reward-card p{color:var(--ink-soft);margin:0;font-size:.7rem;line-height:1.6}.collected-stamp{border:2px solid var(--ink);background:#dff0d8;border-radius:999px;align-items:center;gap:3px;padding:5px 8px;font-size:.62rem;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px;transform:rotate(4deg)}.collected-stamp svg{width:13px;height:13px}.all-rewards-unlocked{border:2px solid var(--ink);background:var(--paper);border-radius:16px;margin-top:20px;padding:12px 17px;font-weight:800;display:inline-block}.reward-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f443cc7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.reward-unlock-modal{border:4px solid var(--ink);background:var(--sun);width:min(460px,100%);box-shadow:10px 13px 0 var(--ink);text-align:center;border-radius:45px 38px 58px 34px;padding:36px 38px 30px;animation:.52s cubic-bezier(.34,1.56,.64,1) reward-arrive;position:relative;overflow:hidden}.reward-unlock-modal>:not(.reward-rays){z-index:2;position:relative}.reward-rays{background:repeating-conic-gradient(#ffffff9e 0 10deg, transparent 10deg 24deg);animation:14s linear infinite rays-spin;position:absolute;inset:-100px}.party-icon{width:34px;height:34px;color:var(--tomato-dark);margin-bottom:4px}.reward-unlock-modal>p{color:var(--tomato-dark);font-family:var(--font-fredoka), sans-serif;letter-spacing:.15em;margin:0;font-size:.8rem;font-weight:800}.unlocked-emoji{border:4px solid var(--ink);background:var(--paper);width:150px;height:150px;box-shadow:6px 8px 0 var(--ink);border-radius:50%;place-items:center;margin:16px auto;font-size:6.5rem;animation:2s ease-in-out infinite treasure-float;display:grid}.reward-unlock-modal h2{margin:19px 0 7px;font-size:2rem}.reward-unlock-modal>span{color:var(--ink-soft);font-size:.85rem;display:block}.reward-unlock-modal .primary-button{margin:24px auto 12px}.view-treasure-link{cursor:pointer;text-underline-offset:4px;background:0 0;border:0;font-size:.76rem;font-weight:750;text-decoration:underline}.confetti-burst{z-index:8;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-burst span{background:var(--tomato);border-radius:3px;width:11px;height:22px;animation:.9s ease-out both confetti-pop;position:absolute;top:38%;left:50%}.confetti-burst span:nth-child(3n){background:var(--sun)}.confetti-burst span:nth-child(3n+1){background:var(--sky)}.confetti-burst span:first-child{--x:-340px;--y:-180px;--r:120deg}.confetti-burst span:nth-child(2){--x:-270px;--y:80px;--r:250deg}.confetti-burst span:nth-child(3){--x:-210px;--y:-250px;--r:390deg}.confetti-burst span:nth-child(4){--x:-130px;--y:150px;--r:210deg}.confetti-burst span:nth-child(5){--x:-70px;--y:-190px;--r:320deg}.confetti-burst span:nth-child(6){--x:10px;--y:170px;--r:160deg}.confetti-burst span:nth-child(7){--x:80px;--y:-240px;--r:430deg}.confetti-burst span:nth-child(8){--x:145px;--y:120px;--r:270deg}.confetti-burst span:nth-child(9){--x:200px;--y:-180px;--r:350deg}.confetti-burst span:nth-child(10){--x:275px;--y:80px;--r:190deg}.confetti-burst span:nth-child(11){--x:340px;--y:-210px;--r:410deg}.confetti-burst span:nth-child(12){--x:-300px;--y:-30px;--r:330deg}.confetti-burst span:nth-child(13){--x:310px;--y:-20px;--r:250deg}.confetti-burst span:nth-child(14){--x:20px;--y:-280px;--r:390deg}.reset-button{color:var(--ink-soft);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;align-items:center;gap:8px;margin-top:26px;padding:10px 14px;font-size:.76rem;text-decoration:underline;display:inline-flex}.reset-button svg{width:16px;height:16px}.mobile-nav{display:none}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f443cb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.parent-gate{border:3px solid var(--ink);background:var(--paper);width:min(420px,100%);box-shadow:8px 10px 0 var(--ink);text-align:center;border-radius:35px 31px 45px 28px;padding:40px 32px 34px;animation:.32s cubic-bezier(.34,1.56,.64,1) happy-pop;position:relative}.close-button{border:2px solid var(--ink);background:var(--cream);cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:15px;right:15px}.close-button svg{width:19px}.gate-icon{border:2px solid var(--ink);width:64px;height:64px;color:var(--paper);background:var(--forest);border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.gate-icon svg{width:30px;height:30px}.parent-gate h2{font-family:var(--font-fredoka), var(--font-noto-sc), sans-serif;margin:0;font-size:2rem}.parent-gate>p{color:var(--ink-soft);font-size:1rem}.gate-options{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.gate-options button{border:3px solid var(--ink);background:var(--sun);min-height:64px;box-shadow:3px 4px 0 var(--ink);cursor:pointer;font-family:var(--font-fredoka), sans-serif;border-radius:17px;font-size:1.55rem;font-weight:700}.gate-options button:hover{transform:translateY(-2px)}.gate-message{min-height:22px;color:var(--tomato-dark);margin-top:19px;font-size:.78rem;display:block}@keyframes bubble-in{0%{opacity:0;transform:translateY(16px)rotate(-5deg)scale(.8)}to{opacity:1;transform:translateY(0)rotate(-5deg)scale(1)}}@keyframes beaver-wave{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(2deg)translateY(-8px)}}@keyframes happy-pop{0%{transform:scale(.88)}70%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes gentle-wiggle{0%,to{transform:translate(0)}33%{transform:translate(-5px)}66%{transform:translate(5px)}}@keyframes reward-arrive{0%{opacity:0;transform:translateY(40px)scale(.65)rotate(-7deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes treasure-float{0%,to{transform:translateY(0)rotate(5deg)}50%{transform:translateY(-12px)rotate(-3deg)}}@keyframes rays-spin{to{transform:rotate(360deg)}}@keyframes confetti-pop{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(.5)}to{opacity:0;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) rotate(var(--r)) scale(1)}}@media (width<=900px){.hero,.review-hub{grid-template-columns:1fr}.mastery-strip{grid-column:auto}.hero-copy{padding:55px 46px 45px}.hero-scene{clip-path:ellipse(92% 95% at 64% 66%);min-height:390px}.beaver{right:12%}.lesson-path{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}.lesson-card:nth-child(4n+2),.lesson-card:nth-child(4n+3){transform:none}.lesson-card:nth-child(4n+2):not(:disabled):hover,.lesson-card:nth-child(4n+3):not(:disabled):hover{transform:translateY(-3px)}.path-dots{border-right:4px dotted var(--ink-soft);border-bottom:0;width:5px;height:28px;bottom:-28px;left:51px;right:auto;transform:none}.parent-grid{grid-template-columns:1fr}.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.next-reward-card{width:min(520px,100%);margin-top:28px;position:relative;bottom:auto;right:auto}.treasure-chest{font-size:7rem;top:120px;right:40px}.answer-grid{gap:15px}.answer-card{min-height:205px}.object-emoji{font-size:5rem}}@media (width<=640px){.app-shell{padding-bottom:84px}.topbar{width:calc(100% - 28px);min-height:76px}.brand-mark{width:42px;height:42px;font-size:1.45rem}.brand strong{font-size:.88rem}.brand small,.parent-button,.reward-button{display:none}.icon-button{width:46px;min-height:46px}.hero{border-radius:30px 30px 64px;width:calc(100% - 28px);min-height:0;margin-top:8px}.hero-copy{padding:43px 24px 38px}.hero h1{font-size:clamp(2.8rem,15vw,4.2rem)}.hero-zh{margin:19px 0 25px;font-size:.91rem}.hero-actions,.primary-button{width:100%}.listen-button{flex:1}.hero-scene{min-height:330px}.beaver{font-size:10.5rem;bottom:52px;right:6%}.speech-bubble{top:74px;left:48px}.sun-shape{width:66px;height:66px;top:32px;right:30px}.block-a{bottom:38px;right:220px}.block-b{bottom:24px;right:155px}.letter-block{width:64px;height:64px;font-size:2.1rem}.review-hub,.graded-section,.journey-section,.family-strip,.lesson-screen,.parent-view,.rewards-view{width:calc(100% - 28px)}.review-hub{border-radius:28px 24px 42px;gap:18px;margin-top:50px;padding:23px}.review-ticket{transform:none}.mastery-strip{grid-template-columns:repeat(2,1fr)}.graded-section,.journey-section{margin-top:75px}.section-heading{flex-direction:column;align-items:flex-start;margin-bottom:28px}.section-heading h2{font-size:2.2rem}.level-selector{grid-template-columns:1fr;gap:14px}.level-selector button,.level-selector button:nth-child(2){min-height:148px;transform:none}.level-selector button:nth-child(2):hover{transform:translateY(-3px)}.level-dots{margin:14px 0 7px}.learning-bridge{flex-wrap:wrap;gap:8px;margin:34px 0 58px;font-size:.75rem}.learning-bridge>svg:first-child{width:100%}.topic-heading{flex-direction:column;align-items:flex-start}.theme-grid{grid-template-columns:1fr}.theme-card{min-height:122px}.lesson-card{grid-template-columns:auto auto 1fr auto;gap:11px;min-height:102px;padding:14px}.path-number{width:29px;height:29px;position:absolute;top:-11px;left:-8px}.lesson-icon{width:58px;height:58px}.lesson-status{width:38px;height:38px}.family-strip{grid-template-columns:auto 1fr;margin:78px auto 30px;padding:22px}.footprints{display:none}.lesson-screen,.parent-view{margin-top:8px}.lesson-topline{grid-template-columns:auto 1fr}.lesson-progress{justify-self:end}.lesson-progress span{width:28px}.step-label{display:none}.lesson-stage{margin-top:27px}.guide-card{border-radius:27px 27px 45px 24px;grid-template-columns:auto 1fr;gap:14px;padding:18px}.mini-beaver{width:76px;height:76px;font-size:3.45rem}.guide-card h1{font-size:1.75rem}.big-sound-button{border-radius:16px;grid-column:1/-1;width:100%;height:55px}.answer-grid{grid-template-columns:1fr}.answer-card,.answer-card:nth-child(2){flex-direction:row;justify-content:flex-start;gap:24px;min-height:138px;padding:16px 26px;transform:none}.answer-card:nth-child(2):hover{transform:translateY(-3px)}.object-emoji,.blue-ball .object-emoji{width:82px;font-size:4.4rem}.feedback-card{justify-content:center;width:100%}.lesson-finish-actions{flex-direction:column;align-items:stretch;width:100%}.lesson-finish-actions .listen-button{justify-content:center;width:100%}.parent-heading .back-button{margin-bottom:28px}.report-body{grid-template-columns:1fr}.progress-ring{margin:0 auto}.rewards-view{margin-top:8px}.rewards-hero{border-radius:30px 30px 58px 28px;min-height:0;padding:28px 22px 32px}.rewards-hero .back-button{margin-bottom:130px}.rewards-hero h1{font-size:3.2rem}.treasure-chest{font-size:6.8rem;top:88px;right:50%;transform:translate(50%)}.reward-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}.reward-card,.reward-card:nth-child(4n+2),.reward-card:nth-child(4n+3){min-height:230px;transform:none}.reward-emoji{width:88px;height:88px;font-size:3.4rem}.reward-unlock-modal{padding:30px 22px 26px}.unlocked-emoji{width:128px;height:128px;font-size:5.4rem}.mobile-nav{z-index:80;border:3px solid var(--ink);background:var(--paper);box-shadow:4px 6px 0 var(--ink);border-radius:22px;grid-template-columns:repeat(4,1fr);padding:7px;display:grid;position:fixed;bottom:10px;left:12px;right:12px}.mobile-nav button{cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:54px;font-size:.67rem;font-weight:700;display:flex}.mobile-nav button.active{color:var(--paper);background:var(--forest)}.mobile-nav svg{width:20px;height:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}