:root{color:#3f4651;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#fff7dc;font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overscroll-behavior:none;min-width:320px;min-height:100svh;overflow-x:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:focus-visible{outline-offset:4px;outline:5px solid #344f78}.app{isolation:isolate;background:linear-gradient(#d8f4f0 0%,#eaf8e4 60%,#fff6d8 100%);min-height:100svh;position:relative;overflow:hidden}.screen{z-index:2;width:min(1180px,100%);min-height:100svh;padding:max(24px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));margin:0 auto;position:relative}.background-garden{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sun{background:#ffd66b;border-radius:50%;width:120px;height:120px;animation:5s ease-in-out infinite breathe;position:absolute;top:7%;right:8%;box-shadow:0 0 0 20px #ffd66b2e}.cloud{filter:drop-shadow(0 6px 5px #426a5b0f);background:#ffffffb8;border-radius:30px;width:130px;height:38px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:62px;height:62px;bottom:0;left:22px}.cloud:after{width:50px;height:50px;bottom:0;right:18px}.cloud-one{animation:7s ease-in-out infinite float;top:14%;left:5%}.cloud-two{animation:8s ease-in-out 1s infinite reverse float;top:4%;right:29%;transform:scale(.65)}.hill{border-radius:50% 50% 0 0;width:84vw;height:43vh;position:absolute;bottom:-21vh}.hill-back{background:#badd9f;left:-15vw;transform:rotate(4deg)}.hill-front{background:#8fc789;right:-24vw;transform:rotate(-5deg)}.tiny-flower{z-index:1;color:#fff7cc;text-shadow:0 5px #75a775;font-size:35px;animation:3s ease-in-out infinite sway;position:absolute}.flower-one{bottom:9%;left:7%}.flower-two{color:#ffcabd;animation-delay:.8s;bottom:13%;right:7%}.flower-three{color:#bfdcf4;animation-delay:1.4s;bottom:5%;left:48%}@keyframes breathe{50%{transform:scale(1.05)}}@keyframes float{50%{transform:translateY(12px)}}@keyframes sway{50%{transform:rotate(8deg)}}@keyframes pop{0%{transform:scale(.75)}70%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes bob{50%{transform:translateY(-7px)rotate(1deg)}}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.home-screen{flex-direction:column;justify-content:center;align-items:center;gap:clamp(22px,4vh,45px);display:flex}.welcome{color:#3f5360;align-items:center;gap:24px;display:flex}.welcome h1{color:#43765d;letter-spacing:-4px;margin:-9px 0 0;font-size:clamp(48px,7vw,82px);line-height:.95}.eyebrow{color:#7b6b8f;letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px;font-size:clamp(14px,2vw,21px);font-weight:900}.welcome-line{margin:12px 0 0;font-size:clamp(17px,2.3vw,25px);font-weight:750}.mascot{width:clamp(108px,14vw,154px);height:clamp(100px,13vw,145px);animation:4s ease-in-out infinite bob;position:relative}.mascot .face{background:#d89762;border-radius:48% 48% 45% 45%;width:74%;height:72%;position:absolute;top:20%;left:13%;box-shadow:inset 0 -9px #814b2d1f,0 12px 20px #40594021}.ear{background:#d89762;border-radius:80% 18% 70% 24%;width:39%;height:44%;position:absolute;top:8%}.left-ear{left:4%;transform:rotate(-30deg)}.right-ear{right:4%;transform:scaleX(-1)rotate(-30deg)}.eye{background:#443b3d;border-radius:50%;width:9px;height:13px;position:absolute;top:42%}.left-eye{left:27%}.right-eye{right:27%}.nose{background:#5f4443;border-radius:50% 50% 60% 60%;width:17px;height:13px;position:absolute;top:58%;left:50%;transform:translate(-50%)}.nose:after{content:"⌣";text-align:center;color:#5f4443;width:34px;font-size:25px;position:absolute;top:2px;left:-8px}.leaf-hat{z-index:3;color:#5e9466;font-size:35px;line-height:1;position:absolute;top:3%;left:51%;transform:rotate(25deg)}.garden-choices{grid-template-columns:repeat(2,minmax(260px,460px));justify-content:center;gap:clamp(22px,4vw,48px);width:100%;display:grid}.garden-card{text-align:center;border:0;border-radius:42px;grid-template-rows:1fr auto;min-height:clamp(310px,45vh,440px);padding:26px 26px 24px;transition:transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px #4c5f5217,0 26px 50px #40594021}.garden-card:active{transform:translateY(8px)scale(.985);box-shadow:0 8px #4c5f5217,0 14px 24px #4059401f}.letters-card{color:#5b477c;background:linear-gradient(150deg,#f0d8ff,#d9c2f4)}.numbers-card{color:#315d7b;background:linear-gradient(150deg,#cceaff,#a9d2ef)}.garden-card:after{content:"";background:#ffffff40;border-radius:50%;width:200px;height:200px;position:absolute;top:-75px;right:-75px}.card-sparkles{color:#ffffffe6;font-size:32px;position:absolute;top:9%;left:10%}.letter-bloom,.number-bloom{background:#ffffff8c;border-radius:52% 48% 46% 54%;justify-content:center;place-self:center;align-items:baseline;width:78%;min-height:190px;animation:4s ease-in-out infinite breathe;display:flex;box-shadow:inset 0 -10px #46335a0d}.letter-bloom span:first-child{font-size:clamp(110px,15vw,170px);font-weight:950;line-height:1}.letter-bloom span:last-child{margin-left:5px;font-size:clamp(58px,8vw,90px);font-weight:900}.number-bloom{align-items:center;position:relative}.big-three{font-size:clamp(120px,17vw,185px);font-weight:950;line-height:1}.three-dots{flex-direction:column;gap:11px;margin-left:12px;display:flex}.three-dots i{background:#f58e7d;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 -3px #57323026}.card-copy{flex-direction:column;gap:5px;display:flex}.card-copy strong{font-size:clamp(30px,4vw,46px);line-height:1}.card-copy>span{opacity:.83;font-size:clamp(16px,2vw,21px);font-weight:750}.practiced-badge{background:#ffffffd6;border-radius:99px;padding:8px 13px;font-size:14px;font-weight:900;position:absolute;top:18px;right:18px}.parent-gate{color:#526568;background:#ffffffa8;border:0;border-radius:99px;align-items:center;gap:9px;min-height:52px;padding:7px 15px 7px 9px;font-size:14px;font-weight:800;display:flex}.parent-gate>span:first-child{background:conic-gradient(#638676 var(--hold,0deg), #ffffffa6 0);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.activity-screen,.grownups-screen{flex-direction:column;display:flex}.top-bar{grid-template-columns:80px 1fr 120px;align-items:center;width:100%;min-height:74px;display:grid}.round-button{background:#ffffffde;border:0;border-radius:50%;place-items:center;width:66px;height:66px;font-size:33px;font-weight:950;transition:transform .15s;display:grid;box-shadow:0 7px #4963541a}.round-button:active{transform:translateY(5px);box-shadow:0 2px #4963541a}.activity-title{color:#53685e;background:#ffffffb3;border-radius:99px;justify-self:center;padding:11px 24px;font-size:clamp(19px,3vw,28px);font-weight:900}.step-dots{justify-self:end;gap:9px;display:flex}.step-dots span{background:#ffffff73;border:3px solid #4b6d5b4d;border-radius:50%;width:19px;height:19px;transition:background .3s,transform .3s}.step-dots span.active{background:#f5b758;border-color:#f5b758;transform:scale(1.15)}.library-progress{color:#61746a;text-align:center;background:#ffffffc7;border-radius:99px;justify-self:end;min-width:86px;padding:10px 14px;font-size:17px;font-weight:950}.library-screen{flex-direction:column;display:flex}.library-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa3;border:5px solid #ffffffb8;border-radius:40px;width:min(940px,96%);margin:20px auto 0;padding:clamp(20px,3vw,32px);box-shadow:0 22px 50px #46634e1f}.next-lesson{text-align:left;border:0;border-radius:30px;grid-template-columns:1fr auto 50px;align-items:center;width:100%;min-height:150px;padding:20px 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px #44554d1a}.next-lesson:after{content:"";background:#ffffff38;border-radius:50%;width:190px;height:190px;position:absolute;top:-85px;right:-65px}.letter-next{color:#5b477c;background:linear-gradient(145deg,#e9d6f8,#cfb6eb)}.number-next{color:#315d7b;background:linear-gradient(145deg,#d5edfc,#afd8f2)}.next-copy{flex-direction:column;align-items:flex-start;display:flex}.next-copy small{letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:15px;font-weight:950}.next-copy strong{align-items:baseline;font-size:75px;line-height:.95;display:flex}.next-copy strong i{margin-left:5px;font-size:38px;font-style:normal}.next-copy b{margin-top:6px;font-size:18px}.next-picture{filter:drop-shadow(0 8px #4b524314);place-items:center;min-width:125px;font-size:76px;display:grid}.next-arrow{z-index:1;background:#ffffffb3;border-radius:50%;place-items:center;width:48px;height:48px;font-size:28px;font-weight:950;display:grid;position:relative}.mini-count{flex-wrap:wrap;justify-content:center;gap:1px;width:190px;font-size:32px;display:flex}.mini-count i{font-style:normal}.mini-count em{place-items:center;padding:4px;font-size:21px;font-style:normal;font-weight:950;display:grid}.library-heading{color:#586b62;justify-content:space-between;align-items:baseline;margin:24px 4px 14px;display:flex}.library-heading strong{font-size:21px}.library-heading span{opacity:.75;font-size:14px;font-weight:750}.letter-grid,.number-grid{gap:11px;display:grid}.letter-grid{grid-template-columns:repeat(9,minmax(72px,1fr))}.number-grid{grid-template-columns:repeat(5,minmax(100px,1fr))}.letter-grid button,.number-grid button{color:#624e83;background:#f3edf8;border:4px solid #fff;border-radius:22px;justify-content:center;align-items:baseline;min-width:0;min-height:82px;font-weight:950;transition:transform .14s,box-shadow .14s;display:flex;position:relative;box-shadow:0 6px #d6c8e1}.letter-grid button:nth-child(3n+2){color:#855f42;box-shadow-color:#e5d1ad;background:#fff0d5}.letter-grid button:nth-child(3n){color:#4d7565;box-shadow-color:#bfdbce;background:#e0f2e9}.letter-grid button:active,.number-grid button:active{transform:translateY(4px);box-shadow:0 2px #cbbfd5}.letter-grid strong{font-size:38px}.letter-grid small{margin-left:2px;font-size:22px}.number-grid button{color:#356987;box-shadow-color:#b9d6e7;background:#dceefa;flex-direction:column;align-items:center;min-height:96px}.number-grid strong{font-size:43px;line-height:1}.number-grid small{text-transform:capitalize;margin-top:3px;font-size:13px}.letter-grid button.practiced,.number-grid button.practiced{border-color:#f3cb58}.letter-grid button>i,.number-grid button>i{color:#d89e24;font-size:13px;font-style:normal;position:absolute;top:4px;right:5px}.activity-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff94;border:5px solid #ffffffb8;border-radius:44px;flex-direction:column;flex:1;justify-content:center;align-items:center;width:min(850px,92%);margin:20px auto 0;padding:clamp(22px,3vw,38px);display:flex;position:relative;box-shadow:0 22px 50px #46634e1f}.speech-bubble{color:#526662;background:#fff;border-radius:22px;margin-bottom:clamp(12px,2vh,24px);padding:12px 22px;font-size:clamp(19px,3vw,29px);font-weight:900;position:relative;box-shadow:0 8px 20px #3b584817}.speech-bubble:after{content:"";border:10px solid #0000;border-top:11px solid #fff;border-bottom-width:0;position:absolute;bottom:-10px;left:calc(50% - 10px)}.hero-symbol{border:0;border-radius:46% 54% 48% 52%;justify-content:center;align-items:baseline;width:clamp(190px,26vw,280px);height:clamp(190px,26vw,280px);font-weight:950;line-height:1;animation:4s ease-in-out infinite breathe;display:flex;box-shadow:inset 0 -12px #4b3a6812,0 14px #42584d1a}.letter-symbol{color:#684f96;background:#e2d0f6}.letter-symbol>span{font-size:clamp(125px,18vw,195px)}.letter-symbol small{margin-left:1px;font-size:clamp(57px,9vw,95px)}.number-symbol{color:#3578a8;background:#c4e5f8;font-size:clamp(145px,20vw,220px)}.number-symbol.double-digit{letter-spacing:-8px;font-size:clamp(105px,15vw,155px)}.hero-symbol:active{transform:scale(.94)}.example-object{align-items:center;gap:16px;margin:12px 0;display:flex}.example-object .apple{filter:drop-shadow(0 6px #4358431a);font-size:clamp(45px,7vw,68px)}.example-object p{font-size:clamp(18px,2.8vw,27px);font-weight:800}.example-object strong{color:#684f96;font-size:1.25em}.primary-button{color:#fff;background:#745aa5;border:0;border-radius:24px;min-width:220px;min-height:68px;margin-top:9px;padding:14px 28px;font-size:clamp(18px,2.7vw,25px);font-weight:950;transition:transform .14s,box-shadow .14s;box-shadow:0 8px #553f80,0 13px 21px #4638662b}.primary-button:active{transform:translateY(6px);box-shadow:0 2px #553f80}.blue-button{background:#3d82b1;box-shadow:0 8px #2c6286,0 13px 21px #3163852b}.blue-button:active{box-shadow:0 2px #2c6286}.three-objects{gap:11px;margin:11px 0;font-size:clamp(43px,7vw,66px);display:flex}.three-objects span:nth-child(2){transform:translateY(-7px)}.sample-objects{grid-template-columns:repeat(5,minmax(38px,1fr));place-items:center;gap:3px;width:min(490px,92%);font-size:clamp(31px,5vw,48px);display:grid}.choice-row{justify-content:center;gap:clamp(17px,3.5vw,38px);width:100%;margin:clamp(20px,5vh,55px) 0 20px;display:flex}.choice-button{color:#5f4b84;background:#eee5f8;border:6px solid #fff;border-radius:36px;width:clamp(110px,17vw,180px);height:clamp(125px,19vw,195px);font-size:clamp(70px,11vw,120px);font-weight:950;transition:transform .18s;box-shadow:0 12px #c8b8d9}.choice-button:first-child{color:#8a6244;background:#ffe4c3;box-shadow:0 12px #e4c59f}.choice-button:nth-child(3){color:#4b7666;background:#d2ece1;box-shadow:0 12px #abcdbf}.choice-button:active{transform:translateY(7px);box-shadow:0 5px #c8b8d9}.choice-button.is-correct{color:#6d5724;background:#f9d863;animation:.45s pop;box-shadow:0 0 0 9px #ffd4464d,0 12px #d5b247}.gentle-shake{animation:.45s shake}.feedback{color:#61706c;min-height:38px;font-size:clamp(17px,2.4vw,23px);font-weight:900}.feedback.correct{color:#457e5d;animation:.4s pop}.feedback.wrong{color:#8c6657}.berry-patch{background:linear-gradient(160deg,#c5e6ad,#8ec584);border-radius:45% 45% 30px 30px;width:min(610px,93%);height:clamp(230px,33vh,330px);margin-top:8px;position:relative;box-shadow:inset 0 -18px #2f684114}.berry-patch:after{content:"";filter:blur(2px);background:#447d4538;border-radius:50%;height:32%;position:absolute;bottom:15%;left:8%;right:8%}.berry{z-index:2;color:#bd3d52;background:#dc5161;border:7px solid #fff3cb;border-radius:50%;place-items:center;width:clamp(91px,14vw,135px);height:clamp(91px,14vw,135px);font-size:40px;transition:transform .25s,filter .25s;display:grid;position:absolute;box-shadow:inset 0 -12px #75263629,0 12px #3d633e24}.berry:before{content:"✦";color:#4e8a58;font-size:45px;position:absolute;top:-19px;transform:rotate(20deg)}.berry-1{top:39%;left:10%}.berry-2{top:11%;left:39%}.berry-3{top:42%;right:9%}.berry.counted{filter:saturate(.8);background:#f3a2a7;transform:scale(.88)}.berry i{color:#6b5361;background:#fff7dc;border-radius:50%;place-items:center;width:49px;height:49px;font-size:28px;font-style:normal;font-weight:950;animation:.35s pop;display:grid;position:absolute}.count-grid{background:linear-gradient(160deg,#c5e6ad,#8ec584);border-radius:38px;flex-wrap:wrap;place-content:center;gap:clamp(11px,2vw,18px);width:min(650px,96%);min-height:clamp(210px,34vh,320px);margin:4px auto 13px;padding:20px;display:flex;box-shadow:inset 0 -18px #2f684114}.count-item{background:#ffffffb8;border:5px solid #fff9e5;border-radius:28px;place-items:center;width:clamp(78px,11vw,108px);height:clamp(78px,11vw,108px);font-size:clamp(40px,6vw,58px);transition:transform .2s,filter .2s;display:grid;position:relative;box-shadow:0 8px #33623c24}.count-item.counted{filter:saturate(.78);background:#fff1ba;transform:scale(.87)}.count-item i{color:#fff;background:#5d7f65;border-radius:50%;place-items:center;width:40px;height:40px;font-size:22px;font-style:normal;font-weight:950;animation:.3s pop;display:grid;position:absolute}.trace-panel{padding-bottom:18px}.trace-wrap{width:min(620px,96%);position:relative}.trace-pad{touch-action:none;cursor:crosshair;background:#fffdf4;border:5px solid #fff;border-radius:36px;width:100%;max-height:47vh;display:block;box-shadow:inset 0 0 0 4px #e8dfc6,0 12px #435d491a}.trace-shape-guide{pointer-events:none}.trace-boundary-outer,.trace-boundary-inner,.trace-centerline,.trace-lane-clip{fill:none;stroke-linecap:round;stroke-linejoin:round}.trace-boundary-outer{stroke:#aaa292;stroke-width:56px}.trace-boundary-inner{stroke:#f4efe1;stroke-width:46px}.trace-centerline{stroke:#bbb3a3;stroke-width:4px;stroke-dasharray:8 9}.trace-lane-clip{stroke:#000;stroke-width:46px}.trace-start-guides{pointer-events:none}.trace-start-guides line{stroke-width:4px;stroke-linecap:round;opacity:.92}.trace-start-guides text{fill:#fff;text-anchor:middle;font-family:ui-rounded,Arial Rounded MT Bold,sans-serif;font-size:15px;font-weight:950}.trace-start-guides circle:last-child{stroke:#fffdf4;stroke-width:3px}.trace-complete .trace-pad{box-shadow:inset 0 0 0 7px #a7d19c,0 12px #435d491a}.clear-trace{color:#6b726d;background:#ffffffe6;border:0;border-radius:18px;min-width:64px;min-height:54px;padding:8px 13px;font-size:20px;font-weight:900;position:absolute;top:12px;right:12px;box-shadow:0 5px 12px #3a4c401c}.clear-trace span{font-size:13px}.trace-message{text-align:center;color:#5f7167;padding:14px 0 2px;font-size:clamp(16px,2.4vw,22px);font-weight:900}.trace-complete .trace-message{color:#43805a;animation:.35s pop}.finish-button{min-height:60px;margin-top:4px}.grownups-panel{background:#fffc;border-radius:38px;flex:1;width:min(760px,94%);margin:24px auto 0;padding:clamp(25px,4vw,45px);box-shadow:0 22px 50px #46634e1f}.grownups-heading{align-items:center;gap:19px;margin-bottom:25px;display:flex}.grownups-heading>span{font-size:60px}.grownups-heading h2{color:#436b57;margin:0;font-size:clamp(27px,4vw,40px)}.progress-summary{background:#f1e8fa;border-radius:24px;grid-template-columns:auto 1fr;align-items:baseline;gap:6px 13px;padding:20px;display:grid}.progress-summary strong{color:#654c88;font-size:26px}.progress-summary>span{font-weight:750}.progress-summary>div{background:#d7c9e5;border-radius:99px;grid-column:1/-1;height:13px;overflow:hidden}.progress-summary i{border-radius:inherit;background:#7a5aa4;height:100%;transition:width .3s;display:block}.progress-summary p{color:#6d6673;grid-column:1/-1;justify-content:space-between;margin:3px 0 0;font-size:14px;font-weight:850;display:flex}.setting-list{gap:12px;margin:22px 0;display:grid}.setting-list button{text-align:left;background:#fffdf7;border:2px solid #e6e6dc;border-radius:22px;grid-template-columns:58px 1fr auto;align-items:center;gap:13px;min-height:82px;padding:10px 15px;display:grid}.setting-list button>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.setting-list small{color:#78807c;font-weight:650}.setting-icon{font-size:34px}.toggle{background:#cbd1cc;border-radius:99px;width:58px;height:34px;transition:background .2s;position:relative}.toggle b{background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #2b3c3133}.toggle.on{background:#68a877}.toggle.on b{transform:translate(24px)}.voice-picker{background:#fffdf7;border:2px solid #e6e6dc;border-radius:22px;margin:0 0 22px;padding:18px}.voice-picker label{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.voice-picker label strong{font-size:18px}.voice-picker label span{color:#78807c;font-size:14px;font-weight:650}.voice-picker>div{grid-template-columns:1fr auto;gap:10px;display:grid}.voice-picker select,.voice-picker button{background:#fff;border:2px solid #d8ddd7;border-radius:16px;min-height:56px;font-weight:800}.voice-picker select{color:#4c5d55;min-width:0;padding:0 14px}.voice-picker button{color:#fff;background:#638d73;border:0;min-width:125px;padding:0 18px;box-shadow:0 5px #456b54}.voice-picker button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #456b54}.voice-picker button:disabled{cursor:default;opacity:.45;box-shadow:none}.privacy-note{background:#e9f5ee;border-radius:20px;align-items:flex-start;gap:15px;padding:17px;display:flex}.privacy-note>span{font-size:27px}.privacy-note p{margin:0;line-height:1.5}.text-button{color:#8b5a55;background:0 0;border:0;min-height:50px;margin-top:20px;font-weight:800;text-decoration:underline}.reset-confirm{background:#fff0e9;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:19px;padding:14px;font-weight:800;display:flex}.reset-confirm span{flex:100%}.reset-confirm button{color:#fff;background:#8b5a55;border:0;border-radius:13px;min-height:46px;padding:8px 14px;font-weight:850}.reset-confirm button:last-child{color:#665c57;background:#e1d8d2}.calm-motion *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=900px){.letter-grid{grid-template-columns:repeat(8,minmax(62px,1fr))}}@media (width<=680px){.screen{padding-left:16px;padding-right:16px}.home-screen{justify-content:flex-start;padding-top:20px}.welcome{align-self:flex-start;gap:15px}.welcome-line{display:none}.garden-choices{grid-template-columns:1fr 1fr;gap:14px}.garden-card{border-radius:30px;min-height:330px;padding:16px}.letter-bloom,.number-bloom{width:100%;min-height:180px}.top-bar{grid-template-columns:64px 1fr 82px}.round-button{width:56px;height:56px}.step-dots{gap:5px}.step-dots span{width:15px;height:15px}.activity-title{padding:10px 15px}.activity-panel{border-radius:32px;width:100%;margin-top:12px}.choice-row{gap:10px}.choice-button{border-radius:26px;min-width:0}.library-panel{border-radius:30px;width:100%;margin-top:12px;padding:15px}.letter-grid{grid-template-columns:repeat(6,minmax(58px,1fr))}.number-grid{grid-template-columns:repeat(5,minmax(56px,1fr))}.letter-grid button,.number-grid button{border-radius:18px;min-height:75px}.letter-grid strong{font-size:31px}.letter-grid small{font-size:18px}.number-grid strong{font-size:35px}}@media (width<=480px),(height<=600px){.welcome .mascot{width:88px;height:82px}.welcome h1{font-size:43px}.garden-card{min-height:270px}.letter-bloom,.number-bloom{min-height:140px}.parent-gate{margin-top:-10px}.activity-panel{padding:16px}.speech-bubble{margin-bottom:10px}.hero-symbol{width:160px;height:160px}.example-object{margin:5px 0}}@media (width<=520px){.voice-picker>div{grid-template-columns:1fr}.voice-picker button{width:100%}}@media (orientation:landscape) and (height<=720px){.home-screen{flex-flow:wrap;align-content:center;gap:18px 32px}.welcome{flex:0 0 250px}.welcome-line{display:none}.garden-choices{flex:600px}.garden-card{min-height:min(66vh,420px)}.parent-gate{position:absolute;bottom:24px;left:24px}.activity-panel{flex-direction:column;min-height:0;margin-top:8px;padding-top:15px;padding-bottom:15px}.hero-symbol{width:165px;height:165px}.letter-symbol>span{font-size:120px}.letter-symbol small{font-size:55px}.number-symbol{font-size:135px}.example-object{flex-direction:column;gap:2px;position:absolute;top:34%;right:6%}.three-objects{flex-direction:column;font-size:38px;position:absolute;top:38%;left:4%}.sample-objects{grid-template-columns:repeat(3,42px);gap:2px;width:150px;font-size:31px;display:grid;top:27%}.choice-row{margin:15px 0 13px}.choice-button{width:130px;height:135px;font-size:80px}.berry-patch{height:230px}.berry{width:95px;height:95px}.count-grid{gap:9px;min-height:230px;padding:12px}.count-item{border-radius:22px;width:75px;height:75px;font-size:40px}.trace-pad{width:auto;max-height:50vh;margin:0 auto}.trace-wrap{width:min(680px,85%)}.clear-trace{right:calc(50% - 320px)}}@media (orientation:landscape) and (height<=820px){.library-panel{margin-top:10px;padding:16px 22px}.next-lesson{min-height:115px;padding:12px 22px}.next-copy strong,.next-picture{font-size:57px}.library-heading{margin:15px 4px 9px}.letter-grid button{min-height:68px}.number-grid button{min-height:78px}}