:root{--cream:#fcf4ea;--paper:#fffdf9;--plum:#3b2350;--plum-soft:#6b5878;--purple:#7c4ddb;--purple-deep:#5b33ae;--lavender:#e2cffd;--lavender-deep:#c7aaf5;--lilac:#f1e8ff;--line:#ecdcc6;--wood-text:#5a3a1e;--sun:#ffc23d;--pink:#f06d8a;--font-display:"Fredoka", "Nunito", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--counter-h:28dvh;--dragon-w:clamp(220px, 25vw, 380px);--dragon-x:7vw;--side-left:calc(var(--dragon-x) + var(--dragon-w) + 1vw)}*,:before,:after{box-sizing:border-box}html,body{background:var(--cream);color:var(--plum);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-weight:700}h1,p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:4px solid var(--plum);outline-offset:4px}.scene{height:100dvh;min-height:580px;animation:.28s ease-out screen-in;position:relative;overflow:hidden}@keyframes screen-in{0%{opacity:0}}.scene__wall{background:url(/assets/backgrounds/bg-kitchen.svg) center 70% / cover no-repeat var(--cream);position:absolute;inset:0}.scene--calm .scene__wall{filter:blur(7px)saturate(.9);opacity:.75;inset:-24px}.scene__counter{z-index:2;height:var(--counter-h);background:#e2b886 url(/assets/backgrounds/bg-counter.svg) top/cover no-repeat;position:absolute;inset:auto 0 0}.scene__dragon{z-index:1;left:var(--dragon-x);bottom:var(--counter-h);width:var(--dragon-w);position:absolute;translate:0 34%}.scene--dragon-center .scene__dragon{--dragon-w:clamp(240px, 28vw, 420px);left:50%;translate:-50% 30%}.scene__ui{z-index:3;pointer-events:none;position:absolute;inset:0}.scene__ui>*{pointer-events:auto}.dragon-says{z-index:4;background:var(--paper);box-shadow:0 5px 0 var(--line);font-family:var(--font-display);white-space:nowrap;border-radius:22px 22px 22px 6px;padding:10px 18px;font-size:clamp(1.05rem,1.7vw,1.4rem);font-weight:600;animation:.38s cubic-bezier(.3,1.6,.6,1) pop-in;position:absolute;top:2%;left:74%}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}}.scene--calm .dragon-says{white-space:normal;max-width:95%;top:-20%;left:0}.headline{text-align:center;flex-direction:column;align-items:center;gap:4px;width:min(900px,92vw);display:flex;position:absolute;top:clamp(64px,9dvh,92px);left:50%;translate:-50%}.headline__small{color:var(--plum-soft);font-size:clamp(1rem,1.6vw,1.25rem);font-weight:800}.headline__row{align-items:center;gap:14px;display:flex}.headline__title{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(2rem,4.6vw,3.6rem);font-weight:700;line-height:1.05}.center-zone{top:clamp(170px,26dvh,230px);bottom:calc(var(--counter-h) + 2dvh);left:var(--side-left);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;right:4vw}.center-zone>*{pointer-events:auto}.center-zone--right{justify-content:flex-end;padding-right:4vw}.center-zone--top{align-items:flex-start;bottom:auto}.on-counter{left:52%;bottom:calc(var(--counter-h) - 4.5dvh);aspect-ratio:1;width:clamp(200px,28vw,360px);position:absolute;translate:-50%}.treat__img{object-fit:contain;width:100%;height:100%;display:block}.on-counter--pop .treat__img{animation:.52s cubic-bezier(.3,1.7,.6,1) treat-pop}@keyframes treat-pop{0%{transform:scale(.75)}to{transform:scale(1)}}.counter-front{height:var(--counter-h);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:4dvh 16px 3dvh;display:flex;position:absolute;inset:auto 0 0}.counter-hint{color:var(--wood-text);background:#fffdf9e6;border-radius:999px;padding:12px 22px;font-size:1.15rem;font-weight:800}.order-card{right:5vw;bottom:calc(var(--counter-h) + 4dvh);aspect-ratio:1;width:clamp(110px,12vw,170px);box-shadow:0 6px 0 var(--line);background:#fffdf9eb;border-radius:28px;padding:12px;position:absolute}.order-card .art{object-fit:contain;width:100%;height:100%}.btn{background:var(--lavender);color:#331a63;min-height:72px;font-family:var(--font-display);cursor:pointer;box-shadow:0 6px 0 var(--lavender-deep);border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 40px;font-size:1.75rem;font-weight:600;line-height:1;transition:transform 90ms,box-shadow 90ms;display:inline-flex}.btn:active:not(:disabled){box-shadow:0 2px 0 var(--lavender-deep);transform:translateY(4px)scale(.98,.96)}.btn:disabled{opacity:.55;cursor:default}.btn--xl{min-height:88px;padding:0 56px;font-size:2.3rem}.btn--strong{background:var(--purple);color:#fff;box-shadow:0 6px 0 var(--purple-deep)}.btn--strong:active:not(:disabled){box-shadow:0 2px 0 var(--purple-deep)}.btn--link{min-height:44px;box-shadow:none;color:var(--wood-text);font-family:var(--font-body);text-underline-offset:4px;background:0 0;padding:0 16px;font-size:1.1rem;font-weight:800;text-decoration:underline}.btn--link:active:not(:disabled){box-shadow:none}.icon-btn{color:#6b4a2e;cursor:pointer;width:56px;height:56px;box-shadow:0 4px 0 var(--line);background:#fff3e2;border:none;border-radius:50%;flex-shrink:0;place-items:center;transition:transform 90ms,box-shadow 90ms;display:inline-grid}.icon-btn:active{box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.icon-btn--speak{background:var(--lilac);color:var(--purple-deep);box-shadow:0 4px #dccafa}.topbar{z-index:10;pointer-events:none;grid-template-columns:56px 1fr 56px;align-items:center;padding:14px clamp(14px,3vw,32px);display:grid;position:fixed;inset:0 0 auto}.topbar>*{pointer-events:auto}.progress{justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.progress li{background:#ece2f6;border-radius:6px;width:34px;height:12px;transition:width .3s}.progress li.is-done{background:var(--purple)}.progress li.is-now{background:#b998f3;width:56px}.hero{text-align:center;width:min(900px,92vw);position:absolute;top:clamp(70px,10dvh,110px);left:50%;translate:-50%}.hero__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--plum);font-size:clamp(3.4rem,9vw,7rem);font-weight:700;line-height:.95}.hero__tagline{color:var(--plum-soft);margin-top:10px;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:800}.sound-cards{justify-content:center;gap:clamp(10px,1.6vw,20px);display:flex}.sound-card{background:var(--paper);cursor:pointer;width:clamp(110px,15vw,190px);box-shadow:0 6px 0 var(--line);border:4px solid #0000;border-radius:30px;flex-direction:column;align-items:center;gap:2px;padding:14px 10px 16px;transition:transform .12s;display:flex;position:relative}.sound-card:active{transform:translateY(4px)}.sound-card.is-selected{border-color:var(--purple);background:#f8f3ff;box-shadow:0 6px #d6c4fa}.sound-card__icon{object-fit:contain;width:clamp(64px,8vw,96px);height:clamp(64px,8vw,96px)}.sound-card__letter{font-family:var(--font-display);font-size:clamp(2.8rem,5.5vw,4.4rem);font-weight:700;line-height:.95}.sound-card.is-selected .sound-card__letter{color:var(--purple)}.sound-card__example{color:var(--plum-soft);font-size:clamp(.85rem,1.2vw,1rem);font-weight:800}.sound-card__check{background:var(--purple);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:10px;right:10px}.ticket{background:var(--paper);width:min(340px,100%);box-shadow:0 8px 0 var(--line);border-radius:28px;flex-direction:column;align-items:center;gap:6px;padding:30px 24px 22px;animation:.52s cubic-bezier(.3,1.5,.6,1) ticket-in;display:flex;position:relative;rotate:2deg}@keyframes ticket-in{0%{opacity:0;translate:0 -40px;rotate:-6deg}}.ticket__pin{background:var(--purple);width:30px;height:30px;box-shadow:0 4px 0 var(--purple-deep);border-radius:50%;position:absolute;top:-14px}.ticket__title{font-family:var(--font-display);letter-spacing:.02em;color:var(--purple-deep);font-size:1.9rem;font-weight:700}.ticket__treat{object-fit:contain;width:clamp(130px,16vw,190px);height:clamp(130px,16vw,190px)}.ticket__line{font-family:var(--font-display);text-align:center;font-size:1.5rem;font-weight:500}.art-placeholder{color:#7a5e40;text-align:center;overflow-wrap:anywhere;background:#fff9;border:3px dashed #d9c3a3;border-radius:24px;place-items:center;padding:8px;font-size:.85rem;font-weight:800;display:grid}.mic{grid-template-columns:1fr auto 1fr;align-items:center;gap:4px 14px;display:grid}.mic__button{background:var(--purple);color:#fff;cursor:pointer;width:clamp(92px,12dvh,112px);height:clamp(92px,12dvh,112px);box-shadow:0 6px 0 var(--purple-deep);border:6px solid #fff;border-radius:50%;place-items:center;transition:transform 90ms,box-shadow 90ms;display:grid}.mic__button:active:not(:disabled){box-shadow:0 2px 0 var(--purple-deep);transform:translateY(4px)}.mic__button:disabled{cursor:default}.mic--listening .mic__button{animation:1.2s ease-out infinite mic-pulse}@keyframes mic-pulse{0%{box-shadow:0 6px 0 var(--purple-deep), 0 0 0 0 #7c4ddb80}to{box-shadow:0 6px 0 var(--purple-deep), 0 0 0 28px #7c4ddb00}}.mic__wave{align-items:center;gap:5px;height:60px;display:flex}.mic__wave:first-child{justify-content:flex-end}.mic__wave span{opacity:.7;background:#fff8ee;border-radius:4px;width:7px;height:12px}.mic--listening .mic__wave span{background:var(--purple);opacity:.9;animation:.8s ease-in-out infinite alternate wave;animation-delay:calc(var(--i) * -.13s)}@keyframes wave{0%{transform:scaleY(.6)}to{transform:scaleY(3.6)}}.mic__label{text-align:center;color:var(--wood-text);grid-column:1/-1;font-size:1.1rem;font-weight:800}.notice{text-align:center;background:#fffaf0;border:2px solid #f1d9a6;border-radius:18px;max-width:540px;padding:12px 18px;font-size:1.05rem;font-weight:700;line-height:1.4}.target-letter{color:var(--purple);text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:.09em}.icon-btn--turtle{background:#e3f3d8;box-shadow:0 4px #c3e2ad}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.practice-target{left:50%;bottom:calc(var(--counter-h) + 10px);background:var(--purple);color:#fff;max-width:min(640px,94vw);box-shadow:0 5px 0 var(--purple-deep);white-space:nowrap;border-radius:999px;align-items:center;gap:12px;padding:6px 8px 6px 20px;font-weight:800;display:flex;position:absolute;translate:-50%}.practice-target:has(>span:only-child){white-space:normal;text-align:center;border-radius:20px;padding:10px 20px}.practice-target__label{opacity:.9;font-size:1rem}.practice-target__say{font-family:var(--font-display);font-size:1.6rem;font-weight:600}.practice-target .target-letter{color:#ffd15c}.practice-target .icon-btn{width:46px;height:46px}.grownup-link{min-height:44px;color:var(--wood-text);cursor:pointer;background:#fffdf9d9;border:none;border-radius:999px;padding:0 16px;font-size:.95rem;font-weight:800;position:absolute;bottom:10px;right:clamp(10px,2vw,24px)}.grownup-link--highlight{background:var(--paper);color:var(--purple-deep);box-shadow:0 0 0 4px var(--lavender-deep);animation:1.6s ease-in-out infinite help-pulse}@keyframes help-pulse{50%{box-shadow:0 0 0 9px #c7aaf573}}.grownup-dialog{background:var(--paper);width:min(440px,92vw);color:var(--plum);text-align:center;box-shadow:0 10px 0 var(--line);border:none;border-radius:28px;padding:26px 26px 18px}.grownup-dialog[open]{flex-direction:column;align-items:center;gap:16px;display:flex}.grownup-dialog::backdrop{background:#3b235073}.grownup-dialog h2{font-family:var(--font-display);margin:0;font-size:1.8rem;font-weight:700}.grownup-dialog p{color:var(--plum-soft);font-size:1.05rem;font-weight:700;line-height:1.45}.hold-btn{background:var(--lilac);width:100%;min-height:64px;color:var(--purple-deep);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border:none;border-radius:999px;font-size:1.1rem;font-weight:800;position:relative;overflow:hidden}.hold-btn__fill{background:var(--lavender-deep);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.hold-btn.is-holding .hold-btn__fill{transition:transform var(--hold-ms) linear;transform:scaleX(1)}.hold-btn__label{position:relative}.center-zone--guide{top:clamp(150px,21dvh,190px);bottom:calc(var(--counter-h) + 76px);left:max(var(--side-left), 30vw)}.sound-guide{background:var(--paper);border-radius:32px;align-items:center;gap:clamp(14px,2vw,26px);width:min(860px,100%);max-height:100%;padding:clamp(12px,1.8dvh,20px) clamp(14px,1.8vw,24px);animation:.38s cubic-bezier(.3,1.4,.6,1) pop-in;display:flex;box-shadow:0 6px #dccafa}.sound-guide__picture{flex-direction:column;flex:none;align-items:center;gap:8px;width:clamp(170px,24vw,300px);display:flex}.mouth-diagram{width:100%;height:auto;display:block}.mouth-diagram__ring{transform-box:fill-box;transform-origin:50%;animation:1.4s ease-out infinite ring-pulse}@keyframes ring-pulse{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.6)}}.mouth-diagram__air{stroke-dasharray:10 8;animation:.8s linear infinite air-flow}@keyframes air-flow{to{stroke-dashoffset:-36px}}.mouth-diagram__pop,.mouth-diagram__hum{animation:1.2s ease-in-out infinite pop-fade}@keyframes pop-fade{50%{opacity:.25}}.sound-guide__listen{background:var(--lilac);min-height:44px;color:var(--purple-deep);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:1rem;font-weight:800;display:inline-flex;box-shadow:0 4px #dccafa}.sound-guide__listen:active{transform:translateY(3px);box-shadow:0 1px #dccafa}.guide-table{border-collapse:separate;border-spacing:0 6px;flex:1;min-width:0;font-size:clamp(.95rem,1.35vw,1.12rem);line-height:1.3}.guide-table th,.guide-table td{vertical-align:middle;background:#fff6ea;padding:8px 10px}.guide-table th{width:7.5em;font-family:var(--font-display);text-align:left;white-space:nowrap;color:var(--purple-deep);border-radius:16px 0 0 16px;font-size:1.1em;font-weight:600}.guide-table td{font-weight:700}.guide-table__num{background:var(--purple);color:#fff;border-radius:50%;place-items:center;width:1.6em;height:1.6em;margin-right:8px;font-size:.8em;display:inline-grid}.guide-table__hear{border-radius:0 16px 16px 0;width:1%}.guide-table__hear .icon-btn{width:44px;height:44px}.give{cursor:pointer;background:0 0;border:none;padding:0}.give .treat__img{transition:transform .15s;animation:.6s cubic-bezier(.3,1.7,.6,1) treat-pop}.give:hover .treat__img,.give:focus-visible .treat__img{transform:scale(1.05)rotate(-3deg)}.sparkles svg{fill:var(--sun);animation:1.8s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.5;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(20deg)}}.dragon{width:100%;position:relative}.dragon__body{transform-origin:50% 100%;position:relative}.dragon__img{width:100%;height:auto;display:block}.dragon__face{width:100%;height:100%;position:absolute;inset:0}.dragon__blink{transform-box:fill-box;transform-origin:50%;animation:4.6s infinite blink}@keyframes blink{0%,93%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.dragon__thought{font-family:var(--font-display);color:var(--purple);font-size:clamp(2.4rem,5vw,4rem);font-weight:700;animation:.9s cubic-bezier(.3,1.6,.6,1) thought;position:absolute;top:-6%;left:60%}@keyframes thought{0%{opacity:0;transform:translateY(20px)scale(.4)rotate(-20deg)}}.dragon--idle .dragon__body{animation:3s ease-in-out infinite bob}.dragon--listening .dragon__body{animation:1.6s ease-in-out infinite lean}.dragon--cheer .dragon__body{animation:.55s cubic-bezier(.3,0,.5,1) 3 hop}.dragon--confused .dragon__body{animation:.5s ease-out forwards tilt}.dragon--encourage .dragon__body{animation:2.4s ease-in-out infinite sway}.dragon--yum .dragon__body{animation:.9s ease-in-out infinite wiggle}@keyframes bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(.99,1.01)}}@keyframes lean{0%,to{transform:rotate(-3deg)translateY(-6px)}50%{transform:rotate(-5deg)translateY(-10px)}}@keyframes hop{0%{transform:translateY(0)scale(1.06,.92)}45%{transform:translateY(-14%)scale(.96,1.05)}to{transform:translateY(0)scale(1)}}@keyframes tilt{to{transform:rotate(7deg)translateY(-4px)}}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes wiggle{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-4deg)scale(1.02)}75%{transform:rotate(4deg)scale(1.02)}}.hearts{width:70%;height:40%;position:absolute;top:-10%;left:20%}.hearts span{background:var(--pink);width:24px;height:24px;animation:2.2s ease-out infinite heart-float;position:absolute;bottom:0;transform:rotate(-45deg)}.hearts span:before,.hearts span:after{content:"";background:var(--pink);border-radius:50%;width:24px;height:24px;position:absolute}.hearts span:before{top:-12px;left:0}.hearts span:after{top:0;left:12px}.hearts span:nth-child(2){animation-delay:.7s;left:45%;scale:.75}.hearts span:nth-child(3){animation-delay:1.4s;left:85%;scale:.6}@keyframes heart-float{0%{opacity:0;translate:0}20%{opacity:1}to{opacity:0;translate:0 -140px}}.debug{z-index:20;color:#fff;background:#1e1428e0;border-radius:12px;flex-direction:column;gap:2px;max-width:280px;padding:10px 14px;font:600 13px/1.4 ui-monospace,monospace;display:flex;position:fixed;top:76px;right:10px}@media (aspect-ratio<=4/5){:root{--counter-h:25dvh;--dragon-w:40vw;--dragon-x:2vw;--side-left:4vw}.scene--dragon-center .scene__dragon{--dragon-w:58vw}.scene__dragon{translate:0 30%}.dragon-says{font-size:1rem;top:-14%;left:55%}.center-zone{top:clamp(190px,25dvh,230px);bottom:calc(var(--counter-h) + 22dvh)}.center-zone--right{bottom:calc(var(--counter-h) + 12dvh);justify-content:center;padding-right:0}.on-counter{width:50vw;left:auto;right:3vw;translate:0}.order-card{display:none}.sound-card{width:28vw}.ticket{padding:24px 18px 16px}.ticket__treat{width:110px;height:110px}.btn{min-height:64px;padding:0 30px;font-size:1.5rem}.btn--xl{min-height:76px;font-size:1.9rem}.mic__wave{display:none}.mic{grid-template-columns:auto}.center-zone--guide{top:clamp(140px,17dvh,170px);left:3vw;right:3vw;bottom:calc(var(--counter-h) + 68px)}.practice-target{gap:8px;padding-left:14px}.grownup-link{top:20px;bottom:auto}.practice-target__label{font-size:.85rem}.practice-target__say{font-size:1.3rem}.sound-guide{flex-direction:column;gap:8px;padding:12px;overflow-y:auto}.scene--calm{--counter-h:19dvh}.scene--calm .counter-front{padding:10px 16px}.sound-guide__picture{flex-direction:row;justify-content:center;gap:10px;width:100%}.sound-guide__picture .mouth-diagram{width:min(48vw,190px)}.sound-guide__listen{border-radius:18px;flex-direction:column;gap:2px;padding:8px 12px;font-size:.85rem}.guide-table{border-spacing:0 4px;width:100%;font-size:.92rem}.guide-table th{width:auto;padding:6px 8px}.guide-table td{padding:6px 8px}.guide-table__num{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.feed-progress{margin-top:10px}.feed-stage{top:clamp(190px,27dvh,250px);bottom:calc(var(--counter-h) + 2dvh);left:var(--side-left);pointer-events:none;place-items:center;display:grid;position:absolute;right:4vw}.feed-treat{flex-direction:column;align-items:center;gap:8px;width:clamp(150px,20vw,240px);display:flex;position:relative}.feed-treat__img{aspect-ratio:1;object-fit:contain;width:100%}.feed-treat__word{background:var(--paper);color:var(--ink,#331a63);font-family:var(--font-display);box-shadow:0 5px 0 var(--line);border-radius:999px;padding:6px 22px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700}.feed-treat--float{animation:.7s cubic-bezier(.3,1.4,.6,1) feed-arrive,2.6s ease-in-out .7s infinite feed-bob}@keyframes feed-arrive{0%{opacity:0;transform:translateY(-40dvh)scale(.7)}}@keyframes feed-bob{50%{transform:translateY(-12px)rotate(-3deg)}}.feed-treat--eaten{animation:.65s cubic-bezier(.5,0,.8,.6) forwards feed-eaten}.feed-treat--eaten .feed-treat__word{opacity:0;transition:opacity .15s}@keyframes feed-eaten{30%{transform:translateY(-30px)scale(1.08)}to{transform:translate(var(--to-x), var(--to-y)) scale(.15);opacity:.2}}.feed-treat--away{animation:.6s ease-in forwards feed-away}@keyframes feed-away{to{opacity:0;transform:translateY(-45dvh)rotate(8deg)}}.feed-score{background:var(--paper);color:#331a63;font-family:var(--font-display);text-align:center;box-shadow:0 6px 0 var(--line);border-radius:28px;padding:18px 30px;font-size:clamp(1.6rem,3.4vw,2.4rem);animation:.38s cubic-bezier(.3,1.4,.6,1) pop-in}.feed-score strong{color:var(--purple)}@media (aspect-ratio<=4/5){.feed-stage{left:4vw;bottom:calc(var(--counter-h) + 24dvh)}.feed-treat{width:min(42vw,180px)}}@media (prefers-reduced-motion:reduce){.feed-treat--float{animation:none}}.grownups{background:var(--cream);min-height:100dvh;padding:84px 16px 48px;animation:.28s ease-out screen-in}.grownups__page{flex-direction:column;gap:18px;width:min(960px,100%);margin:0 auto;display:flex}.grownups__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.grownups__header .btn{min-height:52px;padding:0 24px;font-size:1.15rem}.grownups__kicker{color:var(--plum-soft);font-size:.95rem}.grownups h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.8rem);font-weight:700}.grownups__h2{font-family:var(--font-display);margin:10px 0 0;font-size:1.5rem;font-weight:600}.grownups__note{max-width:70ch;color:var(--plum-soft);font-weight:600;line-height:1.5}.gu-card{background:var(--paper);box-shadow:0 5px 0 var(--line);border-radius:22px;padding:18px 20px}.gu-glance{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.gu-glance__label{color:var(--plum-soft);font-size:.95rem;display:block}.gu-glance__value{font-family:var(--font-display);margin-top:4px;font-size:1.6rem;font-weight:600;display:block}.gu-tip{border-left:6px solid var(--purple);background:var(--lilac);border-radius:14px;padding:14px 18px;font-weight:600;line-height:1.5}.gu-sounds{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.gu-sound--focus{box-shadow:0 0 0 3px var(--purple), 0 5px 0 var(--purple-deep)}.gu-sound__head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.gu-sound__icon{object-fit:contain;width:64px;height:64px}.gu-sound h3{font-family:var(--font-display);margin:0;font-size:1.6rem;font-weight:700}.gu-sound h3 span{color:var(--plum-soft);font-family:var(--font-body);font-size:.95rem;font-weight:700}.gu-badge{background:var(--purple);color:#fff;border-radius:999px;margin-top:4px;padding:3px 10px;font-size:.8rem;display:inline-block}.gu-sound__empty{color:var(--plum-soft)}.gu-stats{grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:.95rem;display:grid}.gu-stats dt{color:var(--plum-soft);font-weight:700}.gu-stats dd{margin:0;font-weight:800}.gu-small{color:var(--plum-soft);font-size:.95rem;font-weight:600}.gu-toggles{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.gu-toggle{border:2px solid var(--lavender-deep);min-height:48px;color:var(--plum-soft);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:0 18px;font-weight:800;display:inline-flex}.gu-toggle__dot{border:2px solid var(--lavender-deep);background:#fff;border-radius:50%;width:22px;height:22px}.gu-toggle--on{border-color:var(--purple);background:var(--lilac);color:var(--plum)}.gu-toggle--on .gu-toggle__dot{border-color:var(--purple);background:var(--purple) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / 70% no-repeat}.gu-resources{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.gu-resources li{flex-direction:column;gap:4px;font-weight:600;line-height:1.4;display:flex}.gu-resources a{color:var(--purple-deep);font-size:1.1rem;font-weight:800}.gu-resources__source{color:var(--plum-soft);font-size:.85rem}.gu-privacy{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-weight:600;display:flex}.gate-form{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.gate-form label{font-size:1.3rem;font-weight:800}.gate-input{border:3px solid var(--lavender-deep);width:8ch;min-height:56px;font:inherit;text-align:center;border-radius:16px;font-size:1.6rem}.gate-input:focus{border-color:var(--purple);outline:none}.gate-wrong{color:var(--plum-soft)}.corner-grownups{min-height:40px;color:var(--wood-text);opacity:.75;cursor:pointer;background:#fffdf9b3;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:.85rem;font-weight:800;display:inline-flex;position:absolute;top:18px;right:clamp(14px,3vw,32px)}.corner-grownups:hover,.corner-grownups:focus-visible{opacity:1}.treat-shelf{background:var(--paper);width:min(560px,92vw);box-shadow:0 6px 0 var(--line);border-radius:32px 32px 18px 18px;padding:18px 18px 0;animation:.38s cubic-bezier(.3,1.4,.6,1) pop-in}.treat-shelf__row{grid-template-columns:repeat(3,1fr);gap:clamp(8px,2vw,20px);margin:0;padding:0;list-style:none;display:grid}.treat-shelf__spot{flex-direction:column;align-items:center;gap:6px;display:flex}.treat-shelf__treat{aspect-ratio:1;width:100%;position:relative}.treat-shelf__treat .art{object-fit:contain;width:100%;height:100%}.treat-shelf__spot--empty .art{filter:grayscale()brightness(1.3);opacity:.3}.treat-shelf__spot--new .treat-shelf__treat{animation:.7s cubic-bezier(.3,1.6,.5,1) shelf-drop}@keyframes shelf-drop{0%{opacity:0;transform:translateY(-60%)scale(.6)}60%{opacity:1}to{transform:none}}.treat-shelf__count{background:var(--purple);color:#fff;text-align:center;min-width:2.2em;box-shadow:0 3px 0 var(--purple-deep);border-radius:999px;padding:4px 8px;font-weight:800;position:absolute;bottom:4%;right:0}.treat-shelf__tag{background:var(--lilac);width:40px;height:40px;color:var(--purple-deep);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:1.3rem;font-weight:700;display:grid}.treat-shelf__spot--empty .treat-shelf__tag{opacity:.5}.treat-shelf__plank{background:linear-gradient(#e2b886,#cf9f6b);border-radius:8px;height:22px;margin:10px -18px 0;box-shadow:0 6px #b8875a}.shelf-ribbon{background:var(--sun,#ffd66b);color:#5a3a00;font-family:var(--font-display);text-align:center;border-radius:999px;margin:0 0 12px;padding:8px 20px;font-size:1.3rem;font-weight:700}@media (prefers-reduced-motion:reduce){.treat-shelf__spot--new .treat-shelf__treat{animation:none}}.center-zone--shelf{flex-direction:column}@media (aspect-ratio<=4/5){.treat-shelf{padding:12px 12px 0}.treat-shelf__plank{height:16px;margin:8px -12px 0}.treat-shelf__tag{width:32px;height:32px;font-size:1.1rem}.shelf-ribbon{margin-bottom:8px;padding:6px 14px;font-size:1rem}}.mirror{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;margin:0;display:flex}.mirror__glass{aspect-ratio:1;border:10px solid var(--purple);background:radial-gradient(circle at 35% 30%, #fff, var(--lilac) 70%);width:min(100%,30dvh,300px);box-shadow:0 6px 0 var(--purple-deep), inset 0 0 0 4px #c9b3f5;border-radius:50%;animation:.38s cubic-bezier(.3,1.4,.6,1) pop-in;position:relative;overflow:hidden}.mirror__video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0;transform:scaleX(-1)}.mirror__glass--on .mirror__video{opacity:1}.mirror__shine{pointer-events:none;background:#ffffff73;border-radius:50%;width:22%;height:10%;position:absolute;top:10%;left:14%;transform:rotate(-30deg)}.mirror__note{color:var(--purple-deep);text-align:center;place-items:center;padding:18%;font-weight:800;display:grid;position:absolute;inset:0}.mirror__note--problem{font-size:.9rem}.mirror__caption{color:var(--purple-deep);opacity:.8;text-align:center;font-size:.85rem;font-weight:700}.sound-guide__buttons{justify-content:center;gap:8px;display:flex}.sound-guide__buttons .sound-guide__listen{white-space:nowrap;padding:0 14px}.sound-guide__listen[aria-pressed=true]{background:var(--purple);color:#fff;box-shadow:0 4px 0 var(--purple-deep)}@media (aspect-ratio<=4/5){.sound-guide__buttons{flex-direction:column}.mirror__glass{border-width:7px;width:min(70vw,30dvh)}.mirror__caption{font-size:.75rem}}