.learn-world{color:#382654;min-height:100vh;font-family:var(--font-geist-sans),Arial,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fffdf9}.learn-world *{box-sizing:border-box}.learn-world a{color:inherit;text-decoration:none}.learn-nav{justify-content:space-between;align-items:center;gap:20px;max-width:1240px;margin:auto;padding:28px 36px;display:flex}.learn-logo{letter-spacing:-1.5px;font-size:29px;font-weight:900;color:#7044bd!important}.learn-logo span{letter-spacing:1px;margin-top:3px;font-size:12px;font-weight:600;display:block}.nav-pill{background:#fff;border:1px solid #ded2ee;border-radius:30px;padding:12px 22px;font-size:15px;font-weight:750}.learn-intro{text-align:center;padding:48px 24px 37px}.learn-kicker{letter-spacing:2px;color:#7c5c99;font-size:12px;font-weight:800}.learn-intro h1{letter-spacing:-4px;margin:19px 0;font-size:clamp(48px,6.4vw,84px);font-weight:850;line-height:1.04}.learn-intro h1 em{color:#8851cb;font-style:normal}.learn-intro p{color:#766780;font-size:20px}.intro-dots{justify-content:center;gap:9px;margin-top:25px;display:flex}.intro-dots i{background:#edb849;border-radius:50%;width:9px;height:9px}.intro-dots i:nth-child(2){background:#ec91b8}.intro-dots i:nth-child(3){background:#64cce7}.intro-dots i:nth-child(4){background:#7fc991}.intro-dots i:nth-child(5){background:#a887db}.activity-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:12px 30px 85px;display:grid}.activity-card{border:1px solid color-mix(in srgb,var(--card-color) 65%,white);background:color-mix(in srgb,var(--card-color) 17%,white);box-shadow:0 5px 0 color-mix(in srgb,var(--card-color) 35%,white);border-radius:30px;grid-column:span 2;transition:transform .2s,box-shadow .2s;overflow:hidden}.activity-card:nth-child(4){grid-column:span 2}.activity-card:hover{box-shadow:0 12px 0 color-mix(in srgb,var(--card-color) 35%,white);transform:translateY(-7px)}.card-top{justify-content:space-between;align-items:center;padding:21px 23px;font-size:13px;font-weight:700;display:flex}.card-top b{opacity:.5;font-size:16px}.card-art{justify-content:center;align-items:center;height:220px;display:flex;position:relative}.card-art>img{object-fit:contain;z-index:1;width:83%;height:100%;transition:transform .3s}.activity-card:hover .card-art>img{transform:rotate(-4deg)scale(1.05)}.card-symbol{letter-spacing:6px;color:color-mix(in srgb,var(--card-color) 80%,#644772);opacity:.65;font-size:43px;font-weight:900;position:absolute;top:0;left:20px;transform:rotate(-8deg)}.card-copy{padding:20px 25px 27px}.card-copy h2{letter-spacing:-.8px;margin:0 0 8px;font-size:23px;font-weight:800}.card-copy p{color:#75647e;min-height:48px;margin:0 0 20px;font-size:15px;line-height:1.6}.card-play{justify-content:space-between;align-items:center;font-size:15px;font-weight:800;display:flex}.card-play>span{background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.app-callout{background:#eee5fb;border-radius:40px;grid-template-columns:.85fr 1fr;align-items:center;gap:50px;max-width:1140px;margin:0 auto 65px;padding:50px 60px;display:grid}.app-mochi img{filter:drop-shadow(0 20px 15px #63408822);width:100%}.app-callout h2{letter-spacing:-2px;margin:15px 0 20px;font-size:44px;font-weight:850;line-height:1.13}.app-callout p{color:#746080;font-size:17px;line-height:1.7}.play-store{text-align:left;color:#fff;opacity:1;cursor:default;background:#332441;border:0;border-radius:15px;align-items:center;gap:18px;margin-top:25px;padding:16px 27px;font-size:25px;font-weight:700;display:flex}.play-store>span:first-child{color:#b6ecc9;font-size:30px}.play-store small{letter-spacing:1px;margin-bottom:3px;font-size:11px;font-weight:600;display:block}.app-callout .app-note{max-width:390px;margin-top:18px;font-size:14px}.learn-footer{color:#806c90;border-top:1px solid #e6ddef;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:auto;padding:30px 36px 40px;font-size:14px;display:flex}.learn-footer a{color:#7345b7;font-weight:800}.learn-world button,.learn-world a{touch-action:manipulation}.learn-world button:focus-visible,.learn-world a:focus-visible{outline-offset:5px;outline:3px solid #623baf}.lesson-main{text-align:center;max-width:1100px;margin:auto;padding:20px 32px 70px}.all-activities{text-underline-offset:4px;margin-bottom:28px;font-size:14px;display:inline-block;color:#765496!important;text-decoration:underline!important}.lesson-main h1{letter-spacing:-2px;margin:0 0 15px;font-size:clamp(32px,5vw,54px);font-weight:850;line-height:1.15}.lesson-instruction{color:#786686;margin:0 auto 30px;font-size:18px;line-height:1.6}.lesson-stage{background:color-mix(in srgb,var(--card-color) 18%,white);border:1px solid color-mix(in srgb,var(--card-color) 50%,white);border-radius:35px;justify-content:center;align-items:center;gap:35px;min-height:320px;padding:30px;display:flex}.lesson-friend{object-fit:contain;width:270px;max-width:40%;animation:4s ease-in-out infinite friend-float}.discovery{flex-direction:column;align-items:center;min-width:250px;animation:.45s ease-out discovery-pop;display:flex}.discovery p{margin:20px 0 0;font-size:24px;font-weight:750}.giant-letter{color:#d54884;letter-spacing:-7px;font-size:150px;font-weight:900;line-height:1}.giant-letter small{opacity:.7;margin-left:12px;font-size:95px}.lesson-picker{flex-wrap:wrap;justify-content:center;gap:12px;max-width:820px;margin:27px auto;display:flex}.lesson-picker button{color:#62467c;cursor:pointer;background:#fff;border:2px solid #e3d8ee;border-radius:16px;min-width:58px;padding:14px 20px;font-size:18px;font-weight:750}.lesson-picker button.selected{color:#fff;background:#7146bf;border-color:#7146bf;box-shadow:0 4px #d6c4ee}.letter-picker button{min-width:51px;padding:12px}.learn-shape{background:#2eaed6;width:160px;height:160px}.learn-shape.circle{border-radius:50%}.learn-shape.oval{border-radius:50%;width:220px}.learn-shape.rectangle{width:230px;height:130px}.learn-shape.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.learn-shape.diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:180px;height:200px}.color-orb{border-radius:50%;width:190px;height:190px;box-shadow:inset 0 0 0 7px #fff6,0 12px #0000000a}.together-note{color:#82728d;margin-top:25px;font-size:16px;line-height:1.7}.drawing-stage{gap:15px;padding:24px}.drawing-stage .lesson-friend{width:190px;max-width:23%}.drawing-board{flex:1;min-width:0}.drawing-board canvas{aspect-ratio:1000/650;touch-action:none;cursor:crosshair;background:#fff;border:2px solid #d8c6ed;border-radius:20px;width:100%;height:auto;display:block}.drawing-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:18px;display:flex}.color-choice{cursor:pointer;border:3px solid #fff;border-radius:50%;width:35px;height:35px}.color-choice.selected{outline-offset:2px;outline:3px solid #563f72}.clear-drawing{color:#664783;cursor:pointer;background:#fff;border:1px solid #cbb5e3;border-radius:20px;padding:10px 14px;font-size:14px}@keyframes discovery-pop{0%{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}@keyframes friend-float{50%{transform:translateY(-10px)}}@media (width<=850px){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.activity-card,.activity-card:nth-child(4){grid-column:auto}.activity-card:last-child{grid-column:auto;width:100%}.app-callout{gap:25px;margin:0 24px 45px;padding:35px}.app-callout h2{font-size:34px}.learn-footer{flex-wrap:wrap}.learn-footer p{order:3;width:100%;margin:0}.card-art{height:200px}}@media (width<=540px){.learn-nav{padding:20px}.learn-logo{font-size:25px}.learn-logo span{font-size:10px}.nav-pill{padding:10px 15px;font-size:14px}.learn-intro{padding:30px 20px}.learn-intro h1{letter-spacing:-2.7px;font-size:52px}.learn-intro p{font-size:17px}.learn-kicker{letter-spacing:1.5px;font-size:10px}.activity-grid{gap:15px;padding:10px 18px 50px}.activity-card{border-radius:23px}.card-top{gap:5px;padding:14px 13px;font-size:11px}.card-top b{font-size:12px}.card-art{height:145px}.card-symbol{letter-spacing:3px;font-size:25px;left:12px}.card-copy{padding:13px 14px 18px}.card-copy h2{min-height:46px;font-size:19px;line-height:1.2}.card-copy p{min-height:63px;margin-bottom:12px;font-size:14px;line-height:1.5}.card-play{font-size:14px}.card-play>span{width:27px;height:27px;font-size:10px}.activity-card:last-child{grid-column:auto;max-width:none}.app-callout{text-align:center;grid-template-columns:1fr;gap:10px;margin:0 18px 40px;padding:28px 24px}.app-mochi img{width:200px}.app-callout h2{font-size:34px}.play-store{margin:22px auto 0}.learn-footer{padding:25px 22px}.lesson-main{padding:14px 17px 40px}.lesson-instruction{font-size:16px}.lesson-stage{gap:5px;min-height:270px;padding:20px 12px}.lesson-friend{max-width:38%}.discovery{flex:1;min-width:0}.giant-letter{letter-spacing:-5px;font-size:95px}.giant-letter small{margin-left:5px;font-size:59px}.discovery p{font-size:19px}.learn-shape{width:110px;height:110px}.learn-shape.oval{width:150px}.learn-shape.rectangle{width:150px;height:90px}.learn-shape.diamond{width:120px;height:150px}.color-orb{width:130px;height:130px}.lesson-picker{gap:9px}.lesson-picker button{min-width:46px;padding:12px 15px;font-size:16px}.letter-picker button{min-width:42px;padding:10px}.drawing-stage{padding:14px;display:block}.drawing-stage .lesson-friend{width:110px;max-width:100%;margin:auto}.drawing-tools{gap:10px}.color-choice{width:31px;height:31px}.together-note{font-size:14px}}@media (prefers-reduced-motion:reduce){.activity-card,.card-art>img{transition:none}.lesson-friend,.discovery{animation:none}}.character-sprite{aspect-ratio:1;flex-shrink:0;width:230px;display:block;position:relative;overflow:hidden}.character-sprite img{object-fit:fill;width:200%;max-width:none;height:200%;position:absolute;top:0;left:0}.character-bloop img{left:-100%}.character-sprout img{top:-100%}.character-puffin img{top:-100%;left:-100%}.card-art>.character-sprite{z-index:1;width:205px;max-width:90%}.lesson-stage>.character-sprite{width:270px}.drawing-stage>.character-sprite{width:190px}@media (width<=540px){.card-art>.character-sprite,.lesson-stage>.character-sprite{width:145px}.drawing-stage>.character-sprite{width:110px}}.learn-world .all-activities,.mallow-main>.all-activities{background:linear-gradient(135deg,#8853cf,#693ab0);border:2px solid #8553cb;border-radius:22px;justify-content:center;align-items:center;gap:13px;width:fit-content;max-width:100%;min-height:60px;margin:0 auto 28px;padding:13px 24px;font-size:18px;font-weight:800;line-height:1.35;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 5px #d6bceb,0 9px 20px #7044bd18;color:#fff!important;text-decoration:none!important}.mallow-main>.all-activities{display:flex}.learn-world .all-activities:hover{transform:translateY(-2px);box-shadow:0 7px #d6bceb,0 11px 22px #7044bd22}.learn-world .all-activities:active{transform:translateY(3px);box-shadow:0 2px #d6bceb}.activities-icon{background:#ffffff20;border-radius:12px;flex-shrink:0;grid-template-columns:repeat(2,10px);gap:4px;padding:8px;display:grid}.activities-icon i{background:#ffd36d;border-radius:3px;width:10px;height:10px}.activities-icon i:nth-child(2){background:#ffb7d3}.activities-icon i:nth-child(3){background:#91e0f2}.activities-icon i:nth-child(4){background:#b8edb5}@media (width<=540px){.learn-world .all-activities,.mallow-main>.all-activities{min-height:58px;margin-bottom:24px;padding:12px 18px;font-size:17px}}@media (prefers-reduced-motion:reduce){.learn-world .all-activities{transition:none}}.alphabet-stage{gap:24px;min-height:350px}.alphabet-stage>.lesson-friend{width:210px;max-width:27%}.alphabet-stage .discovery{flex:1;min-width:0}.letter-and-picture{justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.alphabet-stage .giant-letter{font-size:120px}.alphabet-stage .giant-letter small{font-size:78px}.alphabet-picture-button{cursor:pointer;touch-action:manipulation;background:radial-gradient(circle,#fff 0%,#ffffff85 57%,#0000 70%);border:0;border-radius:35%;flex-shrink:0;width:230px;height:230px;padding:0}.alphabet-picture{transform-origin:50% 85%;filter:drop-shadow(0 9px 6px #a4719420);background-image:url(/smooshlings/alphabet.png);background-repeat:no-repeat;background-size:600% 500%;width:100%;height:100%;display:block}.alphabet-motion-0{animation:1.2s ease-in-out alphabet-hop}.alphabet-motion-1{animation:1.2s ease-in-out alphabet-rock}.alphabet-motion-2{animation:1.5s ease-in-out alphabet-float}.alphabet-motion-3{animation:1.2s ease-in-out alphabet-squish}@keyframes alphabet-hop{0%,to{transform:translateY(0)}20%{transform:scale(1.06,.92)}45%{transform:translateY(-22px)rotate(-5deg)}70%{transform:translateY(0)scale(1.04,.96)}85%{transform:translateY(-6px)}}@keyframes alphabet-rock{0%,to{transform:rotate(0)}20%{transform:rotate(-10deg)}45%{transform:rotate(10deg)}70%{transform:rotate(-6deg)}85%{transform:rotate(3deg)}}@keyframes alphabet-float{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-18px)rotate(-5deg)}70%{transform:translateY(-9px)rotate(5deg)}}@keyframes alphabet-squish{0%,to{transform:scale(1)}25%{transform:scale(1.12,.86)}50%{transform:scale(.94,1.07)}75%{transform:scale(1.04,.97)}}@media (width<=850px){.alphabet-stage>.lesson-friend{max-width:23%}.alphabet-stage .giant-letter{font-size:90px}.alphabet-stage .giant-letter small{font-size:60px}.alphabet-picture-button{width:190px;height:190px}.letter-and-picture{gap:8px}}@media (width<=540px){.alphabet-stage{min-height:0;padding:20px 12px 23px;display:block;position:relative}.alphabet-stage>.lesson-friend{opacity:.95;width:70px;max-width:70px;position:absolute;top:7px;left:6px}.alphabet-stage .discovery{padding-top:38px}.alphabet-stage .giant-letter{letter-spacing:-5px;font-size:86px}.alphabet-stage .giant-letter small{margin-left:4px;font-size:53px}.alphabet-picture-button{width:160px;height:160px}.alphabet-stage .discovery p{margin-top:10px;font-size:22px}}@media (width<=360px){.alphabet-picture-button{width:135px;height:135px}.alphabet-stage .giant-letter{font-size:70px}.alphabet-stage .giant-letter small{font-size:45px}}@media (prefers-reduced-motion:reduce){.alphabet-picture{animation:none!important}}.alphabet-picture{background:0 0;width:84%;height:84%;margin:8%;overflow:hidden}.pip-heading{justify-content:center;align-items:center;gap:22px;max-width:760px;margin:-8px auto 0;display:flex}.pip-heading h1{text-align:left;margin:0}.pip-heading .pip-heading-friend{flex-shrink:0;width:220px;animation:4s ease-in-out infinite friend-float}.alphabet-stage .discovery{padding-top:0}.alphabet-stage{min-height:300px}@media (width<=540px){.pip-heading{gap:4px;margin:-5px auto 2px}.pip-heading h1{letter-spacing:-1.2px;max-width:190px;font-size:clamp(27px,7vw,36px)}.pip-heading .pip-heading-friend{width:150px;max-width:43vw}.alphabet-stage{min-height:0}.alphabet-stage .discovery{padding-top:0}}@media (prefers-reduced-motion:reduce){.pip-heading .pip-heading-friend{animation:none}}.app-friends{place-items:center;width:100%;min-width:0;display:grid}.friends-cluster{aspect-ratio:1.12;isolation:isolate;width:100%;max-width:450px;position:relative}.cluster-friend{filter:drop-shadow(0 12px 8px #63408820);width:43%;position:absolute}.cluster-friend>.character-sprite{width:100%;max-width:none}.cluster-friend>img{width:100%;height:auto;display:block}.cluster-sprout{z-index:1;top:8%;left:0;transform:rotate(-10deg)}.cluster-mallow{z-index:2;width:39%;top:0;left:31%}.cluster-bloop{z-index:1;top:13%;right:-1%;transform:rotate(9deg)}.cluster-pip{z-index:3;bottom:2%;left:0;transform:rotate(-7deg)}.cluster-mochi{z-index:5;width:52%;bottom:0;left:25%}.cluster-puffin{z-index:4;bottom:2%;right:-2%;transform:rotate(7deg)}@media (width<=540px){.friends-cluster{max-width:340px;margin:5px auto 12px}}