/* A small, bright playground. No dashboard vocabulary in the child's path. */
:root{--font:ui-rounded,'Arial Rounded MT Bold','Trebuchet MS',sans-serif;--ink:#223057;--sky:#c9ecff}
body{background:linear-gradient(180deg,#c9ecff,#b8e4fa);background-attachment:fixed;color:var(--ink);font:500 18px/1.35 var(--font);min-height:100dvh}
body:before,body:after{content:'';position:fixed;z-index:-1;pointer-events:none;background:#fff9;border-radius:80px;width:150px;height:34px;top:17%;left:-35px;box-shadow:24px -17px 0 -3px #fff9,61px -11px 0 -6px #fff9;animation:toy-cloud 55s linear infinite}
body:after{top:68%;left:78%;transform:scale(.8);animation-delay:-30s;animation-duration:75s}
@keyframes toy-cloud{to{translate:110vw 0}}
button,input,a,summary{touch-action:manipulation}h1{font-weight:600;letter-spacing:0}button,strong,.btn{font-weight:600}
.top.toy-top{max-width:800px;border:0;background:transparent;padding:10px 14px;min-height:68px;box-shadow:none;border-radius:0;gap:8px}
.header-tools{gap:8px}.icon-button,.parent-key{width:46px;height:46px;min-width:46px;min-height:46px;border:0;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 4px 0 #9fb9cf;display:inline-grid;place-items:center;text-decoration:none;padding:0;font-size:26px;line-height:1}
.icon-button:active,.parent-key:active{transform:translateY(3px);box-shadow:0 1px 0 #9fb9cf}.parent-key{background:#ffffff75;box-shadow:none;font-size:20px}
.child-chip{border:0;box-shadow:0 4px 0 #9fb9cf;background:white;max-width:210px;height:46px;min-height:46px}.child-chip>span{font-size:23px}.child-chip strong{font-size:18px;max-width:135px}.main{max-width:800px;padding:14px 16px 32px}.toy-top+div:empty{display:none}
.btn{border:0;border-radius:18px;box-shadow:0 5px 0 #1f5899;font-size:20px;padding:12px 22px;min-height:52px}.btn.green{background:#218553;box-shadow:0 5px 0 #176740}.btn.alt{background:#fff;color:#223057;box-shadow:0 5px 0 #c2cdd4}.btn.yellow{background:#ffd340;color:#513b0b;box-shadow:0 5px 0 #d7a700}.btn.purple-btn{background:#8055b5;box-shadow:0 5px 0 #593a85}.btn:active{translate:0 3px;box-shadow:0 2px 0 #4565}.play-primary{margin:0;min-height:56px;max-width:100%;font-size:23px}.btn:disabled{opacity:.5}
.toy-hello{display:flex;justify-content:space-between;align-items:center;max-width:660px;margin:0 auto 17px;min-height:98px;gap:12px}.toy-hello h1{font-size:clamp(26px,5vw,38px);max-width:calc(100% - 106px);overflow-wrap:anywhere}.hello-fox{border:0;background:none;padding:0;height:102px;flex:0 0 102px}.hello-fox img{width:102px;height:102px;object-fit:contain;animation:fox-bob 3s ease-in-out infinite}.toy-resume{display:block;border:0;background:#fff4c4;color:#604416;border-radius:18px;box-shadow:0 4px 0 #d3b36b;padding:11px 26px;margin:0 auto 20px;min-height:48px;font-size:21px}
.toy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;max-width:660px;margin:auto}.toy-card,.listen-tile{--toy:#327cca;--toy-edge:#235d9e;background:var(--toy);color:var(--toy-ink,#fff);box-shadow:0 7px 0 var(--toy-edge);border:0;border-radius:24px;position:relative;overflow:hidden;isolation:isolate;transition:transform .1s,box-shadow .1s}.toy-coral{--toy:#dc4e5c;--toy-edge:#b43243}.toy-blue{--toy:#327cca;--toy-edge:#235d9e}.toy-green{--toy:#218553;--toy-edge:#17613e}.toy-gold{--toy:#ffd340;--toy-edge:#d6a914;--toy-ink:#513b0b}.toy-purple{--toy:#8055b5;--toy-edge:#60408d}.toy-orange{--toy:#c65b24;--toy-edge:#9d3e13}
.toy-card:after,.listen-tile:after{content:'';position:absolute;top:10px;left:12px;width:28%;height:12px;background:#fff4;border-radius:40px;rotate:-11deg;pointer-events:none}.toy-card:active,.listen-tile:active{transform:translateY(5px);box-shadow:0 2px 0 var(--toy-edge)}
.toy-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 10px;min-height:154px;text-align:center}.toy-card strong{font-size:24px;line-height:1.15;overflow-wrap:anywhere}.toy-art{font-size:48px;line-height:1.1;min-height:58px;display:flex;align-items:center;justify-content:center;gap:5px}.toy-art .toy-shape{width:45px;height:51px}.abc-art{display:inline-block;font-weight:600;letter-spacing:-3px;rotate:-5deg}.abc-art>span{display:inline-block;translate:0 -8px}.color-art{display:flex;align-items:center;justify-content:center;gap:0}.color-art i{width:37px;height:48px;border-radius:14px;background:#f8cf38;border:3px solid #fff;rotate:-20deg}.color-art i:nth-child(2){background:#e94d70;rotate:0deg;margin-left:-12px;translate:0 -8px}.color-art i:nth-child(3){background:#4a97e3;rotate:20deg;margin-left:-12px}.pencil-art{display:block;rotate:-14deg}.toy-page-head{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:10px;margin:0 0 22px;text-align:center}.toy-page-head h1{font-size:29px;overflow-wrap:anywhere}.lesson-grid .toy-card{min-height:134px}.lesson-grid .toy-card strong{font-size:21px}.lesson-grid .toy-art{font-size:43px;min-height:49px}
.simple-lesson{max-width:690px;margin:auto}.listen-board{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:7px}.listen-tile{min-width:0;min-height:91px;display:flex;align-items:center;justify-content:center;padding:10px;font-size:49px;line-height:1.1;border-radius:19px;font-weight:600;box-shadow:0 5px 0 var(--toy-edge)}.listen-tile.playing{outline:4px solid #fff;outline-offset:-5px;animation:toy-wiggle .35s ease}.listen-tile .toy-shape{height:66px;width:66px;fill:currentColor}.toy-shape{fill:currentColor;max-width:100%}
.board-alphabet{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.board-alphabet .listen-tile{min-height:69px;font-size:32px;padding:7px 3px;border-radius:14px}.board-alphabet .listen-tile small{font-size:26px}.board-alphabet:has(small){grid-template-columns:repeat(4,minmax(0,1fr))}.board-numbers{grid-template-columns:repeat(5,minmax(0,1fr))}.board-numbers .listen-tile{min-height:74px;font-size:34px}.board-colors,.board-shapes{grid-template-columns:repeat(2,minmax(0,1fr))}.board-colors .listen-tile{min-height:112px}.board-shapes .listen-tile{min-height:135px}.board-words{grid-template-columns:repeat(2,minmax(0,1fr))}.board-words .listen-tile{font-size:22px;min-height:65px}.swatch-shine{width:40%;height:24%;position:absolute;top:17%;left:12%;background:#fff4;border-radius:30px;rotate:-14deg}.number-preview{display:flex;align-items:center;justify-content:center;gap:20px;background:#fff;border-radius:20px;padding:12px 16px;min-height:75px;margin:18px 0 0}.number-preview b{font-size:38px}.number-preview span{color:#d84657;max-width:70%;font-size:22px;line-height:1.4;word-spacing:4px}
.simple-lesson-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px auto 8px;flex-wrap:wrap}.simple-example{border:0;border-radius:26px;background:#fff;padding:30px 22px;text-align:center;box-shadow:0 6px 0 #a7c7dc}.simple-example p{white-space:pre-line;font-size:27px;line-height:1.65;overflow-wrap:anywhere}.example-icon{font-size:64px;margin-bottom:18px}.simple-lesson .manipulative{margin:0;border:0;border-radius:26px;padding:24px 18px;background:white;box-shadow:0 6px 0 #a7c7dc}.simple-lesson .demo-instruction{font-size:21px;line-height:1.35;margin:0 0 20px}.simple-lesson .demo-feedback:empty{display:none}.simple-lesson .demo-feedback{min-height:0;margin:10px 0 0}.simple-lesson .demo-button{min-height:52px}.simple-lesson .demo-number{font-size:46px}.simple-lesson .unit-grid{max-width:330px}.demo-controls{flex-wrap:wrap}
.simple-activity{max-width:680px}.simple-activity .activity-top{margin-bottom:12px;gap:10px}.play-mode{font-size:21px!important;background:#fff;border-radius:18px;padding:8px 18px;color:#17613e}.is-test .play-mode{color:#674291;background:#f0e3ff}.simple-activity .step-pebbles{margin:4px auto 16px;display:flex;justify-content:center;gap:9px}.simple-activity .step-pebbles i{width:28px;height:29px;border:0;background:none;box-shadow:none;display:grid;place-items:center;font-size:31px;line-height:1;font-style:normal;color:#fff;text-shadow:0 2px 0 #8dabc2}.simple-activity .step-pebbles i.done{color:#bc7800;background:none}.simple-activity .step-pebbles i.current{color:#223057;background:none;transform:none}.simple-activity .playcard{border:0;border-radius:28px;box-shadow:0 7px 0 #98bed4;padding:22px 18px}.simple-activity.is-test .playcard{box-shadow:0 7px 0 #b09bc9;background:#fffdff}.simple-activity .question{margin:0 0 18px;font-size:28px;line-height:1.3}.simple-activity .visual{font-size:39px;margin:12px 0;line-height:1.5;letter-spacing:3px;white-space:pre-line}.simple-activity .answers{gap:14px;margin:18px 0 6px}.simple-activity .answer{border:0;background:var(--toy);color:var(--toy-ink,#fff);box-shadow:0 5px 0 var(--toy-edge);min-height:93px;font:600 30px/1.2 var(--font);padding:15px 10px;border-radius:20px;position:relative;overflow:hidden}.simple-activity .answer .toy-shape{width:65px;height:65px;fill:currentColor}.simple-activity .answer.correct{outline:4px solid #153e2b;outline-offset:3px}.simple-activity .answer.selected{outline:4px solid #4f2d7c;outline-offset:3px}.answer-tick{position:absolute;bottom:4px;right:7px;background:white;color:#17613e;border-radius:50%;font-size:20px;height:25px;width:25px;display:grid;place-items:center}.color-answers .answer{padding:0;min-height:110px;background:transparent!important}.answer-swatch{display:block;position:absolute;inset:0;border-radius:inherit}.try-again{animation:toy-wiggle .4s ease}.try-note{font-size:18px;color:#8b5220;margin:14px 0 0}.question-tools{display:flex;justify-content:flex-end;align-items:center;min-height:44px;margin-top:15px}.help-dot{width:44px;height:44px;background:#edf3f7;border:0;border-radius:50%;font-size:22px;color:#536877}.tiny-hint{margin-top:16px;padding:12px;background:#fff2b9;border-radius:16px;font-size:18px}.answer-feedback{font-size:24px;color:#17613e;margin-top:15px}.is-test .answer-feedback{color:#7651a8}.simple-activity .next{margin:0;min-width:56px;padding:8px 18px;min-height:45px}.simple-activity .passage{font-size:20px;line-height:1.6;margin:0 0 18px}.simple-activity #answer-form{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:14px}.simple-activity .number-input{width:170px;margin:0;min-height:68px;font-size:37px;background:#f5faff}.answer-unit{font-size:22px}.simple-activity .selectgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.simple-activity .counter{padding:6px;min-height:70px}.simple-activity .flower-art{height:66px;width:auto}.simple-activity .touch-count{gap:8px;justify-content:center}.simple-activity .touch-count button{width:60px;min-width:0;min-height:65px}.simple-activity .touch-count small{font-size:17px}.simple-activity .tokens{gap:8px}.simple-activity .token{font-size:25px}.simple-activity .clock{max-height:195px}.simple-activity .spatial{max-width:240px;margin:5px auto}
.simple-win{max-width:600px;text-align:center;margin:0 auto;padding:20px 15px}.win-star{font-size:98px;line-height:1.25;animation:toy-pop .6s ease}.simple-win h1{font-size:34px;margin:14px 0}.win-flower{height:125px;margin:20px auto}.win-flower svg{height:125px;width:100px;animation:toy-pop .7s ease}.win-actions{display:flex;flex-direction:column;align-items:center;gap:18px;margin:25px 0}.simple-win .score{font-size:72px;margin:16px auto}.simple-win .score span{font-size:36px}.simple-win .adult-details{text-align:left;margin-top:28px;font-size:17px}.simple-win .review{margin:12px 0;background:white;padding:14px;border-radius:16px}
.simple-writing{max-width:690px}.simple-writing .model-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 20px}.simple-writing .model-card{padding:8px 2px;min-height:81px;border:2px solid white;border-radius:17px;box-shadow:0 4px 0 var(--edge);gap:0}.simple-writing .model-sample{font-size:27px;line-height:1.3}.simple-writing .model-card strong{font-size:12px;line-height:1.2}.simple-writing .model-card[aria-pressed=true]{outline:3px solid #223057;outline-offset:1px;transform:none}.simple-letter-nav{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 0 19px}.current-letter{display:flex;align-items:center;gap:16px;font:600 49px/1.1 var(--font);border:0;background:#fff;border-radius:19px;padding:8px 20px;min-width:112px;justify-content:center}.current-letter small{font:24px var(--font);color:#5a718a}.simple-writing .draw-wrap{border:3px solid white;border-radius:25px;background:#fff;box-shadow:0 6px 0 #95bdd4;margin:0;overflow:hidden}.simple-writing canvas{width:100%;height:270px;display:block;touch-action:none}.simple-writing .trace-actions{display:flex;gap:13px;justify-content:center;margin:24px 0 5px}.simple-writing .trace-actions .btn{min-width:64px}.trace-picker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:20px 0}.trace-picker-grid .listen-tile{min-height:47px;font-size:24px;padding:4px}.trace-picker-grid .listen-tile[data-value=moto],.trace-picker-grid .listen-tile[data-value=papa],.trace-picker-grid .listen-tile[data-value=lune]{grid-column:span 2}
.chooser-head{padding:0;margin:6px auto 20px}.chooser-head img{height:100px;width:100px}.chooser-head h1{font-size:33px}.children-grid{gap:19px;max-width:660px}.child-card{border:3px solid white;border-radius:24px;box-shadow:0 6px 0 var(--edge);min-height:150px}.chooser-parents{display:none}.parents-head h1{font-size:30px}.parent-child{border:0}.parent-lock-icon{font-size:42px;margin:0 0 9px}.modal{border:0;border-radius:27px;max-width:470px;padding:24px;max-height:calc(100dvh - 35px);overflow:auto}.modal .field{font-size:18px}.modal h2{font-size:30px;margin-bottom:18px}.modal .back{font-size:17px}.form-error:empty{display:none}.parent-learning>p{font-size:16px}.account-page{max-width:430px;width:calc(100% - 28px);margin:24px auto;padding:23px 22px;border:0;box-shadow:0 7px 0 #9bbbcc;border-radius:30px}.account-page>img{width:86px;height:86px;margin:10px auto}.account-page h1{font-size:32px}.account-page .field{font-size:20px;margin-top:18px}.account-page input{border:2px solid #adc8db;min-height:52px;font-size:22px;font-weight:500;padding:10px 13px}.account-page>.row{margin:22px 0 20px;gap:12px}.account-page .row .btn{font-size:18px;padding:10px 17px;min-height:48px}.account-page .back{font-size:16px;padding:14px 2px 2px}.account-page #submit-account{min-width:140px;margin-top:19px}.account-page #account-message:empty{display:none}.account-page #account-message{font-size:18px;margin-top:10px}.account-page #password-help{font-size:15px;margin:10px 0 0}.optional-recovery{margin:28px 0 6px;text-align:left;font-size:16px}.optional-recovery code{overflow-wrap:anywhere;display:block;margin:14px 0;font-size:16px}.account-page #recovery-result{margin-top:25px}.toy-welcome{border:0;background:transparent;box-shadow:none;min-height:80dvh;display:flex;align-items:center;justify-content:center;gap:25px;padding:25px}.toy-welcome>img{width:200px;height:200px;margin:0}.toy-welcome h1{font-size:38px;text-align:center}.sync-alert{font-size:15px;padding:10px 14px;border-radius:14px;max-width:750px;margin:4px auto;background:#fff3ce}.sync-alert a{font-weight:600}
@keyframes toy-wiggle{20%{rotate:-3deg}60%{rotate:3deg}100%{rotate:0deg}}@keyframes toy-pop{0%{scale:.4}70%{scale:1.12}100%{scale:1}}
@media(min-width:650px){.main{padding-top:22px}.home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toy-card{min-height:178px}.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toy-hello{margin-bottom:26px}.board-alphabet .listen-tile{min-height:77px;font-size:39px}.board-colors .listen-tile{min-height:133px}.board-numbers .listen-tile{min-height:87px}.simple-writing canvas{height:330px}.simple-writing .model-card strong{font-size:16px}}
@media(max-width:360px){.main{padding:12px 12px 28px}.top.toy-top{padding:8px 12px}.header-tools{gap:5px}.icon-button,.parent-key{width:42px;min-width:42px;height:44px}.child-chip{padding:5px 7px;max-width:165px}.child-chip strong{max-width:96px;font-size:17px}.child-chip>span{font-size:22px}.toy-hello{min-height:78px;margin-bottom:15px}.hello-fox,.hello-fox img{height:84px;width:84px;flex-basis:84px}.toy-hello h1{max-width:calc(100% - 92px);font-size:27px}.toy-grid{gap:13px}.toy-card{min-height:136px;padding:15px 7px}.toy-card strong{font-size:22px}.toy-art{font-size:41px;min-height:53px}.toy-page-head{gap:6px;margin-bottom:17px}.toy-page-head h1{font-size:25px}.board-alphabet{gap:7px}.board-alphabet .listen-tile{min-height:58px;font-size:29px}.board-numbers{gap:8px}.board-numbers .listen-tile{min-height:63px;font-size:30px}.board-colors .listen-tile{min-height:97px}.board-shapes .listen-tile{min-height:114px}.board-words .listen-tile{font-size:19px}.simple-activity .question{font-size:24px}.simple-activity .playcard{padding:19px 12px}.simple-activity .answer{min-height:85px;font-size:27px}.simple-activity .selectgrid{gap:7px}.simple-activity .counter{min-height:63px}.simple-activity .flower-art{height:57px}.simple-activity .visual{font-size:34px}.simple-writing .model-card strong{font-size:11px}.simple-writing .model-cards{gap:7px}.simple-writing .model-sample{font-size:24px}.simple-writing canvas{height:245px}.account-page{padding:21px 20px}.account-page>.row{gap:10px}.account-page .row .btn{font-size:17px;padding:10px 13px}.trace-picker-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.guided-answer{outline:4px dashed #223057;outline-offset:3px}.tiny-answer{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff2c7;border-radius:18px;padding:12px;margin-top:18px;font-size:27px}.tiny-answer .toy-shape{width:40px;height:40px}.tiny-answer .answer-swatch{position:static;width:65px;height:44px;border-radius:12px}.simple-garden .garden-title{justify-content:center;margin-bottom:18px}.simple-garden .garden-next{display:none}.simple-garden .garden-visitors{margin:18px 0}.simple-garden .win-actions{flex-direction:row;justify-content:center;flex-wrap:wrap}.simple-garden .garden-board{max-height:450px}