:root{color:#15345b;font-synthesis:none;background:#fffdf5;font-family:Trebuchet MS,Arial,sans-serif;font-size:18px}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:5px;outline:4px solid #7736ac}header{border-bottom:1px solid #e6e6dc;justify-content:space-between;align-items:center;max-width:1240px;margin:auto;padding:24px 40px;display:flex}.wordmark{letter-spacing:-1px;font-weight:1000;line-height:1;text-decoration:none;transform:rotate(-3deg)}.wordmark>span{color:#087ac4;font-size:24px;display:block}.wordmark strong{color:#ec3485;font-size:38px}.sun{color:#ffc20e;margin-left:8px}nav{gap:12px;display:flex}nav button{color:#29466a;background:0 0;border-radius:30px;padding:13px 16px;font-size:15px;font-weight:700}nav button.selected{color:#0068ae;background:#e0f1fc}.badge{background:#fff;border-radius:12px;margin-left:5px;padding:4px 7px}main{max-width:1160px;min-height:78vh;margin:auto;padding:36px 24px 64px}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:50px;padding:16px 22px 46px;display:grid}.unit-tag,.eyebrow{letter-spacing:1.6px;color:#0877ba;font-size:12px;font-weight:900}.unit-tag{color:#655000;background:#fff0b5;border-radius:30px;padding:11px 16px;display:inline-block}h1{letter-spacing:-2px;margin:20px 0;font-size:64px;line-height:1.08}h1 em{color:#087cc1;font-style:normal;position:relative}h1 em:after{content:"";z-index:-1;background:#ffcd27;border-radius:40%;height:9px;position:absolute;bottom:0;left:0;right:0}.intro{color:#52677d;font-size:20px;line-height:1.65}.primary{color:#fff;background:#0875bf;border-radius:16px;margin:10px 0;padding:15px 24px;font-weight:800;box-shadow:0 5px #065692}.large span{margin-left:28px}.small{color:#627487;font-size:13px;line-height:1.6}.hero-art{justify-self:center;max-width:360px;position:relative;transform:rotate(2deg)}.hero-art img{border:8px solid #fff;border-radius:26px;width:100%;display:block;box-shadow:0 12px 32px #20467226}.art-label{color:#5c4d21;background:#fff0ae;border-radius:20px;padding:9px 16px;font-size:11px;position:absolute;bottom:-12px;left:30px}.welcome{background:#eaf5fc;border-radius:26px;justify-content:space-between;align-items:center;gap:24px;margin:12px 0 30px;padding:24px 32px;display:flex}.welcome h2{margin:8px 0;font-size:25px}.welcome p{font-size:15px;line-height:1.6}.mini-frame{background:#fff;border-radius:15px;flex-shrink:0;grid-template-columns:repeat(5,24px);gap:6px;padding:12px;display:grid}.mini-frame span{border:1px solid #b5cadb;border-radius:5px;width:24px;height:24px}.mini-frame .filled{background:#ec3884;border-color:#ec3884}.experience-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0;display:grid}.experience-card{text-align:left;border:1px solid #e5e4dc;border-bottom:5px solid var(--accent);color:#183859;background:#fff;border-radius:22px;padding:22px;transition:transform .15s}.experience-card:hover{transform:translateY(-5px)}.pink{--accent:#ec3884;--tint:#fff0f6}.blue{--accent:#0797d3;--tint:#eaf8ff}.green{--accent:#15985b;--tint:#effaf0}.orange{--accent:#e88a1a;--tint:#fff6e4}.card-top{justify-content:space-between;align-items:center;display:flex}.experience-number{background:var(--tint);color:var(--accent);border-radius:16px;padding:13px;font-size:23px;font-weight:1000;display:inline-block}.arrow{color:var(--accent);font-size:24px}.experience-card h2{margin-bottom:10px;font-size:24px}.experience-card p{color:#607186;min-height:45px;font-size:15px;line-height:1.5}.card-bottom{color:var(--accent);font-size:12px;font-weight:800}.page-title{letter-spacing:-1px;margin:10px 0 20px;font-size:42px}.identity-placeholder{color:#746e7d;text-align:center;border:2px dashed #bfbbc6;border-radius:20px;max-width:430px;margin:35px auto;padding:25px;font-size:13px}.activity-heading{align-items:center;gap:20px;margin:25px 0;display:flex}.activity-heading .page-title{margin:8px 0}.back,.quiet{color:#176ba3;background:0 0;padding:12px 0;font-size:15px;text-decoration:underline}.activity{border:2px solid #e5e9e9;border-top:6px solid var(--accent);background:#fff;border-radius:24px;max-width:900px;margin:auto;padding:32px}.activity h2{margin:12px 0;font-size:30px}.activity p{line-height:1.6}.phases{flex-wrap:wrap;gap:10px;margin:25px 0;display:flex}.phases span{color:#5f7284;background:#f0f2f4;border-radius:25px;padding:10px 14px;font-size:14px}.phases .active{background:var(--tint);color:var(--accent);font-weight:700}.fruit-basket{background:#fff7e6;border-radius:25px;flex-wrap:wrap;gap:15px;margin:20px 0;padding:25px;display:flex}.fruit{background:#fff;border:2px solid #e8d9b6;border-radius:18px;min-width:80px;min-height:90px;padding:10px;font-size:48px;position:relative}.fruit.counted{opacity:1;border:3px solid #0e9456}.fruit b{color:#fff;background:#0e9456;border-radius:50%;padding:4px 10px;font-size:20px;position:absolute;top:-10px;right:-5px}.feedback{color:#214d71;background:#eff7ff;border-radius:14px;min-height:65px;padding:18px 22px}.reflection{background:#fff7d7;border-radius:15px;padding:18px}.ten-frame{background:#f4fcff;border:3px solid #1883b5;border-radius:8px;grid-template-columns:repeat(5,1fr);width:min(100%,430px);margin:24px auto;display:grid;overflow:hidden}.cell{aspect-ratio:1;background:0 0;border:1px solid #70b8d8;justify-content:center;align-items:center;padding:8px;display:flex}.counter{aspect-ratio:1;background:#ed408c;border-radius:50%;width:80%;height:80%;display:block;box-shadow:inset -4px -5px #bc23634d}.choices{flex-wrap:wrap;gap:9px;margin:24px 0;display:flex}.choices button,.number-path button{color:#136297;background:#eaf6ff;border:2px solid #acd4ec;border-radius:12px;min-width:49px;min-height:54px;font-size:25px;font-weight:700}.choices button:hover{background:#fff1b1}.actions{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.actions button{color:#146394;background:#eaf5fc;border-radius:14px;padding:13px 18px}.actions button[aria-pressed=true]{color:#fff;background:#0875bf}.number-path{flex-wrap:wrap;gap:10px;margin:30px 0;display:flex}.number-path button{flex:1}.number-path .current{background:#ffdc46;border-color:#d8a912;transform:translateY(-8px)}.number-path .missing{background:#fff2c5;border-style:dashed}.workmat{background:#fff8e4;border:2px dashed #d8ba65;border-radius:20px;flex-wrap:wrap;align-items:center;gap:10px;min-height:150px;margin-top:20px;padding:25px;display:flex}.loose{background:0 0;width:55px;height:55px;padding:0}.loose .counter{border-radius:10px;width:100%;height:100%}.target{flex-wrap:wrap;align-items:center;gap:15px;display:flex}select{color:#16456e;background:#fff;border:2px solid #8cc4df;border-radius:12px;padding:10px}.flash-card{color:#667991;background:#f6f8fb;border-radius:22px;justify-content:center;align-items:center;min-height:230px;display:flex}.source{color:#607586;max-width:900px;margin:18px auto;font-size:12px;line-height:1.6}progress{accent-color:#18985a;width:100%;height:24px}footer{color:#738193;border-top:1px solid #e8e8de;justify-content:space-between;gap:15px;padding:25px max(24px,50vw - 556px);font-size:12px;display:flex}@media (width<=850px){.experience-grid{grid-template-columns:repeat(2,1fr)}header{gap:20px;padding:20px}nav{gap:0}nav button{padding:10px;font-size:13px}h1{font-size:49px}.hero{gap:24px;padding:0 0 30px}.hero-art{max-width:290px}.intro{font-size:17px}}@media (width<=560px){header{flex-direction:column;gap:18px}.wordmark>span{font-size:21px}.wordmark strong{font-size:30px}main{padding:24px 16px 40px}.hero{grid-template-columns:1fr}.hero-copy{padding:0 10px}h1{font-size:47px}.hero-art{max-width:230px;margin:8px auto 20px}.welcome{flex-direction:column;align-items:start;padding:20px}.experience-grid{gap:12px}.experience-card{padding:16px}.experience-card h2{font-size:21px}.experience-card p{font-size:14px}.card-bottom{font-size:11px}.page-title{font-size:32px}.activity{padding:20px 16px}.activity h2{font-size:26px}.fruit-basket{gap:10px;padding:18px 10px}.fruit{min-width:62px;min-height:72px;font-size:35px}.number-path button{flex:initial;min-width:48px}.ten-frame{max-width:350px}.cell{padding:5px}.phases span{padding:9px;font-size:11px}footer{flex-direction:column}.desktop{display:none}}.wordmark{line-height:0;transform:none}.original-wordmark{border-radius:12px;width:190px;height:auto;display:block}.number-companion{max-width:570px;margin:0 auto 28px}.number-companion img{border-radius:16px;width:100%;height:auto;display:block}.number-companion figcaption{text-align:center;color:#64778a;margin:6px 0;font-size:11px}.number-library{margin:40px 0}.number-library h2{font-size:29px}.companion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.companion-grid>button{color:#075f9b;text-align:center;background:#fff;border:2px solid #f2cb57;border-bottom:5px solid #e8aa24;border-radius:20px;padding:8px 8px 14px;font-weight:700}.companion-grid>button:hover{background:#fff9df;border-color:#e73787}.companion-grid .number-companion{margin:0 0 12px}.companion-grid figcaption{display:none}.companion-grid>button>span{font-size:15px}.resource-note{color:#627284;font-size:13px}.achievements{background:#fffdf3;border:2px solid #e7cc6a;border-radius:24px;margin:32px 0;padding:24px}.achievement-header{border-radius:16px;width:min(100%,550px);height:auto;margin:0 auto 24px;display:block}.star-key{background:#fff1b8;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0;padding:16px;display:grid}.star-key p{margin:0;font-size:14px;line-height:1.5}.star-key b{color:#075b9e}.achievement-row{--row:#e93e89;border:2px solid var(--row);background:#fff;border-left-width:8px;border-radius:20px;grid-template-columns:1fr 1fr;gap:12px 24px;margin:16px 0;padding:20px;display:grid}.achievement-color-1{--row:#0498d6}.achievement-color-2{--row:#099344}.achievement-color-3{--row:#9234bb}.achievement-color-4{--row:#ed8520}.achievement-row>div:first-child{align-items:center;gap:14px;display:flex}.achievement-row h3{color:var(--row);margin:0;font-size:22px}.achievement-digit{min-width:58px;height:64px;color:var(--row);background:#fff9dd;border-radius:16px;justify-content:center;align-items:center;font-size:44px;display:inline-flex}.star-display{letter-spacing:3px;color:#d1d6d9;place-self:center end;font-size:35px}.star-display .earned{color:#f5b600;text-shadow:0 2px #cf8900}.achievement-row label{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:14px;font-size:14px;display:flex}.achievement-row select{max-width:100%;font-size:14px}.original-achievements{grid-template-columns:1fr 1fr;gap:15px;margin:20px 0;display:grid}.original-achievements img{width:100%;height:auto}summary{cursor:pointer;padding:12px 0}.activity .number-companion{border-bottom:2px solid #f3da75;padding-bottom:10px}.activity{border-top-width:8px}.number-path button{min-height:65px;font-size:32px}.choices button{min-height:60px;font-size:30px}@media (width<=700px){.companion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.star-key{grid-template-columns:repeat(2,1fr)}.achievement-row{grid-template-columns:1fr;padding:16px}.star-display{justify-self:start}.achievement-row h3{font-size:20px}.achievement-row label{display:block}.achievement-row select{width:100%;margin-top:10px;display:block}.achievements{padding:16px}.original-achievements{grid-template-columns:1fr}.original-wordmark{width:180px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}:root{--ink:#382259;--pink:#f52b92;--blue:#00a5e9;--green:#29b84c;--gold:#ffd448;--purple:#9b47dc;color:var(--ink);background:#9bddf6;font-family:Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif;font-size:18px}body{background-color:#0000;background-image:radial-gradient(90px 35px at 8% 170px,#ffffffd9 98%,#0000),radial-gradient(95px 33px at 91% 120px,#ffffffdb 98%,#0000),radial-gradient(70px 30px at 83% 95px,#ffffffdb 98%,#0000),radial-gradient(120px 40px at 21% 440px,#ffffff80 98%,#0000),radial-gradient(circle at 90% 18%,#fff0a0 0,#0000 35%),linear-gradient(#8ed7fc 0,#caf1ff 650px,#e5f9dc 1500px,#fff3b5 100%);background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box;min-height:100vh}body:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(#fff8 1px,#0000 1px);background-size:17px 17px;position:fixed;inset:0}header{background:repeating-linear-gradient(2deg,#0000 0 15px,#a9621b16 16px 18px),linear-gradient(#ffdd9e,#efb86a);border:3px solid #fff2b2;border-bottom:7px solid #b86c29;border-radius:26px;gap:22px;max-width:1240px;margin:16px auto 0;padding:13px 23px;position:relative;box-shadow:0 6px #ad681f33,0 14px 28px #3c8f9d22}.original-wordmark{border:3px solid #fff5ba;border-radius:22px;width:185px;box-shadow:0 4px #bc7732}.wordmark{flex-shrink:0}nav{gap:9px;justify-content:center!important}nav button{color:#633b29;background:linear-gradient(#fffef2,#ffedac);border:2px solid #d69d3a;border-radius:20px 20px 16px 16px;min-height:48px;padding:12px 13px;font-weight:900;box-shadow:0 4px #b9792c}nav button:nth-child(2){color:#84215a;background:linear-gradient(#fff0f8,#ffc2e1);border-color:#e367a8;box-shadow:0 4px #b73580}nav button:nth-child(3){color:#075a7c;background:linear-gradient(#e4fcff,#91e3ff);border-color:#1ca9d1;box-shadow:0 4px #07789e}nav button:nth-child(4){color:#5d277f;background:linear-gradient(#f1e7ff,#d5b2f4);border-color:#a66bd1;box-shadow:0 4px #7638a2}nav button.selected{color:#fff;background:linear-gradient(#299fe5,#0874c9);border-color:#fff7b1;transform:translateY(-3px);box-shadow:0 4px #075299,0 0 0 3px #ffd14b}.badge{color:#702e86;background:#fff6b7}main{background:linear-gradient(160deg,#fffbdfed,#fff5e8ee 55%,#e9f9e9ed);border:5px solid #fff7c3;border-radius:36px;max-width:1180px;margin:20px auto 35px;padding:28px 32px 64px;position:relative;box-shadow:0 0 0 3px #64bca180,0 12px 35px #3b7f7b26}main:before{content:"✦";color:#f8ba17;text-shadow:0 3px #d78617;pointer-events:none;font-size:35px;position:absolute;top:14px;right:22px}h1,h2,h3{font-family:Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif;font-weight:1000}h1{color:#64339a;letter-spacing:-1.8px;text-shadow:2px 3px #fff2bd}.page-title{color:#7833ac;font-size:44px;line-height:1.2}.eyebrow{letter-spacing:1px;color:#7f3b96;font-size:12px}.hero{background:radial-gradient(circle at 12% 12%,#fff6a2,#0000 38%),linear-gradient(120deg,#ffedbe,#f8e6ff 55%,#d4f4ff);border:3px solid #efbd57;border-radius:30px;gap:28px;margin-bottom:25px;padding:30px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #fff9d4}.hero:after{content:"✦ · ✧";color:#c873c6;pointer-events:none;font-size:36px;position:absolute;bottom:26px;left:44%}.hero h1{color:#a032a0;text-shadow:2px 3px #fff;margin:22px 0;font-size:59px;line-height:1.12}.hero h1 em{color:#0090cf;text-shadow:2px 3px #fff}.hero h1 em:after{display:none}.unit-tag{color:#6a4113;background:#ffdf4d;border:2px dashed #fff8c4;font-size:12px;box-shadow:0 3px #dc9d2a}.intro{color:#6d4672;font-size:20px;font-weight:700;line-height:1.65}.hero-art{max-width:340px;transform:rotate(1.5deg)}.hero-art img{border:7px solid #ffe164;border-radius:27px;box-shadow:0 6px #cf9536,0 15px 25px #77427633}.art-label{background:#fff3a1;border:2px solid #e2b032;font-weight:700;bottom:-16px}button{transition:transform .16s,box-shadow .16s,filter .16s}button:hover:not(:disabled){filter:brightness(1.04)}button:active:not(:disabled){transform:translateY(3px)}button:disabled{opacity:.6}.primary{color:#fff;text-shadow:0 2px #095b8b70;background:linear-gradient(#39b9f1,#0686d1);border:3px solid #fff9ba;border-radius:24px;padding:14px 24px;font-weight:900;box-shadow:0 6px #075b9c,0 0 0 2px #1c9edc}.primary:hover{background:linear-gradient(#51c9ff,#078cdb)}.large{padding:19px 25px;font-size:20px}.primary+.primary{margin-left:12px}.small{color:#6a5473}.welcome{background:linear-gradient(130deg,#d5f5fe,#dfe9ff);border:3px solid #58b9e5;border-radius:28px;padding:24px 28px;box-shadow:inset 0 0 0 5px #e9fbff,0 6px #b3d9e8}.welcome h2{color:#1770ab}.mini-frame{background:#fdf6d9;border:3px solid #7dbee8;transform:rotate(3deg);box-shadow:0 4px #8db4d1}.mini-frame span{border:2px solid #a9b4e0}.mini-frame .filled{background:radial-gradient(circle at 35% 30%,#ff99d5,#f42d9c);border-color:#d82888;border-radius:50%}.experience-grid{gap:18px;margin:30px 0}.experience-card{background:linear-gradient(145deg,#fff8dc,var(--tint));border:3px solid var(--accent);border-bottom:8px solid var(--accent);border-radius:29px;padding:23px 20px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #fff7,0 7px #875b9720}.experience-card:after{content:"✧";color:var(--accent);opacity:.2;pointer-events:none;font-size:65px;position:absolute;bottom:10px;right:14px}.experience-card h2{color:var(--accent);text-shadow:1px 1px #fff;font-size:25px}.experience-card p{color:#594f76;font-size:15px;font-weight:700}.experience-number{background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent),#35215f 20%));color:#fff;text-shadow:0 2px #5e347744;box-shadow:0 4px color-mix(in srgb,var(--accent),#532b57 22%);text-align:center;border:3px solid #fff4c4;border-radius:45% 45% 40%;min-width:62px;font-size:28px}.arrow{background:#fff9ce;border-radius:50%;padding:3px 7px}.card-bottom{color:#6b3768;z-index:1;font-size:13px;position:relative}.wood-heading{text-align:center;background:repeating-linear-gradient(0deg,#0000 0 17px,#9c581b13 18px 20px),linear-gradient(#ffe0a1,#edb067);border:4px solid #9f571c;border-radius:32px 20px 28px 23px;margin:6px 0 25px;padding:20px 35px;box-shadow:inset 0 0 0 4px #fff0b5,0 7px #b56e2d33}.wood-heading h1{color:#82419c;text-shadow:2px 3px #fff7d4;margin:8px 0;font-size:48px}.wood-heading p{color:#6c402c;margin:8px 0;font-weight:700}.section-ribbon{color:#fff;text-shadow:0 2px #65238f;background:linear-gradient(#af63df,#843ac1);border:3px solid #fff4b0;border-radius:22px;padding:15px 23px;font-size:26px;box-shadow:0 4px #5a2787}.challenge-intro{background:linear-gradient(120deg,#ffd5ec,#fff2b8 65%,#d7eeb6);border:3px solid #ec9a48;border-radius:28px;padding:25px 28px;box-shadow:inset 0 0 0 5px #fff7ca,0 5px #d0ac732e}.challenge-intro h2{color:#973b94;font-size:29px}.challenge-intro p{color:#68497a;line-height:1.6}.number-library{background:linear-gradient(#e5dcff,#f8e9fc);border:3px solid #bc8cdb;border-radius:28px;margin:35px 0;padding:22px}.number-library h2{color:#823cae}.companion-grid{gap:16px}.companion-grid>button{color:#824e2f;background:linear-gradient(#fff3c2,#ffe0a1);border:3px solid #de9b24;border-bottom-width:7px;border-radius:24px;padding:8px 8px 15px;box-shadow:inset 0 0 0 3px #fff7c7}.companion-grid .number-companion img{border:2px solid #f9dc64;border-radius:17px}.companion-grid>button:nth-child(3n+2){background:#e7d8ff;border-color:#ad71d6}.companion-grid>button:nth-child(3n){background:#d7f8de;border-color:#77bf5e}.number-companion{background:#fff2b0;border:3px solid #f2c64e;border-radius:24px;padding:5px;overflow:hidden;box-shadow:0 5px #c78c3433}.number-companion img{border-radius:18px}.number-companion figcaption{color:#775034;font-size:11px;font-weight:700}.identity-placeholder{color:#713b91;background:linear-gradient(125deg,#fff0b9,#e8d7ff);border:3px dashed #b27ad2;border-radius:24px}.resource-note{color:#6c4a7f}.activity{background:linear-gradient(145deg,#fff7dd,var(--tint,#f3edff));border:4px solid var(--accent,#8a47c3);border-top:9px solid var(--accent,#8a47c3);border-radius:30px;margin-bottom:25px;padding:28px;box-shadow:inset 0 0 0 5px #ffffff7a,0 8px #bd92c12b}.activity h2,.activity h3{color:#743b95}.activity h2{font-size:31px}.activity p{color:#5d4a72}.activity-heading{background:linear-gradient(120deg,#d8efff,#e9d8ff);border:3px solid #a7b3e2;border-radius:25px;padding:17px}.activity .number-companion{border-bottom:3px solid #e4be3a;padding:5px}.phases{gap:11px}.phases span{color:#6d4b87;background:#eee4f9;border:2px solid #b4a6c9;border-radius:18px;padding:10px 15px;font-weight:700}.phases .active{color:#fff;background:linear-gradient(var(--accent,#9c47c5),color-mix(in srgb,var(--accent,#9c47c5),#432061 20%));border-color:#fff6b4;box-shadow:0 3px #7e4e9433}.actions button,.level-picker button{color:#75492d;background:linear-gradient(#fffbdd,#ffe9a2);border:2px solid #d9ad56;border-radius:19px;min-height:48px;font-weight:700;box-shadow:0 4px #c98e32}.actions button.primary{color:#fff;background:linear-gradient(#39b9f1,#0686d1);border-color:#fff9ba;box-shadow:0 5px #075b9c}.actions button[aria-pressed=true],.level-picker button[aria-pressed=true]{color:#fff;background:linear-gradient(#ac67de,#7f31b4);border-color:#fff2a4;box-shadow:0 4px #602583}.back,.quiet{color:#7e3c9f;text-underline-offset:4px;font-weight:700}.feedback,.pad-feedback{background:linear-gradient(100deg,#fff1a6,#fff9da);border:2px solid #edbf4d;border-left:7px solid #e6a620;border-radius:22px;font-weight:700;line-height:1.6;box-shadow:0 4px #d1b27224;color:#775127!important}.feedback:before{content:"✦";color:#e49c00;margin-right:9px;display:inline-block}.reflection{background:linear-gradient(120deg,#e5f6ca,#fff4b5);border:2px dashed #80b45e;border-radius:22px;padding:20px;color:#477330!important}.workmat,.fruit-basket,.object-board{background:radial-gradient(#fff7d8,#ffe5ad);border:3px dashed #cf9436;border-radius:26px;box-shadow:inset 0 0 0 5px #fff9e0}.fruit{background:linear-gradient(#fff9ce,#ffe7a0);border:3px solid #e2b557;border-radius:22px;box-shadow:0 4px #d4aa6444}.fruit.counted{background:#e4ffd7}.counter{background:radial-gradient(circle at 33% 27%,#ffabd3,#ef3694 65%);box-shadow:inset -5px -5px #b41c5b4d,0 2px 3px #6a246a22}.ten-frame{background:#e9f8ff;border:4px solid #1489c6;border-radius:14px;outline:3px solid #9fdaed;overflow:hidden;box-shadow:0 5px #377ca333}.cell{background:linear-gradient(130deg,#f8fbdf,#e5f8fc);border:1.5px solid #53abd2}.cell:hover{background:#fff0ae}.choices button,.number-path button,.sequence-slots>*{color:#8037ad;text-shadow:1px 1px #fff;background:linear-gradient(#f7e9ff,#e6c7fc);border:3px solid #b17bce;border-radius:17px;min-width:53px;font-size:31px;box-shadow:0 4px #8e4baf}.choices button:nth-child(3n+2){color:#0876a3;background:linear-gradient(#d6faff,#9be0fa);border-color:#3cacd1;box-shadow:0 4px #278cab}.choices button:nth-child(3n){color:#9a5815;background:linear-gradient(#fff2aa,#ffd857);border-color:#dfa631;box-shadow:0 4px #bd831d}.number-path .current{background:#ffde44;border-color:#d6a01b}.sequence-slots button{color:#8b4ca2;background:#fff3ac;border-style:dashed}.flash-card,.memory-card{background:linear-gradient(130deg,#e9d9ff,#d9f5ff);border:3px dashed #b08bdb;border-radius:26px}.target{background:#f1dfff;border:2px solid #cfabdf;border-radius:20px;padding:15px}select{color:#6f458d;background:#fff7d8;border:2px solid #d6a855;border-radius:15px;min-height:46px;font-weight:700}.source,.small{line-height:1.6}.source-page{background:#f1e4ff;border:2px solid #c5a1dc;border-radius:20px;padding:10px 18px}.source-page summary{color:#7c4397;font-weight:700}.source-page img{border-radius:16px}.challenge-menu>button{background:linear-gradient(145deg,#ffefdc,var(--tint,#e2f7ff));border:3px solid var(--accent,#47b9dc);border-bottom-width:7px;border-radius:28px;padding:25px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #fff7,0 6px #8d6b9424}.challenge-menu h2{color:var(--accent,#077fac);font-size:27px}.challenge-menu p{color:#674f77}.challenge-menu>button>span{color:#854987}.challenge-menu small{color:#80647b}.challenge-menu b{color:#8a409b}.challenge-menu button:hover{background:linear-gradient(145deg,#fff4c9,var(--tint,#d8f4ff))}.challenge-header{border:4px solid #e7c453;border-radius:26px;box-shadow:0 5px #c3954033}.task-title{background:#f3e1ff;border:3px solid #d7b0ec;border-radius:25px;padding:15px}.quantity-scene{background:linear-gradient(#d9f5ff 0 65%,#e2f5ba 65%);border:3px dashed #7bb5ac;border-radius:24px}.quantity-scene .scene-object{background:#fff5d9}.group-options>button{background:linear-gradient(#f2fbff,#d8f2fe);border:3px solid #52b6d9;border-bottom-width:6px;border-radius:23px;box-shadow:inset 0 0 0 3px #fff8}.group-options>button[aria-pressed=true]{background:#f9dfff;border-color:#b35ad6}.group-options .quantity-scene{background:0 0}.deck-note{color:#8d6838;border:2px dashed #e1b94f}.trainer-number-picker button{border-color:#ba85da}.trainer .level-picker{margin:30px 0 14px}.trainer-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.trainer-menu p{font-size:15px}.trainer-menu h2{font-size:24px}.achievements{background:linear-gradient(#fff0c1,#fff6d8);border:4px solid #c18c3a;border-radius:30px;box-shadow:inset 0 0 0 5px #fff8de}.achievement-header{border:3px solid #e5be59;border-radius:23px}.achievement-row{border:3px solid var(--row);background:linear-gradient(120deg,#fff5d8,#ffeef5);border-left-width:8px;border-radius:25px;box-shadow:inset 0 0 0 3px #fff8}.achievement-digit{color:#fff;background:linear-gradient(var(--row),color-mix(in srgb,var(--row),#562369 25%));text-shadow:0 3px #773b6744;border:3px solid #fff6b4;border-radius:23px}.star-key{background:#ffe7a4;border:2px dashed #cc983b}.challenge-progress{background:linear-gradient(120deg,#d6f3c0,#e5f7db);border:3px solid #88bc58;border-radius:26px;margin:24px 0;padding:22px}.challenge-progress h2{color:#467b25}progress{background:#fff1ab;border:3px solid #ebba3d;border-radius:20px;height:29px;overflow:hidden}progress::-webkit-progress-bar{background:#fff0b5}progress::-webkit-progress-value{background:linear-gradient(90deg,#65ca65,#18a352);border-radius:18px}.writing-workshop .activity{background:linear-gradient(145deg,#fff4d6,#fae8fc)}.writing-number-picker button{color:#7a2cad;background:linear-gradient(#e8caff,#c992ed);border:3px solid #ab69cf;box-shadow:0 5px #8b43b5}.writing-number-picker button[aria-pressed=true]{color:#7c4b19;background:linear-gradient(#fff3a4,#ffd944);border-color:#e7ad31}.writing-tabs button{color:#9e2b67;background:linear-gradient(#ffe6f5,#ffc8e7);border-width:3px 3px 5px;border-radius:22px}.writing-tabs button[aria-pressed=true]{color:#fff;background:linear-gradient(#ff58b6,#e7268c);border-color:#bd1a75}.writing-surface{background:linear-gradient(135deg,#fff9e5,#fff3cb);border:4px dashed #d990c0;border-radius:28px;box-shadow:0 0 0 5px #ffefba,0 8px #a169a22b}.writing-surface.watch{background:radial-gradient(circle at 45% 35%,#fff7dd,#ffedb0)}.free-writing-boxes>section{background:#ffe7f3;border:2px solid #e5a6c8;border-radius:24px;padding:14px}.writing-rule{stroke:#b9d1ec}.writing-pad .actions button{font-weight:700}.free-writing-boxes .writing-surface{background:#fff7df}.writing-tabs{margin:24px 0 30px}footer{color:#365c26;background:linear-gradient(#b7e67a,#89c757);border:3px solid #6fb34e;border-bottom:8px solid #a87937;min-height:90px;padding:25px max(24px,50vw - 550px);font-weight:700;position:relative}footer:before{content:"✿  ✧  ✿";color:#fff2a8;text-shadow:1px 2px #8e8c2c;font-size:30px;position:absolute;top:-20px;right:35px}.one-scene{background:linear-gradient(120deg,#d9bcff,#f6ddff);border:4px solid #b36cdd;border-radius:30px;grid-template-columns:1.4fr 1fr;align-items:center;display:grid;overflow:hidden;box-shadow:0 7px #8b4ba933}.one-scene>img{width:100%;height:auto;display:block}.one-greeting{text-align:center;padding:18px}.one-greeting>p:first-child{color:#a060af;letter-spacing:2px;font-size:12px;font-weight:700}.one-greeting h1{margin:7px 0;font-size:32px}.one-greeting h1 span{color:#a73ddd;text-shadow:2px 3px #fff,4px 6px #efc73a;font-size:95px;line-height:1.1;display:block}.one-greeting p{color:#71408e;font-weight:700;line-height:1.6}.one-invitation{text-align:center;color:#9943a6;margin:26px 0;font-size:24px;font-weight:700}.book-panel{border:4px solid var(--accent);background:linear-gradient(135deg,#fff5dd,var(--tint));border-radius:30px;margin:28px 0;padding:0 22px 22px;box-shadow:inset 0 0 0 5px #fff8,0 7px #98699c26}.book-panel h2{background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent),#552670 15%));color:#fff;text-shadow:0 2px #682d6755;border-bottom:3px solid #fff4b5;border-radius:24px 24px 18px 18px;align-items:center;gap:14px;margin:0 -22px 20px;padding:12px 22px;font-size:29px;display:flex}.book-panel h2>span{text-align:center;background:#fff2;border:3px solid #fff8c7;border-radius:50%;min-width:55px;font-size:40px}.book-panel h2 b{color:#ffdf43;text-shadow:1px 3px #c58c18;margin-left:auto}.book-panel>p{color:#69447d;font-weight:700;line-height:1.6}.purple{--accent:#a04cce;--tint:#f1dfff}.one-star-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.one-star-card{background:#fff8e4;border:2px solid #ef83bc;border-radius:22px;flex-direction:column;align-items:center;gap:14px;padding:12px 7px;display:flex}.one-star-card>button{background:#fff5cc;border:2px solid #0000;border-radius:18px;width:100%;min-height:85px;padding:5px;position:relative}.one-star-card>button.touched{border-color:#40b568}.one-star-card>button:disabled{opacity:1}.one-star-card img{border-radius:15px;width:100%;max-width:80px;height:auto}.one-star-card>button b{color:#fff;background:#29ab66;border-radius:50%;padding:3px 6px;position:absolute;top:0;right:0}.one-mini-choices{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.one-mini-choices button{color:#4b65a0;background:#dcf4ff;border:2px solid #91c6e5;border-radius:9px;min-width:32px;min-height:39px;padding:3px;font-size:21px;font-weight:700}.one-answer{color:#923ac2;text-align:center;background:#f7eaff;border:2px dashed #62aee0;border-radius:15px;width:70%;font-size:40px}.one-section-note{font-size:14px}.one-linking{grid-template-columns:100px 60px 1fr;align-items:center;gap:8px;display:grid}.one-number-card{background:#f6dfff;border:3px dashed #cd81d8;border-radius:20px;padding:10px}.one-number-card img{border-radius:12px;width:100%;height:auto;display:block}.one-number-card[aria-pressed=true]{border-style:solid;border-color:#a44ad3;box-shadow:0 0 0 4px #ecc0ff}.link-trail{color:#5ab5d9;white-space:nowrap;font-size:27px}.connected .link-trail{color:#249c61}.one-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.one-groups>button{background:#e9faff;border:3px solid #4eb5da;border-radius:22px;flex-wrap:wrap;justify-content:center;align-items:center;min-height:130px;padding:10px;display:flex;position:relative}.one-groups img{border-radius:10px;width:47px;max-width:48%}.one-groups b{color:#fff;background:#23a165;border-radius:50%;padding:4px 9px;position:absolute;top:-12px;right:-5px}.one-groups button[aria-pressed=true]{background:#e4ffcc;border-color:#39b469}.one-applies{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.one-applies>button{background:#fff8d9;border:3px solid #97ca76;border-radius:25px;flex-direction:column;align-items:center;padding:12px;display:flex}.one-applies>button>div{flex-wrap:wrap;justify-content:center;align-items:center;min-height:120px;display:flex}.one-applies img{border-radius:15px;width:65px;max-width:48%;height:auto}.one-mark{color:#b644a5;border:3px dashed #7c91c5;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:30px;font-weight:700;display:flex}.one-applies button[aria-pressed=true]{background:#e6ffc9;border-color:#28a35a}.one-feedback{position:relative}.one-next{flex-wrap:wrap;justify-content:center;gap:15px;margin:28px 0;display:flex}@media (width>=1500px){body{background-size:auto}main{box-shadow:0 0 0 8px #fff8,0 15px 40px #3c899932}}@media (width<=1000px){header{flex-direction:column;gap:15px;margin:12px 15px 0;padding:14px}nav{justify-content:center;width:100%}.hero h1{font-size:48px}.trainer-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.one-linking{grid-template-columns:80px 35px 1fr}.one-groups img{width:40px}.link-trail{font-size:19px}}@media (width<=750px){main{border-width:4px;border-radius:27px;margin:16px 12px 24px;padding:24px 18px 40px}.hero{gap:20px;padding:22px}.hero h1{font-size:43px}.hero-art{max-width:260px}.intro{font-size:17px}.one-scene{grid-template-columns:1fr}.one-greeting{padding:12px}.one-greeting h1 span{vertical-align:middle;margin-left:10px;font-size:55px;display:inline}.one-greeting p{margin:8px}.one-greeting>p:first-child{display:none}.one-star-row{gap:7px}.one-star-card{border-radius:16px;padding:7px 3px}.one-mini-choices button{min-width:26px;padding:2px;font-size:17px}.one-linking{grid-template-columns:65px 25px 1fr;gap:5px}.one-groups{gap:6px}.one-groups>button{min-height:105px;padding:7px}.one-groups img{width:34px}.one-applies{gap:8px}.one-applies>button{padding:8px}.one-applies img{width:45px}.one-applies>button>div{min-height:100px}.book-panel h2{font-size:23px}.book-panel h2>span{min-width:43px;font-size:31px}.one-invitation{font-size:20px}.wood-heading h1{font-size:39px}.trainer .activity,.writing-workshop .activity{padding:20px}.section-ribbon{font-size:23px}.activity h2{font-size:27px}.one-star-card>button{min-height:65px}header nav button{padding:10px 12px;font-size:13px}}@media (width<=480px){.hero{grid-template-columns:1fr;padding:21px}.hero h1{font-size:43px}.hero-art{max-width:225px;margin:12px auto 20px}.hero:after{display:none}.welcome{align-items:center;padding:20px}.page-title{font-size:32px}.experience-card{padding:18px 14px}.experience-card h2{font-size:21px}.experience-number{min-width:53px;padding:10px;font-size:23px}.trainer-menu{grid-template-columns:1fr}.activity{padding:20px 16px}.number-library{padding:17px 12px}.companion-grid{gap:12px}.companion-grid>button>span{font-size:13px}.one-star-row{grid-template-columns:repeat(3,minmax(0,1fr))}.one-linking{grid-template-columns:65px 24px 1fr}.one-groups{grid-template-columns:1fr}.one-groups>button{min-height:73px}.one-groups img{width:39px;max-width:30%}.one-applies img{width:40px}.one-applies>button>div{min-height:125px}.book-panel{border-width:3px;padding:0 14px 18px}.book-panel h2{margin:0 -14px 16px;padding:12px 13px;font-size:22px}.book-panel h2 b{font-size:24px}.one-greeting h1{font-size:28px}.choices button{min-width:47px;font-size:27px}.achievement-row{padding:15px}.wood-heading{padding:19px}.one-answer{font-size:33px}.primary+.primary{margin-left:0}nav{gap:8px}header nav button{min-height:44px;font-size:12px}.number-medallion{min-width:73px;font-size:50px}.hero-copy{padding:0}.challenge-intro{padding:22px}.free-writing-boxes{gap:20px}}@media (prefers-reduced-motion:reduce){button{transition:none}.experience-card:hover{transform:none}}.one-applies>button>div{width:100%}.one-applies>button:first-child img{width:110px;max-width:85%}.one-scene>img{object-fit:cover;align-self:stretch}.one-star-row button{min-height:44px}.one-mini-choices button{min-width:38px;min-height:44px}.one-groups>button[aria-pressed=true]{box-shadow:inset 0 0 0 3px #ace989}.one-section-note{margin-bottom:0}footer{background:#8fc75d url(/images/universe/jardin-original.png) 50%/cover no-repeat;border-color:#86aa42;padding-top:32px;padding-bottom:32px}footer>span{background:#efffd9ed;border:2px solid #bad487;border-radius:19px;padding:10px 15px}main:before{content:"";mix-blend-mode:multiply;background:url(/images/universe/estrella-1.png) 50%/contain no-repeat;border-radius:50%;width:38px;height:36px}main:after{content:"";pointer-events:none;mix-blend-mode:multiply;background:url(/images/universe/estrella-1.png) 50%/contain no-repeat;border-radius:50%;width:28px;height:27px;position:absolute;bottom:13px;left:18px}@media (width<=480px){.one-mini-choices button{min-width:29px;font-size:17px}.one-applies>button:first-child img{width:82px}.one-scene>img{object-fit:contain}.hero h1{font-size:40px}.companion-grid .number-companion{padding:3px}}.response-correct{outline-offset:3px;outline:4px solid #f6c938!important;animation:.8s ease-out response-cheer!important}.response-retry{animation:.36s ease-out response-bounce!important}.response-stars{z-index:10000;pointer-events:none;color:#ffce25;text-shadow:0 2px #ba7500,0 0 9px #fff;white-space:nowrap;font-size:38px;animation:.85s ease-out forwards response-stars;position:fixed;transform:translate(-50%)}@keyframes response-cheer{0%,to{filter:brightness()}35%{filter:brightness(1.2);scale:1.025}}@keyframes response-bounce{0%,to{translate:0}25%{translate:-6px}60%{translate:4px}80%{translate:-2px}}@keyframes response-stars{0%{opacity:0;translate:0 8px}25%{opacity:1}to{opacity:0;translate:0 -48px}}@media (prefers-reduced-motion:reduce){.response-correct,.response-retry,.response-stars{animation:none!important}.response-stars{font-size:30px}}.exercise-celebration{z-index:9000;text-align:center;box-sizing:border-box;pointer-events:none;color:#84389c;background:linear-gradient(135deg,#fff3a9,#ffe1f3);border:4px solid #e8aa37;border-radius:32px;flex-direction:column;align-items:center;gap:8px;width:370px;max-width:calc(100vw - 32px);padding:18px 32px;animation:.35s ease-out completion-arrive;display:flex;position:fixed;bottom:110px;left:50%;translate:-50%;box-shadow:0 7px #bd7e35,0 0 45px #ffd45d88}.exercise-celebration strong{font-size:30px;line-height:1.2}.exercise-celebration>span:last-child{color:#745137;font-size:17px;font-weight:700}.completion-sparkles{color:#f2b31c;text-shadow:0 2px #b77d23,0 0 10px #fff;font-size:34px;animation:1s ease-in-out 2 completion-sparkles}.exercise-celebrating .number-companion img,.exercise-celebrating .one-scene>img,.exercise-celebrating .truck-card.matched img{animation:.65s ease-in-out 3 completion-character}.completion-glow{outline-offset:4px;outline:4px solid #ffcc3b!important}.completion-mascot{object-fit:contain;background:0 0;width:100px;height:72px;animation:.65s ease-in-out 3 completion-character;display:block}@keyframes completion-arrive{0%{scale:.94}to{scale:1}}@keyframes completion-sparkles{0%,to{opacity:.75;scale:1}50%{opacity:1;scale:1.13}}@keyframes completion-character{0%,to{translate:0;rotate:0deg}35%{translate:0 -7px;rotate:-2deg}65%{translate:0 -3px;rotate:2deg}}@media (width<=520px){.exercise-celebration{width:310px;padding:17px 20px;bottom:118px}.exercise-celebration strong{font-size:26px}}@media (prefers-reduced-motion:reduce){.exercise-celebration,.completion-mascot,.completion-sparkles,.exercise-celebrating .number-companion img,.exercise-celebrating .one-scene>img,.exercise-celebrating .truck-card.matched img{animation:none!important}}.audio-controls{text-align:center;color:#733b82;z-index:50;flex:none;position:relative}.sound-shortcuts{justify-content:center;align-items:center;gap:8px;display:flex}.sound-shortcuts button{color:#713195;background:linear-gradient(#f6e0ff,#d8a9f4);border:3px solid #fff2af;border-radius:18px;min-height:45px;padding:9px 13px;font-size:14px;font-weight:700;box-shadow:0 4px #a365bf}.sound-shortcuts .sound-mute{background:linear-gradient(#fff5bc,#ffdb65);min-width:49px;padding:5px 8px;font-size:22px;box-shadow:0 4px #bc8932}.sound-mute[aria-pressed=true]{background:linear-gradient(#e6dcf1,#cdbce0);border-color:#a882bc}.sound-status{margin-top:6px;font-size:10px;font-weight:700;line-height:1.5;display:block}.sound-panel{overscroll-behavior:contain;text-align:left;color:#633c7d;z-index:100;scrollbar-width:thin;background:linear-gradient(150deg,#fff3c0,#f7e0fc);border:4px solid #b775cc;border-radius:29px;width:365px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 155px);padding:18px;position:fixed;top:135px;right:max(18px,50vw - 620px);overflow-y:auto;box-shadow:0 9px #78449144,0 15px 50px #39234f55}.sound-panel-heading{background:repeating-linear-gradient(0deg,#0000 0 14px,#9456210c 15px 17px),linear-gradient(#ffdfa2,#efbe78);border:2px solid #d39d4a;border-radius:19px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.sound-panel h2{color:#7b3996;text-shadow:1px 1px #fff3bd;margin:0;font-size:20px;line-height:1.3}.sound-close{color:#8c378c;background:#fff2c3;border:2px solid #cc96ba;border-radius:14px;flex-shrink:0;width:39px;height:39px;font-size:27px}.sound-welcome{text-align:center;color:#ad558e;margin:15px 0;font-size:14px;font-weight:700}.master-volume{background:#ffe9a2;border:2px solid #e4b859;border-radius:20px;margin-bottom:13px;padding:14px}.volume-label{justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.volume-label output{text-align:center;color:#855c30;background:#fff7db;border:1px solid #d2b36c;border-radius:13px;min-width:49px;padding:4px 7px}.sound-channel{background:#ffe0ef;border:2px solid #eaa6cc;border-radius:20px;margin:12px 0;padding:13px}.sound-channel.voice{background:#e0f3ff;border-color:#91c5e3}.sound-channel.music{background:#e5f4d1;border-color:#a2cd7c}.channel-heading{justify-content:space-between;align-items:center;gap:9px;display:flex}.channel-heading h3{margin:0;font-size:15px;line-height:1.4}.sound-channel p{color:#765e82;margin:7px 0 10px;font-size:11px;line-height:1.5}.sound-switch{cursor:pointer;align-items:center;min-width:65px;min-height:44px;display:inline-flex;position:relative}.sound-switch input{appearance:none;cursor:pointer;background:#c0adc7;border:2px solid #9b78af;border-radius:25px;width:63px;height:34px;margin:0;box-shadow:inset 0 2px 3px #6c447b33}.sound-switch input:before{content:"";background:#fff9d5;border-radius:50%;width:24px;height:24px;transition:transform .15s;display:block;position:absolute;top:10px;left:5px;box-shadow:0 2px #69477c33}.sound-switch input:checked{background:#a360d4;border-color:#8249b0}.sound-switch input:checked:before{transform:translate(28px)}.sound-switch span{color:#624478;pointer-events:none;font-size:10px;font-weight:700;position:absolute;top:15px;left:31px}.sound-switch input:checked+span{color:#fff;left:8px}.sound-panel input[type=range]{accent-color:#b240be;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:32px;margin:8px 0 0}.sound-panel input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#e9b2ec,#ffc85d);border:1px solid #cf9aaf;border-radius:15px;height:9px}.sound-panel input[type=range]::-webkit-slider-thumb{appearance:none;border-radius:50%;width:24px;height:24px;margin-top:-8px}.sound-panel input:focus-visible,.sound-panel button:focus-visible{outline-offset:4px;outline:3px solid #833ab0}.sound-panel-actions{flex-direction:column;gap:12px;margin:16px 0 12px;display:flex}.sound-panel-actions .primary{border-radius:20px;margin:0;padding:11px 14px;font-size:14px}.sound-pause{color:#78418e;background:#f8e5ff;border:2px solid #c99ad9;border-radius:17px;min-height:44px;padding:11px;font-size:13px;font-weight:700}.sound-panel-state{text-align:center;background:#fff5c7;border-radius:15px;margin:0;padding:11px;font-size:12px;font-weight:700;line-height:1.6}.sound-footnote{color:#8a6489;text-align:center;margin:11px 0 0;font-size:11px;line-height:1.5}@media (width>=1001px){header{gap:14px}.audio-controls{margin-left:auto}}@media (width<=1000px){.audio-controls{width:100%}.sound-status{margin-left:12px;display:inline}.sound-shortcuts{display:inline-flex}.sound-panel{max-height:calc(100dvh - 36px);top:18px;right:18px}}@media (width<=480px){.sound-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:14px;top:12px;right:12px}.sound-status{font-size:11px}.sound-shortcuts button{min-height:44px}.sound-panel h2{font-size:20px}.sound-channel{padding:13px}.channel-heading h3{font-size:14px}}.audio-controls{z-index:80;background:linear-gradient(#fff0bc,#ffe0a5);border:3px solid #d49c4d;border-radius:24px;max-width:calc(100vw - 24px);padding:8px 12px;position:fixed;top:auto;bottom:18px;right:20px;box-shadow:0 5px #af753a,0 9px 25px #58407133;width:auto!important}.sound-status{margin:6px 0 0!important;display:block!important}.sound-panel{max-height:calc(100dvh - 128px);top:auto;bottom:108px;right:20px}.sound-panel-heading{z-index:2;position:sticky;top:-18px}.sound-panel input[type=range]{min-height:38px}@media (width<=1000px){.audio-controls{bottom:16px;right:16px}.sound-panel{max-height:calc(100dvh - 124px);top:auto;bottom:106px;right:16px}}@media (width<=480px){.audio-controls{padding:7px 10px;bottom:12px;right:12px}.sound-panel{max-height:calc(100dvh - 24px);top:12px;bottom:auto;right:12px}.sound-panel-heading{top:-14px}}.voice-now{color:#774394;text-align:center;background:#fff2b5;border-radius:14px;margin-top:5px;padding:5px 10px;font-size:13px;font-weight:700;display:block}.voice-preview{background:#f6e5ff;border:2px solid #ce9ce6;border-radius:22px;margin:16px 0;padding:15px}.voice-preview h3{color:#8238a2;margin:0 0 12px;font-size:18px}.voice-preview>div{flex-wrap:wrap;gap:9px;display:flex}.voice-preview button{color:#744694;background:#fff2b3;border:2px solid #d9b95c;border-radius:15px;min-height:44px;padding:10px 12px;font-size:14px}.voice-preview button:disabled{opacity:.55}.voice-preview p{margin:10px 0 0;font-size:14px}.account-login{max-width:620px;margin:2rem auto;padding:16px}.account-brand{width:min(100%,400px);height:auto;margin:auto;display:block}.account-card{background:linear-gradient(120deg,#fff4c7,#ffe6ed);border:3px solid #dba1db;border-radius:28px;max-width:850px;margin:24px auto;padding:clamp(18px,4vw,32px);box-shadow:0 7px #e8c5d0}.account-card form{gap:18px;display:grid}.account-card label,.admin-actions label{gap:7px;font-weight:700;display:grid}.account-card input,.account-card select,.admin-actions input{font:inherit;color:#172466;box-sizing:border-box;background:#fffdf3;border:2px solid #ac70c4;border-radius:13px;min-width:0;max-width:100%;min-height:46px;padding:9px}.account-card button{margin:5px}.account-toolbar{color:#172466;background:#fff0bc;border-bottom:2px solid #efb457;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:9px 3%;display:flex}.account-toolbar>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.account-toolbar button{padding:8px 12px;font-size:.85rem}.account-toolbar a{color:#54308a}.admin-panel{max-width:1300px;margin:auto;padding:clamp(12px,3vw,32px)}.admin-summary{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.admin-summary article{text-align:center;background:#f7ddfa;border:2px solid #d9a2dc;border-radius:22px;gap:8px;padding:20px;display:grid}.admin-summary strong{color:#713ba1;font-size:2rem}.admin-actions{flex-wrap:wrap;align-items:end;gap:15px;margin:24px 0;display:flex}.admin-actions label{flex:1;min-width:200px}.admin-table{background:#fff9df;border:2px solid #e0a1cb;border-radius:18px;overflow-x:auto}.admin-table table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #edd2ba;padding:12px}.admin-table th{background:#efe0ff}.admin-table small{margin-top:6px;display:block}.row-actions{flex-wrap:wrap;gap:6px;min-width:180px;display:flex}.row-actions button{padding:7px;font-size:.8rem}.account-card dl>div{flex-wrap:wrap;gap:20px;margin:12px 0;display:flex}.account-card dt{min-width:130px;font-weight:700}.account-card dd{overflow-wrap:anywhere;margin:0}.sync-status{text-align:center;background:#fff2b8;padding:10px}.credentials strong{overflow-wrap:anywhere}@media (width<=650px){.admin-summary{grid-template-columns:repeat(2,1fr)}.account-toolbar{font-size:.85rem}.account-card{margin:16px 10px}.account-login .account-card{margin:16px 0}.account-toolbar button{min-height:40px}}.pwa-controls{text-align:center;background:#e6f6ff;border-top:2px solid #a2d8f0;padding:12px 4%}.pwa-controls button{min-height:44px;margin:5px;padding:10px 16px;font-size:.9rem}.pwa-controls p{max-width:700px;margin:8px auto}html,body,img{max-width:100%}button,input,textarea,select{touch-action:manipulation}.spanish-plus textarea,.spanish-plus input{box-sizing:border-box;max-width:100%}.plus-skip{border-top:2px dashed #ddb3d6;margin-top:15px;padding-top:12px}.plus-skip .small{max-width:600px}.plus-exercise .spanish-feedback{white-space:normal}.spanish-plus button{min-height:44px}.plus-skip button{color:#523572;background:#ecdefb;border:2px solid #c49bd5;border-radius:16px;padding:10px 16px}.plus-exercise>.spanish-feedback+button{color:#6b4c22;background:#fff0b8;border:2px solid #dfb45b;border-radius:16px;padding:10px 16px}
