@font-face{font-family:Wonder;src:local("Trebuchet MS");font-display:swap}
:root{--ink:#284c44;--muted:#68796d;--paper:#faf8f1;--line:#e5e6dc;--green:#2f6656;--mint:#e2eee3;--yellow:#f2bd55;--coral:#e68e77;--lavender:#e9e5f3;--shadow:0 8px 24px #324d3d08}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Wonder,"Trebuchet MS",Arial,sans-serif;font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a65a39;outline-offset:4px}button{touch-action:manipulation}button:disabled{cursor:default}svg{display:block}button svg{pointer-events:none}h1,h2,h3,p{margin:0}button,input,select,textarea{border-radius:12px}button{border:0}button:active:not(:disabled){transform:translateY(1px)}.shell{max-width:1240px;margin:auto;padding:0 42px 34px}.topbar{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{background:none;display:flex;align-items:center;gap:13px;padding:0;text-align:left}.brand-sun{height:49px;width:49px}.brand-name{font-size:21px;letter-spacing:-.7px;font-weight:800;display:block;line-height:1.2}.brand-sub{font-size:10px;letter-spacing:2px;text-transform:uppercase;display:block;margin-top:5px;font-weight:700}.top-actions{display:flex;gap:14px;align-items:center}.languages{display:flex;border:1px solid #dbdfd4;border-radius:24px;padding:4px;gap:2px}.languages button{background:transparent;border-radius:18px;font-size:12px;font-weight:700;min-width:37px;min-height:35px;padding:4px 8px}.languages button.active{background:var(--green);color:white}.icon-btn{background:transparent;min-height:44px;min-width:44px;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.icon-btn:hover{background:#e9eee3}.adult-btn{font-size:13px;display:flex;align-items:center;gap:7px;background:transparent;min-height:44px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:27px 0 23px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.welcome h1{font-size:29px;letter-spacing:-.8px;line-height:1.3}.welcome p{font-size:14px;color:var(--muted);margin-top:4px}.profiles{display:flex;align-items:center;padding:5px;border:1px solid #dddeda;border-radius:30px;background:#fffdf7;gap:4px}.profile{background:transparent;display:flex;align-items:center;padding:5px 13px 5px 5px;border-radius:25px;gap:8px;font-size:13px;font-weight:700;min-height:46px}.profile.active{background:#e7eddf}.avatar{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#f5d9a7}.avatar svg{width:30px;height:30px}.avatar.ammara{background:#e6dff3}.hero-grid{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(260px,1fr);gap:20px}.hero{position:relative;display:flex;align-items:center;background:#e1ece1;border-radius:26px;min-height:290px;overflow:hidden;padding:30px}.hero-copy{position:relative;z-index:1;max-width:330px;flex:0 0 51%}.hero .eyebrow{color:#66806a;font-size:10px;letter-spacing:1.4px;margin-bottom:11px}.hero h2{font-size:38px;line-height:1.1;letter-spacing:-1.5px;margin-bottom:12px}.hero p{font-size:13px;color:#587263;max-width:250px;margin-bottom:23px;line-height:1.55}.primary{padding:13px 20px;background:var(--green);color:#fff;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-size:14px;font-weight:700;min-height:49px;box-shadow:0 3px 0 #1f4e42}.primary:hover{background:#255747}.primary:disabled{opacity:.45}.hero-art{width:50%;position:absolute;right:0;top:18px;bottom:10px}.hero-art svg{height:100%;width:100%}.path-card{background:#fffaf0;border:1px solid #e9e0cc;border-radius:26px;padding:22px 23px}.path-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.path-top svg{color:#cf9c42}.path-card h2{font-size:19px;letter-spacing:-.4px}.path-card>p{color:var(--muted);font-size:12px;margin:5px 0 17px}.path-step{background:none;display:flex;align-items:center;width:100%;gap:12px;padding:8px 0;text-align:left}.path-number{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#f2e9d3;font-size:12px;font-weight:800}.path-step.done .path-number{background:#dcebd7;color:#306147}.path-label{font-size:13px;flex:1}.path-step svg{opacity:.6}.path-bottom{font-size:10px;letter-spacing:.4px;color:#8d856e;margin-top:12px;padding-top:13px;border-top:1px dashed #ddd4bd}.activity-heading{display:flex;align-items:center;justify-content:space-between;margin:29px 0 16px;gap:16px}.activity-heading h2{font-size:21px;letter-spacing:-.5px}.filters{display:flex;gap:4px}.filter{padding:8px 13px;min-height:40px;background:transparent;font-size:12px;font-weight:600;border-radius:20px;color:#6d7d71}.filter.active{color:#fff;background:#385e4b}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.activity-card{padding:20px 22px;text-align:left;position:relative;border-radius:22px;min-height:219px;background:var(--card);border:1px solid #dce1d240;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s;overflow:hidden}.activity-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #324d3d0e}.card-illustration{height:90px;width:132px;margin:0 0 8px;position:relative}.card-illustration svg{height:100%;width:100%}.card-arrow{position:absolute;right:20px;bottom:20px;background:#ffffff90;border:1px solid #ffffff80;border-radius:50%;width:33px;height:33px;display:grid;place-items:center}.activity-card h3{font-size:21px;letter-spacing:-.6px;margin:0 0 5px;font-weight:800}.activity-card p{font-size:12px;color:#596d61;max-width:85%}.card-tag{position:absolute;right:20px;top:20px;font-size:9px;font-weight:800;letter-spacing:1.2px;background:#ffffff80;border-radius:20px;padding:5px 9px;text-transform:uppercase}.bottom-row{margin-top:24px;display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.offscreen{padding:20px 24px;border:1px dashed #ccd5bd;border-radius:18px;display:flex;align-items:center;gap:17px;background:#f1f2e7}.offscreen-icon{flex:0 0 40px}.offscreen h3{font-size:14px}.offscreen p{font-size:12px;color:var(--muted);margin-top:3px}.gallery-teaser{border:1px solid #e3dfd5;background:#fffcf6;border-radius:18px;padding:18px 22px;display:flex;align-items:center;gap:14px;text-align:left;width:100%}.gallery-teaser h3{font-size:14px}.gallery-teaser p{font-size:12px;color:var(--muted)}.gallery-teaser>.mini-icon{background:#f5e9d1;border-radius:12px;padding:10px}.gallery-teaser>.arrow{margin-left:auto}footer{display:flex;justify-content:space-between;gap:15px;color:#92998a;font-size:10px;margin-top:31px;letter-spacing:.3px}footer button{background:none;color:#718171;padding:0;min-height:28px;font-size:10px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 0 22px}.back-btn{display:inline-flex;align-items:center;gap:7px;background:none;font-size:13px;font-weight:700;padding:10px 0}.page-heading h1{font-size:26px;letter-spacing:-.8px}.small-profile{display:flex;align-items:center;gap:8px;font-size:13px}.activity-stage{background:white;border:1px solid #e4e6dc;border-radius:26px;padding:28px;min-height:480px;text-align:center;position:relative;box-shadow:var(--shadow)}.activity-stage h2{font-size:27px;line-height:1.25;letter-spacing:-.7px}.stage-sub{font-size:14px;color:var(--muted);margin-top:8px}.listen{display:inline-flex;align-items:center;gap:6px;background:#f1f4eb;font-size:12px;padding:8px 13px;border-radius:20px;min-height:40px}.stage-heading{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid #d9dfd1;background:#fffdf7;font-weight:700;font-size:13px;min-height:47px}.secondary:hover{background:#f1f3e8}.quiet{background:none;color:#6e7e70;font-size:12px;padding:10px;min-height:42px}.button-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.hint{font-size:12px;color:#788577;margin:17px auto 0;max-width:600px}.progress-dots{display:flex;gap:7px;justify-content:center;margin-bottom:16px}.progress-dots span{width:8px;height:8px;border-radius:50%;background:#e2e7dc}.progress-dots span.filled{background:#6c9b68}.feedback{padding:14px 20px;border-radius:14px;margin:20px auto 0;max-width:540px;min-height:53px;font-size:15px;background:#f4f4e9}.feedback.correct{background:#e5f0de;color:#325e3c}.feedback.retry{background:#fff1d9;color:#7f602b}.answer-grid{display:grid;grid-template-columns:repeat(4,minmax(60px,1fr));gap:14px;max-width:600px;margin:26px auto 0}.answer{background:#f6f4ec;border:2px solid #e5e6da;min-height:86px;border-radius:18px;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:14px}.answer:hover{background:#eef2e6;border-color:#a4ba98}.answer.selected-right{background:#e0efda;border-color:#6e9963}.answer.selected-wrong{background:#fff0d7;border-color:#dbb76c}.answer small{font-size:12px;font-weight:400}.answer svg{width:70px;height:70px}.count-objects{max-width:490px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:25px auto;justify-content:center}.count-object{position:relative;min-height:68px;display:grid;place-items:center;background:#f8f4e5;border:2px solid transparent;border-radius:18px;font-size:38px}.count-object.counted{border-color:#93ad7a;background:#eaf0df}.count-index{font-size:12px;position:absolute;right:3px;top:1px;background:#426947;color:white;width:20px;height:20px;border-radius:50%}.letter-display{display:flex;align-items:center;justify-content:center;gap:38px;margin:28px auto 18px}.big-letter{font-size:106px;font-weight:800;color:#477b65;line-height:1.1}.letter-picture{font-size:65px}.word-label{font-size:16px;margin-top:4px}.shape-target{width:110px;height:110px;margin:25px auto}.shape-target svg{width:100%;height:100%}.mixer-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center;max-width:850px;margin:auto}.paint-jars{display:flex;gap:17px;justify-content:center;margin:25px 0}.jar{background:none;padding:5px 0;min-width:80px;display:flex;align-items:center;flex-direction:column;gap:9px}.jar-visual{height:100px;width:78px;border-radius:11px 11px 25px 25px;background:var(--paint);border:3px solid #ffffff80;box-shadow:0 5px 0 #263b3510;position:relative}.jar-visual:before{content:"";position:absolute;left:-4px;right:-4px;top:-6px;height:16px;border-radius:7px;background:#e6ddca;border-bottom:3px solid #d9cfb8}.jar-visual:after{content:"+";position:absolute;background:#ffffffc0;width:35px;height:35px;border-radius:50%;top:37px;left:18px;color:#315548;font-size:25px;line-height:32px}.jar-name{font-size:13px;font-weight:700}.drops{font-size:12px;color:var(--muted);min-height:20px}.mix-bowl{margin:25px auto 10px;width:210px;height:190px;border-radius:35% 35% 48% 48%;position:relative;box-shadow:inset -16px -15px 0 #00000008,0 12px 0 #e9ecdf;border:5px solid #ffffffc0;transition:background .4s;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.mix-bowl:before{content:"";height:14px;position:absolute;left:-12px;right:-12px;top:-7px;border-radius:50%;background:inherit;border:5px solid #ffffff80}.mix-face{display:flex;gap:30px}.mix-face i{width:9px;height:12px;background:#244538;border-radius:50%}.mix-smile{width:30px;height:17px;border:3px solid #244538;border-top:0;border-radius:0 0 25px 25px}.colour-result{font-size:24px;font-weight:800;min-height:38px}.recipe{min-height:25px;color:var(--muted);font-size:13px}.mix-target{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;background:#f4f2e9;border-radius:20px;font-size:12px}.colour-dot{width:20px;height:20px;display:inline-block;border-radius:50%;border:2px solid #ffffff90}.art-tools{display:flex;align-items:center;gap:15px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.palette{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.swatch{height:38px;width:38px;border-radius:50%;background:var(--paint);border:3px solid white;outline:1px solid #dde1d3}.swatch.active{outline:3px solid #3b6153}.brush-sizes{display:flex;gap:5px;align-items:center;border-left:1px solid #dce0d4;padding-left:14px}.brush{width:43px;height:43px;border-radius:12px;border:1px solid #ddd;background:#fff;display:grid;place-items:center}.brush.active{background:#e1ecdc;border-color:#87a278}.brush i{display:block;background:var(--ink);border-radius:50%}.canvas-wrap{background:#eae9db;padding:8px;border-radius:16px;max-width:900px;margin:auto}.canvas-wrap canvas{display:block;width:100%;height:auto;background:white;aspect-ratio:1000/620;border-radius:10px;touch-action:none;cursor:crosshair}.art-note{font-size:11px;color:#72816e;text-align:left;max-width:900px;margin:8px auto 0}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:650px;margin:24px auto}.memory-grid.gentle{grid-template-columns:repeat(3,1fr);max-width:500px}.memory-card{height:103px;border:2px solid #c3d7c4;background:#e1eddf;display:grid;place-items:center;border-radius:18px;font-size:43px;transition:background .15s}.memory-card:not(.open):not(.matched){background:repeating-linear-gradient(45deg,#e2ecdd,#e2ecdd 12px,#eaf0e4 12px,#eaf0e4 13px)}.memory-card.open{background:#fff8e9;border-color:#dfc588}.memory-card.matched{background:#edf2e6;border-color:#aac799;opacity:.8}.memory-card .back{color:#7e9b78;font-size:32px}.subtabs{display:flex;justify-content:center;gap:6px;margin-bottom:22px}.subtabs button{padding:9px 18px;border-radius:24px;background:#f1f3eb;font-size:13px}.subtabs button.active{background:#426c57;color:white}.pattern-line{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin:35px 0}.pattern-item{width:60px;height:65px;display:grid;place-items:center;background:#f4f3e8;border-radius:15px;font-size:36px}.pattern-item.unknown{border:2px dashed #a9b89c;background:none;color:#7c9470;font-size:28px}.finish{max-width:520px;margin:24px auto;padding:20px}.finish-symbol{width:110px;height:110px;margin:0 auto 20px}.finish h2{font-size:32px;margin-bottom:10px}.finish p{color:var(--muted);font-size:15px}.finish .offscreen{margin-top:25px;text-align:left}.modal-shade{position:fixed;inset:0;z-index:40;background:#1e36296b;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(4px)}.modal{width:min(780px,100%);max-height:90vh;overflow:auto;background:var(--paper);border-radius:25px;padding:28px;box-shadow:0 30px 80px #182e2830;position:relative}.modal.small{max-width:430px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.modal h2{font-size:24px;letter-spacing:-.6px}.modal .intro{font-size:13px;color:var(--muted);margin-bottom:22px}.adult-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.adult-section{border:1px solid #dedfd2;border-radius:17px;padding:18px;background:#fffdf7}.adult-section h3{font-size:16px;margin-bottom:14px}.adult-section p{font-size:12px;color:var(--muted);margin:8px 0}.adult-section label{font-size:12px;font-weight:700;display:block;margin-top:12px}.adult-section select,.adult-section textarea{width:100%;padding:10px 12px;border:1px solid #cfd7c7;background:#fff;margin-top:6px;color:var(--ink)}.adult-section textarea{height:94px;resize:vertical;font-size:13px}.progress-line{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:9px}.progress-line .mark{color:#5c8e58}.adult-wide{grid-column:1/-1}.grownup-note{font-size:12px;line-height:1.6;padding:15px 0 0;color:#6f7e6c}.notice{background:#fff2d6;color:#7a622e;padding:12px 16px;font-size:12px;border-radius:12px;margin:12px 0}.gate-input{width:100%;padding:12px 15px;border:1px solid #c9d3bf;font-size:21px;margin:15px 0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.drawing{background:white;border:1px solid #e3e4d9;border-radius:14px;padding:10px;text-align:center}.drawing img{display:block;width:100%;aspect-ratio:1000/620;object-fit:contain;border-radius:8px}.drawing p{font-size:11px;color:var(--muted);margin:6px 0}.drawing a{display:inline-flex;align-items:center;gap:5px;color:var(--green);padding:8px;font-size:12px}.empty-gallery{text-align:center;padding:30px 10px;color:var(--muted)}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#2e584b;color:white;padding:12px 23px;border-radius:14px;font-size:14px;z-index:70;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.handwritten{font-style:italic}.text-btn{background:none;text-decoration:underline;padding:10px;font-size:12px}.lesson-callout{margin-top:18px;font-size:12px;color:#76816d;text-align:center}.explore-alphabet{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:15px 0}.explore-alphabet button{background:#e8eee2;min-height:56px;font-size:22px;font-weight:700}.storage-warning{font-size:12px;padding:10px;background:#fff1d9;text-align:center}.audio-unavailable{font-size:11px;color:#6b7968;padding:6px 0;text-align:center}.activity-stage:focus{outline:none}
@media(min-width:1450px){.shell{max-width:1320px}.hero{min-height:310px}.hero h2{font-size:43px}.activity-card{min-height:230px}.card-illustration{height:97px}}
@media(max-width:1000px){.shell{padding:0 25px 28px}.hero-grid{grid-template-columns:minmax(0,1fr) 245px;gap:14px}.hero{padding:23px;min-height:280px}.hero h2{font-size:33px}.hero-copy{flex-basis:58%}.hero-art{width:45%;right:-6px;opacity:.9}.hero .eyebrow{font-size:9px}.hero p{max-width:215px}.path-card{padding:22px 17px}.activity-card{padding:17px;min-height:210px}.activity-card h3{font-size:18px}.activity-card p{max-width:90%;font-size:11px}.card-illustration{height:87px;width:115px}.card-tag{right:14px;font-size:8px}.card-arrow{right:15px;bottom:16px}}
@media(max-width:760px){.shell{padding:0 18px 24px}.topbar{height:83px;gap:12px}.brand-sun{width:40px;height:40px}.brand-name{font-size:17px}.brand-sub{font-size:8px;letter-spacing:1.3px}.top-actions{gap:5px}.adult-btn span{display:none}.adult-btn{width:42px;justify-content:center}.top-actions>.icon-btn{min-width:37px}.welcome{padding:22px 0 18px;gap:12px}.welcome h1{font-size:25px}.welcome p{font-size:12px}.profile{font-size:12px;padding:4px 8px 4px 4px;gap:5px}.avatar{width:29px;height:29px}.avatar svg{width:26px;height:26px}.hero-grid{grid-template-columns:1fr}.hero{min-height:245px;padding:27px}.hero-copy{flex:0 0 55%;max-width:360px}.hero h2{font-size:34px}.hero-art{width:42%;right:15px;opacity:1}.path-card{padding:13px 18px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.path-top h2{font-size:14px}.path-top svg{display:none}.path-card>p,.path-bottom{display:none}.path-steps{display:flex;gap:14px}.path-step{width:auto;padding:2px 0;gap:6px}.path-label{font-size:11px}.path-number{height:24px;flex-basis:24px;width:24px;font-size:10px}.path-step>svg{display:none}.cards{gap:13px;grid-template-columns:repeat(2,1fr)}.activity-card{min-height:208px;padding:18px}.activity-card h3{font-size:20px}.card-illustration{height:88px;width:130px}.card-tag{font-size:9px}.activity-heading{margin-top:24px}.activity-heading h2{font-size:19px}.filters{gap:0}.filter{font-size:11px;padding:8px 10px}.bottom-row{grid-template-columns:1fr;gap:13px}.offscreen{padding:17px 20px}.gallery-teaser{padding:15px 20px}.activity-stage{padding:23px 18px}.activity-stage h2{font-size:24px}.mixer-layout{gap:15px}.paint-jars{gap:9px}.jar{min-width:65px}.jar-visual{width:64px;height:92px}.jar-visual:after{left:12px}.mix-bowl{width:170px;height:165px}.answer-grid{gap:10px}.answer{min-height:78px;font-size:29px}.art-tools{gap:10px}.swatch{width:35px;height:35px}.adult-grid{grid-template-columns:1fr}.adult-wide{grid-column:auto}.modal{padding:23px}.gallery{grid-template-columns:repeat(2,1fr)}.page-heading{padding:18px 0}.page-heading h1{font-size:21px}.memory-card{height:85px}.pattern-item{width:52px;height:58px;font-size:32px}}
@media(max-width:460px){.shell{padding:0 13px 20px}.brand{gap:8px}.brand-name{font-size:15px}.brand-sub{font-size:7px;letter-spacing:1px}.brand-sun{width:35px;height:35px}.top-actions{gap:0}.languages{padding:3px}.languages button{min-width:29px;padding:3px;font-size:10px}.top-actions>.icon-btn{min-width:34px}.adult-btn{width:33px}.welcome{align-items:flex-start;flex-direction:column;gap:14px}.welcome h1{font-size:26px}.profiles{align-self:flex-start}.hero{padding:24px 21px;min-height:253px}.hero-copy{flex-basis:65%}.hero h2{font-size:32px}.hero-art{width:42%;right:-10px;top:45px}.hero .eyebrow{max-width:180px}.hero p{font-size:12px;max-width:180px}.hero .primary{font-size:12px;padding:12px 15px}.hero .primary svg{display:none}.path-card{display:block}.path-top{margin-bottom:11px}.path-steps{justify-content:space-between;gap:6px}.path-label{font-size:10px}.activity-heading{align-items:flex-start;flex-direction:column;gap:9px}.activity-heading h2{font-size:21px}.filters{width:100%;justify-content:flex-start;gap:5px}.filter{padding:7px 14px}.cards{gap:11px}.activity-card{min-height:205px;padding:16px 14px}.activity-card h3{font-size:18px;line-height:1.2}.activity-card p{font-size:11px;max-width:95%;margin-bottom:11px}.card-illustration{height:82px;width:95px;margin-top:9px}.card-tag{font-size:7px;top:12px;right:10px;padding:4px 6px}.card-arrow{height:25px;width:25px;right:11px;bottom:10px}.card-arrow svg{width:13px}.offscreen p{font-size:11px}footer{font-size:9px}.mixer-layout{grid-template-columns:1fr;gap:4px}.paint-jars{margin:15px 0}.jar{min-width:75px}.jar-visual{height:82px;width:65px}.mix-bowl{margin-top:15px;width:150px;height:115px}.activity-stage{padding:22px 13px;min-height:460px}.activity-stage h2{font-size:22px}.stage-sub{font-size:13px}.stage-heading{gap:8px}.count-objects{gap:6px;margin:20px auto}.count-object{font-size:30px;min-height:54px;border-radius:13px}.answer-grid{gap:7px}.answer{font-size:26px;min-height:68px;padding:10px 6px}.answer svg{height:46px;width:46px}.answer small{font-size:10px}.letter-display{gap:25px}.big-letter{font-size:88px}.letter-picture{font-size:52px}.brush-sizes{border:0;padding:0}.art-tools{gap:12px}.swatch{width:31px;height:31px}.palette{gap:6px}.canvas-wrap{padding:5px}.memory-grid{gap:8px}.memory-card{height:69px;font-size:31px;border-radius:13px}.memory-grid.gentle .memory-card{height:88px}.pattern-line{gap:5px}.pattern-item{width:40px;height:49px;font-size:26px}.modal-shade{padding:12px}.modal{padding:19px;max-height:93vh}.modal h2{font-size:22px}.gallery{gap:10px}.small-profile>span:last-child{display:none}.page-heading h1{font-size:19px}.page-heading{gap:8px}.back-btn{font-size:12px}.finish h2{font-size:27px}.explore-alphabet{grid-template-columns:repeat(5,1fr)}}
.swatch{width:44px;height:44px}.brush{min-width:44px;min-height:44px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Learning shelves */
.learn-home{margin:36px 0 20px}.learn-home p{color:var(--muted);margin-top:5px}.learn-topic-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.learn-topic{background:var(--tile);border:1px solid #284c4412;border-radius:22px;padding:22px 12px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:8px;transition:transform .15s}.learn-topic:hover{transform:translateY(-3px)}.learn-topic>span{font-size:42px;font-weight:800;height:66px;display:flex;align-items:center}.learn-topic strong{font-size:18px}.learn-topic small{color:#456452}.learn-tabs{flex-wrap:wrap;margin:0 0 20px;gap:8px}.learn-toolbar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:25px}.learn-display{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.35fr);gap:28px;align-items:start}.learn-feature{background:#f8f5ec;border:1px solid var(--line);border-radius:26px;text-align:center;padding:24px;position:sticky;top:15px;display:flex;flex-direction:column;align-items:center;gap:15px}.learn-feature h2{font-size:30px}.learn-picture{display:block;font-size:92px;line-height:1.3}.learn-letter,.learn-number{font-size:82px;font-weight:800;line-height:1.2;display:block}.learn-letter small{font-size:.65em;font-weight:500}.learn-swatch{display:block;width:130px;height:130px;border-radius:50%;border:2px solid #284c4433;box-shadow:inset 0 -8px 0 #00000009}.learn-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.learn-mini{background:#fff;border:2px solid var(--line);border-radius:16px;padding:12px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:108px;overflow-wrap:anywhere}.learn-mini.active{border-color:var(--green);background:var(--mint)}.learn-mini .learn-picture{font-size:38px}.learn-mini .learn-letter,.learn-mini .learn-number{font-size:32px}.learn-mini .learn-swatch{width:42px;height:42px}.learn-mini>span:last-child{font-size:13px}.learn-nav{display:flex;gap:18px;align-items:center;justify-content:center;margin-top:8px}.learn-nav button{min-width:50px;min-height:48px}.urdu-word{font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",serif;font-size:30px;line-height:1.8}.learn-quiz{text-align:center;padding:15px 0 25px}.learn-quiz h2{margin:12px 0}.learn-quiz>.listen{margin:12px auto}.learn-answers{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin:25px 0}.learn-choice{border:3px solid var(--line);border-radius:23px;background:#faf9f3;min-width:125px;min-height:135px;padding:20px;display:flex;align-items:center;justify-content:center}.learn-choice .learn-swatch{width:80px;height:80px}.learn-choice .learn-picture{font-size:70px}.learn-choice .learn-letter,.learn-choice .learn-number{font-size:50px}.learn-choice.right{border-color:#39865a;background:#e0efdf}.learn-choice.wrong{border-color:#bd875a}.learn-counters{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;max-width:290px}.learn-counters button{width:44px;height:44px;border-radius:50%;background:#e5b75c;color:#334d3c;font-size:23px}.learn-counters button.counted{background:#d4e5d3}.learn-toolbar .secondary{min-height:44px}.learn-home .activity-heading{margin-bottom:18px}
@media(max-width:760px){.learn-topic-grid{grid-template-columns:repeat(3,1fr)}.learn-display{grid-template-columns:1fr}.learn-feature{position:static}.learn-library{grid-template-columns:repeat(4,minmax(0,1fr))}.learn-choice{min-width:100px;padding:12px}.learn-topic{padding:15px 8px}.learn-topic strong{font-size:15px}}
@media(max-width:430px){.learn-topic-grid{grid-template-columns:repeat(2,1fr)}.learn-library{grid-template-columns:repeat(3,minmax(0,1fr))}.learn-toolbar .filters{flex-wrap:wrap}.learn-tabs{justify-content:flex-start}.learn-feature{padding:20px 10px}.learn-choice{min-width:95px;min-height:112px}.learn-choice .learn-picture{font-size:58px}.learn-choice .learn-swatch{width:65px;height:65px}}
.learning-svg{width:100px;height:100px}.learn-mini .learning-svg{width:42px;height:42px}.learn-choice .learning-svg{width:70px;height:70px}
/* Family profiles and small Android screens */
.family-profiles{display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:65%;gap:8px}.family-profiles .profile{max-width:220px;overflow-wrap:anywhere}.add-profile{min-height:48px}.welcome{gap:20px}.welcome h1{overflow-wrap:anywhere}#profile-form{display:flex;flex-direction:column;gap:12px}#profile-form input,#profile-form select{width:100%;min-height:48px;border:1px solid #bac9bb;background:white;color:var(--ink);padding:10px 12px;font-size:16px}#profile-form label{font-weight:700}#profile-error{color:#94432d}.adult-section>.quiet{margin-bottom:12px}.profile-form .primary{min-height:48px}
@media(max-width:650px){.family-profiles{max-width:100%;justify-content:flex-start}.welcome{align-items:flex-start;flex-direction:column}.family-profiles .profile{max-width:170px}.topbar{height:auto;min-height:90px;flex-wrap:wrap;padding:16px 0;gap:12px}.top-actions{margin-left:auto}.small-profile{max-width:130px;overflow-wrap:anywhere}.page-heading{gap:12px;flex-wrap:wrap}.page-heading h1{font-size:24px}.modal{max-width:calc(100vw - 24px)}.learn-tabs .filter{min-height:44px}.brand-name{font-size:19px}.brand-sub{font-size:9px}.languages button{min-height:40px}}
@media(max-width:380px){.shell{padding-left:14px;padding-right:14px}.top-actions{width:100%;justify-content:space-between}.family-profiles .profile{max-width:145px}.profile{padding:8px}.activity-stage{padding:18px 12px}}