body{padding:16px}header h1{font-size:clamp(20px,4vw,28px);margin:10px 0}.card{padding:20px;margin:14px 0}#welcome{padding:16px}#garden{margin-top:0}#garden h3{margin:4px 0}.home-actions{margin:16px 0 8px}.home-actions button{min-height:56px;flex:1;max-width:300px}.home-caption{text-align:center;font-size:15px;margin:10px 0;color:#725c7d}.voice-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.voice-tools button{padding:8px 12px;font-size:15px}#voiceNotice{font-size:14px;color:#725c7d;text-align:center;margin:4px}#voiceNotice:empty{display:none}.play-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.play-toolbar button{padding:8px 12px}.question{margin:12px 0;font-size:clamp(36px,7vw,56px)}#answer{height:86px;font-size:46px}#preview{font-size:16px;margin:8px 0}#feedback{margin:10px 0;min-height:24px}#play .answer-label{margin-top:12px}#play>progress{margin:10px 0 0}#helpNudge{font-size:15px;color:#725c7d;text-align:center;margin:6px 0}.learning-summary{padding:14px;background:#f6effa;border-radius:18px;line-height:1.65}.learning-summary strong{display:block}.learning-note{font-size:14px}.first-steps{color:#493553;border:1px solid #e3cfe9;border-radius:26px;padding:24px;max-width:440px;width:calc(100% - 28px);max-height:90dvh;overflow:auto;text-align:center;background:#fffafd}.first-steps::backdrop{background:#49355366}.first-steps h2{margin-top:0}.first-steps p{line-height:1.6}.demo-basket{position:relative;margin:40px auto 16px;width:240px;padding:24px 8px 12px;border:6px solid #cfa47e;border-top:2px solid #d9b38e;border-radius:12px 12px 42px 42px;background:repeating-linear-gradient(0deg,#f5dfbf,#f5dfbf 8px,#ecd0a8 8px,#ecd0a8 10px)}.demo-apples{font-size:40px;white-space:nowrap}.demo-new-apple{display:inline-block}.demo-hand{position:absolute;font-size:36px;right:10px;top:-46px;color:#805aa4;opacity:0}.demo-equation{font-size:40px;font-weight:700}.demo-answer{display:inline-block;min-width:52px;background:white;border:2px dashed #b79acb;border-radius:12px}.demo-finish{margin-top:16px}.demo-running .demo-new-apple{animation:demo-apple 2.8s both}.demo-running .demo-hand{animation:demo-hand 2.8s both}.demo-running .demo-answer{animation:demo-answer 3.6s both}.intro-name-choices{margin:8px 0}.intro-name-choices button{padding:8px 14px}.intro-voice{margin:8px 0}.practice-options{border:1px solid #eadbec;padding:12px;border-radius:18px;margin-bottom:12px}#learningSummary p{margin:8px 0}.home-play-focused .companion{outline:3px solid #c6a9e0;outline-offset:4px;border-radius:20px}@keyframes demo-apple{0%,25%{transform:translate(20px,-64px)}80%,100%{transform:translate(0,0)}}@keyframes demo-hand{0%,25%{opacity:1;transform:translate(20px,-15px)}75%{opacity:1;transform:translate(0,50px)}100%{opacity:0;transform:translate(0,50px)}}@keyframes demo-answer{0%,75%{opacity:0}100%{opacity:1}}@media(prefers-reduced-motion:reduce){.demo-running .demo-new-apple,.demo-running .demo-hand,.demo-running .demo-answer{animation:none}.demo-hand{display:none}}@media(max-width:420px){body{padding:10px}header h1{font-size:20px}header button{padding:8px 12px}.card,#welcome{padding:14px;border-radius:22px}.home-actions{gap:8px}.home-actions button{font-size:16px;padding:10px}.play-toolbar button{font-size:14px}.question{margin:8px 0}.first-steps{padding:18px}.demo-basket{margin-top:32px}#answer{height:74px;font-size:40px}#play .row{gap:8px}#play .row button{padding:8px 12px}}
.parent-reset{border-top:1px solid #e5d1da;margin-top:24px;padding-top:12px}.parent-reset button,#confirmReset{color:#913e57;border-color:#cfa7b5;background:#fff5f7}.reset-ack{display:flex;align-items:center;gap:12px;text-align:left;min-height:48px;line-height:1.6;padding:12px 0}.reset-ack input{width:24px;height:24px;flex-shrink:0}#resetError:empty{display:none}#resetError{color:#913e57;font-size:14px}
