@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@600;700;800&display=swap";:root{color:#3b2a4a;font-family:Nunito,ui-rounded,Trebuchet MS,sans-serif;background:#d7f1ff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 12% -8%,#fff 0,transparent 32%),linear-gradient(#c9ecff,#fff4e5 46%,#ffe1bf)}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #6d4aff;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.sky{min-height:100dvh;position:relative;overflow:hidden}.float-cloud{position:fixed;z-index:0;font-size:4.5rem;opacity:.45;pointer-events:none;animation:drift 22s linear infinite}.float-cloud.a{top:8%;left:-10%}.float-cloud.b{top:28%;left:70%;animation-duration:28s}.shell{position:relative;z-index:1;width:min(1080px,100%);margin:0 auto;padding:16px 16px max(28px,env(safe-area-inset-bottom))}.screen{display:flex;flex-direction:column;gap:14px}.home-head,.topbar{display:flex;align-items:center;gap:12px}.home-head h1,.topbar h1,.word,.done-card h2,.cat-name{font-family:Fredoka,Nunito,sans-serif;margin:0;letter-spacing:-.02em}.home-head h1{font-size:clamp(2rem,5vw,3.2rem)}.home-head p{margin:4px 0 0;font-size:1.05rem}.eyebrow{margin:0;font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.8}.topbar{border-radius:28px;padding:12px;box-shadow:0 10px #3b2a4a14}.topbar-copy{flex:1;min-width:0}.topbar h1{font-size:clamp(1.25rem,3vw,1.8rem);line-height:1.15}.icon-btn,.icon-spacer{width:52px;height:52px;flex:none;border:none;border-radius:18px;background:#ffffffe0;color:#3b2a4a;font-size:1.4rem}.mascot{width:84px;height:84px;flex:none}.mascot.wave{animation:float 2.8s ease-in-out infinite}.mascot.jump{animation:hop .7s ease-in-out infinite}.star-pill{align-self:flex-start;margin:0;background:#fff;border-radius:999px;padding:8px 14px;font-weight:800;box-shadow:0 6px #3b2a4a0f}.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cat-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:158px;text-align:left;border:none;border-radius:28px;padding:16px;box-shadow:0 8px #3b2a4a1f;animation:pop .45s ease both}.cat-card:nth-child(2){animation-delay:.04s}.cat-card:nth-child(3){animation-delay:.08s}.cat-card:nth-child(4){animation-delay:.12s}.cat-card:nth-child(5){animation-delay:.16s}.cat-card:nth-child(6){animation-delay:.2s}.cat-card:active{transform:translateY(3px);box-shadow:0 4px #3b2a4a1f}.cat-emoji{font-size:2.4rem;line-height:1}.cat-name{font-size:1.15rem;line-height:1.15}.cat-meta{font-size:.82rem;font-weight:800;opacity:.9}.topic-list{display:flex;flex-direction:column;gap:10px}.topic-row{display:flex;gap:8px;align-items:center;width:100%;text-align:left;border:none;background:#fff;border-radius:24px;padding:12px;box-shadow:0 8px #3b2a4a0f;color:#3b2a4a}.topic-open{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;flex:1;min-width:0;border:none;background:transparent;text-align:left;padding:0;color:inherit}button.topic-row{display:grid;grid-template-columns:auto 1fr}.topic-row:active{transform:translateY(2px)}.topic-badge{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:2rem}.topic-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.topic-copy strong{font-size:1.05rem}.topic-copy small{color:#6d5a86;font-weight:800}.star-row{color:#e5d5c4;letter-spacing:1px;font-size:1.1rem}.star-row .got{color:#f4b400}.intro{margin:0;font-weight:800;color:#5c4a72}.stage{position:relative;min-height:320px;border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 12px #3b2a4a14;touch-action:pan-y}.stage-art{min-height:320px;display:grid;place-items:center;position:relative;overflow:hidden}.hero-emoji,.side-emoji{font-size:clamp(5.5rem,18vw,8rem);animation:pop .45s ease,float 2.6s ease-in-out infinite;filter:drop-shadow(0 10px 0 rgba(59,42,74,.06))}.art-sun{position:absolute;top:16px;right:18px;font-size:2rem;animation:spin 12s linear infinite}.art-cloud{position:absolute;top:24px;font-size:2rem;opacity:.85;animation:drift 14s linear infinite}.art-cloud.one{left:8%}.art-cloud.two{left:46%;animation-duration:18s}.art-grass{position:absolute;left:0;right:0;bottom:0;height:54px;background:#86efac;border-radius:50% 50% 0 0}.letter-art{display:flex;align-items:center;gap:12px;z-index:1}.letter-art b{font-family:Fredoka,sans-serif;font-size:clamp(6rem,20vw,9rem);line-height:.85;color:#3b2a4a}.letter-art span{font-size:4.5rem}.count-block{z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px}.count-block>b{font-family:Fredoka,sans-serif;font-size:4.5rem;line-height:1}.cluster,.side-cluster{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:280px;font-size:2.2rem;z-index:1}.cluster span,.side-cluster span{animation:pop .4s ease both}.cluster.one{font-size:5rem}.blob{width:190px;height:190px;border-radius:50%;position:relative;z-index:1;box-shadow:inset 0 0 0 4px #3b2a4a1f,0 12px #3b2a4a14;animation:wobble 2.4s ease-in-out infinite}.blob .eye{position:absolute;top:62px;width:22px;height:22px;background:#fff;border-radius:50%}.blob .eye.left{left:48px}.blob .eye.right{right:48px}.blob .eye:after{content:"";position:absolute;width:10px;height:10px;background:#3b2a4a;border-radius:50%;top:6px;left:6px}.blob .smile{position:absolute;left:68px;top:108px;width:54px;height:28px;border:4px solid #3b2a4a;border-top:none;border-radius:0 0 40px 40px}.blob-emoji{position:absolute;right:-8px;bottom:-6px;font-size:2.4rem}.shape-svg{width:min(220px,60vw);height:min(220px,60vw);z-index:1;animation:pop .45s ease}.shape-svg.small{width:84px;height:84px}.pair-row{display:grid;grid-template-columns:1fr 1fr;min-height:320px}.side{border:none;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px}.side+.side{border-left:4px solid #ffe8c2}.side b{font-family:Fredoka,sans-serif;font-size:1.6rem}.motion-big .side-emoji{font-size:6.2rem}.motion-small .side-emoji{font-size:2.4rem}.motion-up .side-emoji{animation:rise 1.5s ease-in-out infinite}.motion-down .side-emoji{animation:fall 1.5s ease-in-out infinite}.motion-long .side-emoji{font-size:2.6rem;letter-spacing:.08em}.motion-short .side-emoji{font-size:2.4rem}.word{text-align:center;font-size:clamp(2.2rem,7vw,3.4rem)}.subhead{margin:-8px 0 0;text-align:center;font-weight:800;color:#6d5a86;font-size:1.2rem}.bubble{margin:0;background:#fff;border-radius:22px;padding:14px 16px;text-align:center;font-size:1.2rem;font-weight:800;box-shadow:0 8px #3b2a4a0f}.dots{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.dots i{width:10px;height:10px;border-radius:50%;background:#eddcc8;display:block}.dots i.on{background:#6d4aff;transform:scale(1.25)}.dots i.done{background:#86efac}.counter{margin:0;text-align:center;font-weight:800;color:#6d5a86}.controls{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.nav-btn,.ghost,.primary,.option,.hear{border:none;border-radius:20px}.nav-btn{min-height:64px;background:#fff;font-weight:800;font-size:1.05rem;box-shadow:0 6px #3b2a4a14}.nav-btn.next{background:#efe7ff;color:#4c2fd1}.hear{width:72px;height:72px;border-radius:50%;background:#6d4aff;color:#fff;font-size:1.6rem;box-shadow:0 6px #4c2fd1}.hear.inline{width:64px;height:64px;align-self:center}.primary,.ghost{width:100%;min-height:60px;font-size:1.2rem;font-weight:800}.primary{background:#6d4aff;color:#fff;border-radius:999px;box-shadow:0 8px #4c2fd1}.primary:active,.hear:active{transform:translateY(2px)}.ghost{background:#fff;color:#3b2a4a;box-shadow:0 6px #3b2a4a14}.lyrics{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lyrics button{width:100%;display:flex;gap:10px;align-items:center;text-align:left;border:none;background:#fff;border-radius:18px;padding:12px;font-weight:800}.lyrics li.on button{background:#efe7ff;box-shadow:inset 0 0 0 3px #6d4aff}.show-bar{height:10px;background:#fff;border-radius:999px;overflow:hidden}.show-bar span{display:block;height:100%;background:#6d4aff;transition:width .3s linear}.play-badge{position:absolute;top:12px;left:12px;background:#111827;color:#fff;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:800}.dance .hero-emoji{animation:dance .55s ease-in-out infinite}.done-card,.play{position:relative;display:flex;flex-direction:column;gap:12px;align-items:center;background:#ffffffb8;border-radius:32px;padding:22px 16px 18px;text-align:center}.done-card h2{font-size:2.4rem}.done-card p{margin:0;font-weight:800}.earned{font-size:2rem;color:#f4b400;letter-spacing:4px}.prompt-picture{font-size:4.2rem;line-height:1.15}.options,.bins{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.bins{grid-template-columns:repeat(3,1fr)}.option{position:relative;min-height:120px;background:#fff;box-shadow:0 6px #3b2a4a14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:800;padding:10px}.option:active{transform:translateY(2px)}.opt-emoji{font-size:2.8rem;line-height:1}.as-shadow{filter:grayscale(1) brightness(0)}.choice-swatch{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;box-shadow:inset 0 0 0 3px #3b2a4a29}.option.reveal{box-shadow:0 0 0 4px #f4b400,0 6px #3b2a4a14}.option.correct{background:#ecfdf3;box-shadow:0 0 0 4px #22c55e,0 8px #86efac;animation:correct-pop .55s ease;z-index:2}.option.correct:after{content:var(--yes, "Yes!");position:absolute;top:-12px;right:8px;background:#f59f00;color:#fff;border-radius:999px;padding:4px 12px;font-family:Fredoka,Nunito,sans-serif;font-size:1.05rem;line-height:1.2;box-shadow:0 4px #d97706}.play.cheering .option:not(.correct){opacity:.4}.correct-picture{animation:correct-pop .55s ease}.cheer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;display:grid;place-items:center}.cheer strong{font-family:Fredoka,Nunito,sans-serif;font-size:clamp(2.8rem,8vw,4rem);color:#f59f00;animation:cheer-word .7s ease;text-shadow:0 3px 0 #fff,0 0 18px #fff}.cheer-bit{position:absolute;left:50%;top:42%;font-size:2rem;animation:cheer-fly .95s ease-out forwards}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:4}.confetti i{position:absolute;top:-16px;width:12px;height:18px;border-radius:3px;animation:fall 1.15s ease-in forwards}@keyframes pop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-12px) rotate(-6deg)}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(40vw)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateY(-6px)}}@keyframes rise{0%,to{transform:translateY(10px)}50%{transform:translateY(-18px)}}@keyframes fall{0%,to{transform:translateY(-8px)}50%{transform:translateY(16px)}}@keyframes dance{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-18px) rotate(6deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.shake{animation:shake .35s ease}@keyframes correct-pop{0%{transform:scale(.92)}45%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes cheer-word{0%{transform:scale(.45) rotate(-8deg);opacity:1}45%{transform:scale(1.18) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes cheer-fly{0%{transform:translate(-50%) scale(.7);opacity:1}70%{opacity:1}to{transform:translate(calc(-50% + (var(--i) - 2.5) * 64px),-130px) scale(1.2) rotate(16deg);opacity:0}}@media(min-width:800px){.cat-grid{grid-template-columns:repeat(3,1fr)}.stage,.stage-art,.pair-row{min-height:380px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.sky.bedtime{background:linear-gradient(#14233f,#2a1d4a 70%)}.sky.bedtime .float-cloud{opacity:.18}.sky.bedtime .screen{color:#f4efe8}.sky.bedtime .intro,.sky.bedtime .topic-copy small{color:#d9c8ef}.today-row,.shortcut-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.today-card,.shortcut{border:none;border-radius:22px;min-width:132px;min-height:92px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;font-weight:800;box-shadow:0 6px #3b2a4a1f;background:#fff;color:#3b2a4a}.today-card span,.shortcut span{font-size:1.6rem}.shortcut.on{box-shadow:0 0 0 4px #6d4aff,0 6px #3b2a4a1f}.grownup-hold{margin-top:8px;width:100%;min-height:52px;border:none;background:transparent;color:#6d5a86;font-weight:800}.heart{width:48px;height:48px;border:none;border-radius:16px;background:#fff4e8;font-size:1.3rem}.heart.on{background:#ffe0ea}.block{display:flex;flex-direction:column;gap:10px}.block h2{margin:0;font-family:Fredoka,Nunito,sans-serif;font-size:1.35rem}.sticker-stage{min-height:180px;border-radius:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:16px}.placed-sticker{font-size:3rem;animation:pop .35s ease}.sticker-shop,.toy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shop-card{min-height:96px;border:none;border-radius:22px;background:#fff;box-shadow:0 6px #3b2a4a14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:800}.shop-card.on{box-shadow:0 0 0 4px #22c55e,0 6px #3b2a4a14}.trace-pad{width:min(100%,360px);height:auto;align-self:center;background:#fff;border-radius:28px;touch-action:none;box-shadow:0 8px #3b2a4a14}.playroom{position:relative;border-radius:28px;min-height:280px;padding:12px;background:#e7f8ee;overflow:hidden}.playroom.glow{background:#fff4b8}.playroom.rain{background:#d7e7ff}.toy{min-height:120px;border:none;border-radius:24px;background:#fff;font-size:3.2rem;box-shadow:0 6px #3b2a4a14}.toy.grow{transform:scale(1.12)}.toy.bounce{animation:correct-pop .45s ease}.toy.splash{animation:dance .6s ease}.rain i{position:absolute;top:-12px;width:4px;height:16px;border-radius:4px;background:#3b82f6;animation:fall .7s linear infinite}.build-board{position:relative;height:460px;border-radius:28px;background:linear-gradient(#d7ecff,#fff);touch-action:none;overflow:hidden}.snowman{position:absolute;left:50%;top:18%;transform:translate(-50%);font-size:8rem}.build-piece{position:absolute;width:72px;height:72px;border:none;border-radius:20px;background:#fff;font-size:2.2rem;box-shadow:0 6px #3b2a4a1a;touch-action:none}.build-piece.placed{background:#ecfdf3}.paint-row{display:flex;gap:8px}.paint{width:44px;height:44px;border-radius:50%;border:3px solid white;box-shadow:0 4px #3b2a4a1f}.paint.on{outline:3px solid #3b2a4a}.color-page{position:relative;height:320px;border-radius:28px;overflow:hidden;background:#fff}.color-part{position:absolute;border:none}.color-part.sky{top:0;right:0;bottom:42%;left:0;background:#d7ecff}.color-part.ground{top:58%;right:0;bottom:0;left:0;background:#b7e4c7}.color-part.sun{width:72px;height:72px;border-radius:50%;left:16px;top:16px;background:#ffe08a}.color-part.house{width:120px;height:90px;left:50%;bottom:28%;background:#ffd6a5;border-radius:12px}.color-part.extra{width:72px;height:72px;right:18px;bottom:18%;background:transparent;font-size:2.4rem}.rest-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#1410288c;display:grid;place-items:center;padding:20px}.rest-overlay .done-card{max-width:420px}.grown{gap:12px}.field{display:flex;flex-direction:column;gap:6px;font-weight:800}.field input{min-height:52px;border-radius:16px;border:2px solid #eadfef;padding:0 14px;font:inherit}.field.check{flex-direction:row;align-items:center}.progress-row{display:grid;grid-template-columns:1fr 90px auto;gap:8px;align-items:center;font-weight:800}.plain-list{margin:0;padding-left:18px;font-weight:800}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mem-card{border:none;background:transparent;padding:0;min-height:108px;aspect-ratio:3 / 4;perspective:800px}.mem-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s ease}.mem-card.up .mem-inner{transform:rotateY(180deg)}.mem-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:20px;backface-visibility:hidden;box-shadow:0 6px #3b2a4a1a}.mem-back{background:#6d4aff;color:#fff7c2;font-size:1.8rem}.mem-front{background:#fff;transform:rotateY(180deg)}.mem-emoji{font-size:2.4rem;line-height:1}.mem-word{font-size:.85rem;font-weight:800;color:#3b2a4a}.mem-card.matched .mem-front{background:#ecfdf3;box-shadow:0 0 0 4px #22c55e,0 6px #86efac}.same-board{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:72px;touch-action:none;-webkit-user-select:none;user-select:none}.same-lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:visible}.same-lines line{stroke:#22c55e;stroke-width:8;stroke-linecap:round}.same-lines line.draft{stroke:#6d4aff}.same-col{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px}.same-tile{min-height:92px;border-radius:22px;background:#fff;box-shadow:0 6px #3b2a4a14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:800;color:#3b2a4a}.same-emoji{font-size:2.6rem;line-height:1}.same-tile.picked{box-shadow:0 0 0 4px #f4b400,0 6px #3b2a4a14}.same-tile.matched{background:#ecfdf3;box-shadow:0 0 0 4px #22c55e,0 6px #86efac}.same-tile.empty{border:3px dashed #d6c7b0;background:transparent;box-shadow:none;color:#b7a394;font-size:2rem}.same-tile.down,.recall .same-tile.down{background:#6d4aff;color:#fff7c2}.recall-row,.odd-grid{display:grid;gap:10px}.recall-row{grid-template-columns:repeat(3,1fr)}.odd-grid{grid-template-columns:1fr 1fr}.where-grid .same-tile{min-height:78px}.where-grid .same-emoji{font-size:1.8rem}.where-grid .same-tile>span:not(.same-emoji){display:none}.color-dot{min-height:110px;border:none;border-radius:28px;box-shadow:0 6px #3b2a4a1f}.color-dot.flash{box-shadow:0 0 0 6px #fff,0 6px #3b2a4a1f;transform:scale(1.06)}.color-dot.matched{box-shadow:0 0 0 6px #22c55e,0 6px #86efac}