:root{color:#3f3152;font-synthesis:none;text-rendering:optimizelegibility;--ink:#3f3152;--muted:#766a82;--primary:#b94fc2;--primary-dark:#7d318b;--aqua:#f06ca9;--sun:#ffc857;--success:#2cc970;--retry:#ff726c;--surface:#fff;--line:#dfe8f2;--radius:24px;--shadow:0 16px 42px #364a761f;background:#fff8fc;font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 7% 9%,#ffb1de52,#0000 23rem),radial-gradient(circle at 92% 30%,#cdb7ff4d,#0000 24rem),#fff8fc;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:4px solid #c44ebe45}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh;padding-bottom:calc(72px + env(safe-area-inset-bottom));background:radial-gradient(circle at 7% 9%,#ffb1de3d,#0000 23rem),radial-gradient(circle at 92% 30%,#cdb7ff3b,#0000 24rem),#fff8fc;transition:background .3s,color .3s;position:relative;overflow:hidden}.app-shell:before{content:"✦  ♡  ✦";z-index:0;color:#ce4fa11f;letter-spacing:.2em;pointer-events:none;font-size:clamp(32px,5vw,66px);position:fixed;top:16%;right:4%;transform:rotate(7deg)}.app-shell>*{position:relative}.app-shell.theme-boy{--ink:#243a56;--muted:#64758a;--primary:#3f83cf;--primary-dark:#245b99;--aqua:#39b9dc;background:radial-gradient(circle at 7% 9%,#80d0ff4a,#0000 23rem),radial-gradient(circle at 92% 30%,#85a8ff3b,#0000 24rem),#f5fbff}.theme-boy.app-shell:before{content:"✦  ★  ✦";color:#3682cd21}.theme-boy .brand-mark{background:linear-gradient(145deg,#62b4ef,#4771d2);box-shadow:0 9px 18px #336fbe40}.theme-boy .hero{background:radial-gradient(circle at 85% 10%,#ffffffa6 0 4px,#0000 5px),linear-gradient(125deg,#eaf7ff 0%,#eef2ff 56%,#f2fbff 100%)}.theme-boy .primary-button{background:linear-gradient(145deg,#4aaee5,#456ed0);box-shadow:0 10px 22px #3770bf3d,inset 0 -2px #1c417e33}.theme-boy .owl{background:linear-gradient(145deg,#68bdec 0%,#517bd6 60%,#3e56af 100%);box-shadow:inset -15px -18px 32px #1d38842b,inset 12px 11px 25px #ffffff2b,0 25px 42px #3160b442}.theme-boy .owl:before{background:#4871ccd6}.theme-boy .owl-ear{background:#537fd2}.theme-boy .owl-wing{background:#405eb8}.theme-boy .owl-belly{color:#2a509bc7;background:#dcecff}.theme-boy .owl-bow:before,.theme-boy .owl-bow:after{background:linear-gradient(145deg,#6fd8ef,#459be0)}.content-width{width:min(1180px,100% - 48px);margin-inline:auto}.sky-shape{z-index:-1;filter:blur(1px);pointer-events:none;border-radius:999px;position:fixed}.sky-shape-one{background:#ff89c729;width:190px;height:190px;top:38%;left:-95px}.sky-shape-two{background:#ab7eeb21;width:240px;height:240px;bottom:10%;right:-140px}.topbar{z-index:20;justify-content:space-between;align-items:center;gap:20px;width:min(1280px,100% - 32px);min-height:82px;margin:14px auto 0;padding:10px 18px;display:flex;position:relative}.brand{appearance:none;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:4px;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#e86bb9,#9b48c8);border-radius:16px 16px 16px 5px;place-items:center;width:48px;height:48px;font-size:25px;font-weight:900;display:grid;transform:rotate(-4deg);box-shadow:0 9px 18px #b746ac45}.brand>span:last-child{gap:1px;display:grid}.brand strong{letter-spacing:-.035em;font-size:19px}.brand small{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:800}.topbar-stats{align-items:center;gap:9px;display:flex}.level-pill,.stat-pill,.icon-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #d8e2eff2;box-shadow:0 7px 22px #364a7612}.level-pill{border-radius:17px;align-items:center;gap:9px;height:48px;padding:5px 13px 5px 6px;display:flex}.level-number{color:#fff;background:var(--primary);border-radius:12px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.level-pill>span:last-child{display:grid}.level-pill small{color:var(--muted);letter-spacing:.11em;font-size:8px;font-weight:800}.level-pill strong{font-size:13px}.stat-pill{border-radius:17px;justify-content:center;align-items:center;gap:7px;min-width:72px;height:48px;padding:0 15px;font-size:18px;display:flex}.stat-pill strong{font-size:16px}.icon-button{cursor:pointer;border-radius:17px;width:48px;height:48px;font-size:19px;transition:transform .16s,border-color .16s}.icon-button:hover{border-color:#c9bff9;transform:translateY(-2px)}.hero{background:radial-gradient(circle at 85% 10%,#ffffffa6 0 4px,#0000 5px),linear-gradient(125deg,#fff0f8 0%,#f3edff 56%,#fff3ea 100%);border-radius:34px;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:46px;min-height:510px;margin-top:20px;padding:58px 62px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffb8,0 25px 60px #4b53911a}.hero:before,.hero:after{content:"";border:1px solid #6c5ce71f;border-radius:50%;position:absolute}.hero:before{width:320px;height:320px;top:-210px;left:38%}.hero:after{width:160px;height:160px;bottom:-110px;right:5%}.hero-copy{z-index:2;position:relative}.eyebrow{color:var(--primary-dark);letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-weight:900}.hero h1{color:var(--ink);letter-spacing:-.055em;margin:13px 0 17px;font-size:clamp(43px,5vw,70px);line-height:.98}.hero h1 span{color:var(--primary)}.hero-copy>p{color:#5a6e88;max-width:590px;margin:0;font-size:17px;line-height:1.65}.daily-goal{max-width:540px;margin-top:29px}.daily-goal-label{justify-content:space-between;align-items:end;gap:16px;margin-bottom:9px;display:flex}.daily-goal-label>span{align-items:baseline;gap:10px;display:flex}.daily-goal-label strong{font-size:14px}.daily-goal-label small{color:var(--muted);font-size:12px;font-weight:700}.goal-done{color:#15875c}.progress-track{background:#ffffffd9;border-radius:999px;width:100%;height:12px;overflow:hidden;box-shadow:inset 0 1px 3px #37486e1a}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--aqua), #58dfbe);height:100%;transition:width .55s cubic-bezier(.2,.7,.2,1);display:block}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:29px;display:flex}.primary-button,.secondary-button,.listen-button,.mic-button,.danger-button{cursor:pointer;border:0;border-radius:17px;justify-content:center;align-items:center;gap:12px;min-height:53px;padding:0 23px;font-weight:850;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(145deg,#d65bb8,#9747c4);box-shadow:0 10px 22px #b143ab40,inset 0 -2px #5b237538}.primary-button:hover,.secondary-button:hover,.listen-button:hover,.mic-button:hover{transform:translateY(-2px)}.primary-button:active,.secondary-button:active,.listen-button:active,.mic-button:active{transform:translateY(1px)scale(.985)}.primary-button:disabled,.secondary-button:disabled{opacity:.4;box-shadow:none;transform:none}.secondary-button{color:var(--primary-dark);background:#f0edff;border:1px solid #d7d0ff;box-shadow:inset 0 -2px #6c5ce714}.text-button,.danger-text-button{min-height:45px;color:var(--primary-dark);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0 5px;font-weight:800;-webkit-text-decoration:underline #4f3dc542;text-decoration:underline #4f3dc542}.text-button:hover{text-decoration-color:currentColor}.mascot-stage{place-items:center;height:380px;display:grid;position:relative}.speech-cloud{z-index:4;background:#fff;border-radius:22px 22px 22px 5px;align-content:center;width:150px;min-height:77px;padding:15px 18px;display:grid;position:absolute;top:6px;right:0;transform:rotate(3deg);box-shadow:0 13px 35px #3c487a21}.speech-cloud strong{color:var(--primary);font-size:18px}.speech-cloud span{color:var(--muted);margin-top:2px;font-size:11px}.owl{z-index:3;background:linear-gradient(145deg,#d870c6 0%,#a34bc2 60%,#79389b 100%);border-radius:46% 46% 43% 43%/38% 38% 58% 58%;width:245px;height:280px;animation:3.6s ease-in-out infinite float;position:relative;box-shadow:inset -15px -18px 32px #5c1d702e,inset 12px 11px 25px #ffffff2b,0 25px 42px #9d3b9445}.owl:before{content:"";background:#a246b7d1;border-radius:50%;width:210px;height:118px;position:absolute;top:30px;left:17px}.owl-ear{z-index:-1;background:#a64dbd;border-radius:18px;width:70px;height:90px;position:absolute;top:-16px}.owl-ear-left{left:10px;transform:rotate(-23deg)}.owl-ear-right{right:10px;transform:rotate(23deg)}.owl-bow{z-index:8;width:54px;height:28px;position:absolute;top:-13px;right:20px;transform:rotate(12deg)}.owl-bow:before,.owl-bow:after{content:"";background:linear-gradient(145deg,#ff83bd,#ec4d9d);border-radius:55% 45%;width:31px;height:25px;position:absolute;top:1px;box-shadow:inset 0 -3px #991f6326}.owl-bow:before{left:0;transform:rotate(18deg)}.owl-bow:after{right:0;transform:scaleX(-1)rotate(18deg)}.owl-bow span{z-index:2;background:#ffd166;border-radius:50%;width:17px;height:17px;position:absolute;top:6px;left:19px;box-shadow:0 2px #78410c26}.owl-eye{z-index:2;background:#fff;border-radius:50%;place-items:center;width:91px;height:91px;display:grid;position:absolute;top:40px;box-shadow:inset 0 -8px #ece9ff,0 3px #231b671f}.owl-eye-left{left:28px;transform:rotate(4deg)}.owl-eye-right{right:28px;transform:rotate(-4deg)}.owl-eye span{background:#24344e;border-radius:50%;width:38px;height:43px;position:relative;box-shadow:inset 0 -5px #172338}.owl-eye span:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;position:absolute;top:7px;left:7px}.owl-beak{z-index:5;background:linear-gradient(#ffd56d,#f9a629);border-radius:6px 6px 19px 19px;width:32px;height:31px;position:absolute;top:112px;left:calc(50% - 16px);transform:rotate(45deg);box-shadow:3px 3px #8f530a1c}.owl-belly{color:#7e308bc2;letter-spacing:.08em;background:#f7dff5;border-radius:50% 50% 44% 44%;place-items:center;width:140px;height:118px;font-size:16px;font-weight:950;display:grid;position:absolute;bottom:17px;left:calc(50% - 70px)}.owl-wing{z-index:-1;background:#8b3ba6;border-radius:70% 30% 70% 35%;width:80px;height:150px;position:absolute;top:110px}.owl-wing-left{animation:3.6s ease-in-out infinite wave;left:-42px;transform:rotate(24deg)}.owl-wing-right{right:-37px;transform:scaleX(-1)rotate(15deg)}.owl-foot{z-index:-1;background:#f7ae39;border-radius:50%;width:62px;height:20px;position:absolute;bottom:-8px}.owl-foot-left{left:45px;transform:rotate(-5deg)}.owl-foot-right{right:45px;transform:rotate(5deg)}.mascot-shadow{filter:blur(6px);background:#3d328821;border-radius:50%;width:220px;height:35px;animation:3.6s ease-in-out infinite shadowPulse;position:absolute;bottom:18px}.sparkle{color:#f7b52e;font-size:30px;animation:2.3s ease-in-out infinite twinkle;position:absolute}.sparkle-one{top:28%;left:4%}.sparkle-two{font-size:21px;animation-delay:-.9s;bottom:18%;right:4%}.worlds-section{padding:85px 0 45px}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px;display:flex}.section-heading h2,.page-heading h1{color:var(--ink);letter-spacing:-.04em;margin:7px 0 0;font-size:clamp(30px,4vw,45px);line-height:1.1}.section-heading>p{color:var(--muted);margin:0 0 5px;font-size:14px}.world-grid{grid-template-columns:repeat(6,1fr);gap:18px;display:grid}.world-card{min-height:285px;color:var(--ink);text-align:left;cursor:pointer;animation:.48s both cardIn;animation-delay:var(--delay);background:#fff;border:1px solid #dae4f0f2;border-radius:25px;flex-direction:column;grid-column:span 2;align-items:stretch;padding:23px;transition:transform .19s,box-shadow .19s,border-color .19s;display:flex;position:relative;overflow:hidden;box-shadow:0 11px 28px #3a4b7214}.world-card:nth-child(4),.world-card:nth-child(5){grid-column:span 3;min-height:250px}.world-card:before{content:"";background:var(--pale);border-radius:50%;width:180px;height:180px;transition:transform .3s;position:absolute;top:-95px;right:-90px}.world-card:hover{z-index:1;border-color:var(--accent);transform:translateY(-6px);box-shadow:0 22px 42px #3a4b7224}.world-card:hover:before{transform:scale(1.18)}.world-icon{background:var(--pale);border-radius:22px;place-items:center;width:76px;height:76px;font-size:42px;display:grid;position:relative;transform:rotate(-3deg)}.world-card-copy{z-index:1;gap:4px;margin-top:19px;display:grid;position:relative}.world-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.world-card-copy strong{letter-spacing:-.035em;font-size:23px}.world-card-copy small{min-height:44px;color:var(--muted);margin-top:5px;font-size:13px;line-height:1.55}.world-card-footer{z-index:1;border-top:1px solid #edf2f7;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex;position:relative}.new-tag,.completed-tag{color:var(--accent);background:var(--pale);letter-spacing:.07em;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900}.round-arrow{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:32px;height:32px;font-size:17px;transition:transform .18s;display:grid}.world-card:hover .round-arrow{transform:translate(3px)}.word-day-card{background:linear-gradient(120deg, white, var(--pale));border:1px solid #d9e2efe6;border-radius:26px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:20px;margin-bottom:55px;padding:22px 27px;display:grid;box-shadow:0 12px 34px #3a4b7214}.word-day-icon{background:#fff;border-radius:22px;place-items:center;width:80px;height:80px;font-size:43px;display:grid;box-shadow:0 8px 22px #3649701a}.word-day-card h2{color:var(--accent);letter-spacing:-.03em;margin:3px 0 1px;font-size:31px}.word-day-card p{color:var(--muted);margin:0;font-size:13px}.listen-button{color:var(--primary-dark);background:#eeebff;border:1px solid #d8d0ff}.listen-button.compact{min-height:48px}.bottom-nav{z-index:40;min-width:280px;height:64px;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #d5deecf2;border-radius:22px;gap:3px;padding:5px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 15px 40px #2e3a5e30}.bottom-nav button{color:#718198;cursor:pointer;background:0 0;border:0;border-radius:17px;place-content:center;gap:1px;width:86px;display:grid}.bottom-nav button span{filter:grayscale(.9);font-size:19px}.bottom-nav button small{font-size:9px;font-weight:850}.bottom-nav button.active{color:var(--primary-dark);background:#efedff}.bottom-nav button.active span{filter:none}.lesson-page{padding:25px 0 60px}.lesson-topline{grid-template-columns:1fr minmax(240px,430px) 1fr;align-items:center;gap:25px;min-height:52px;display:grid}.back-button{color:#60738d;cursor:pointer;background:0 0;border:0;justify-self:start;padding:10px 5px;font-weight:800}.back-button span{margin-right:5px}.lesson-progress{gap:8px;display:flex}.lesson-progress span{background:#dfe7f0;border-radius:999px;flex:1 1 0;min-width:0;height:7px;transition:background .3s,transform .3s}.lesson-progress span.done{background:var(--aqua)}.lesson-progress span.active{background:var(--primary);transform:scaleY(1.45)}.round-stars{color:#775c13;background:#fff9e7;border:1px solid #ecdca8;border-radius:999px;justify-self:end;padding:8px 13px;font-size:13px;font-weight:850}.lesson-layout{grid-template-columns:82px minmax(0,850px);justify-content:center;align-items:start;gap:22px;margin-top:25px;display:grid}.mission-rail{background:#ffffffc7;border:1px solid #e0e8f1;border-radius:25px;flex-direction:column;align-items:center;min-height:350px;padding:13px 11px 18px;display:flex;box-shadow:0 12px 35px #3a4b7212}.mini-world-icon{border-radius:17px;flex:none;place-items:center;width:54px;height:54px;font-size:29px;display:grid}.mission-rail>span{color:#8492a6;letter-spacing:.12em;margin-top:15px;font-size:8px;font-weight:900}.mission-rail>strong{margin-top:2px;font-size:14px}.rail-line{background:#e9eff5;border-radius:999px;align-items:end;width:6px;height:180px;margin-top:18px;display:flex;overflow:hidden}.rail-line span{border-radius:inherit;width:100%;transition:height .4s}.lesson-card{min-height:690px;box-shadow:var(--shadow);background:#fffffff2;border:1px solid #dfe7f0;border-radius:30px;flex-direction:column;padding:38px 45px 0;animation:.38s both cardIn;display:flex}.challenge-header{text-align:center}.challenge-header h1{letter-spacing:-.045em;margin:8px 0 5px;font-size:clamp(29px,4vw,41px)}.challenge-header>p{color:var(--muted);margin:0;font-size:14px}.challenge-body{flex-direction:column;flex:1;justify-content:center;padding:28px 0 32px;display:flex}.big-sound-button{width:135px;height:135px;color:var(--primary-dark);cursor:pointer;background:linear-gradient(145deg,#f3f0ff,#dfd9ff);border:0;border-radius:50%;place-content:center;gap:2px;margin:0 auto 34px;transition:transform .18s;display:grid;position:relative;box-shadow:0 14px 28px #5744c72e,inset 0 -5px #6853dc17}.big-sound-button:hover{transform:scale(1.04)}.big-sound-button>span:not(.sound-ripple){font-size:40px}.big-sound-button small{letter-spacing:.08em;font-size:9px;font-weight:900}.sound-ripple{border:2px solid #6c5ce730;border-radius:50%;animation:2s ease-out infinite ripple;position:absolute;inset:-12px}.answer-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.answer-option{min-height:137px;color:var(--ink);cursor:pointer;background:#fff;border:2px solid #e0e8f1;border-radius:20px;place-items:center;gap:5px;padding:15px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 6px #edf1f6}.answer-option:hover:not(:disabled){border-color:#b9adf5;transform:translateY(-3px);box-shadow:0 9px #ebe8fd}.answer-option:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #edf1f6}.answer-option .option-emoji{font-size:49px}.answer-option strong{font-size:14px}.answer-option.wrong{opacity:.7;background:#fff2f1;border-color:#ffaaa6;animation:.35s shake;box-shadow:0 5px #ffd8d6}.answer-option.correct{border-color:var(--success);background:#edfff6;animation:.42s pop;box-shadow:0 5px #c8f3df}.answer-mark{color:#fff;background:var(--success);border-radius:50%;place-items:center;width:25px;height:25px;font-size:13px;font-weight:900;display:grid;position:absolute;top:8px;right:8px}.wrong .answer-mark{background:var(--retry)}.focus-word{background:#f4f1ff;border:1px solid #ddd7ff;border-radius:25px;justify-content:center;align-items:center;gap:18px;min-width:320px;min-height:125px;margin:0 auto 34px;padding:18px 21px;display:flex}.focus-word>span{font-size:58px}.focus-word>strong{color:var(--primary-dark);letter-spacing:-.04em;font-size:clamp(34px,5vw,50px)}.round-listen{cursor:pointer;background:#fff;border:1px solid #d7d0ff;border-radius:14px;width:43px;height:43px}.text-option{text-align:left;grid-template-columns:auto 1fr;justify-items:start;min-height:88px}.text-option>span:first-child{font-size:25px}.text-option strong{font-size:15px}.spell-clue{min-width:min(390px,100%);margin-bottom:26px}.spell-clue>div{margin-right:auto;display:grid}.spell-clue>div small{color:var(--muted);font-size:14px}.spell-clue>div strong{color:var(--primary-dark);font-size:17px}.letter-answer{justify-content:center;gap:clamp(3px,1vw,8px);min-height:66px;display:flex}.letter-answer button,.letter-answer>span{width:auto;min-width:0;max-width:51px;height:58px;color:var(--primary-dark);text-transform:uppercase;background:#f2efff;border:2px solid #bdb0fa;border-radius:14px;flex:1 1 0;place-items:center;font-size:23px;font-weight:900;display:grid}.letter-answer button{cursor:pointer;animation:.22s pop}.letter-answer button:disabled{cursor:default}.letter-answer>span{background:0 0;border:0;border-bottom:3px solid #ced7e3;border-radius:0}.letter-bank{flex-wrap:wrap;justify-content:center;gap:9px;min-height:70px;margin-top:26px;display:flex}.letter-bank button{width:49px;height:52px;color:var(--ink);text-transform:uppercase;cursor:pointer;background:#fff;border:1px solid #d8e1eb;border-radius:14px;font-size:20px;font-weight:900;transition:transform .15s,opacity .15s;box-shadow:0 5px #e5ebf2}.letter-bank button:hover:not(:disabled){transform:translateY(-2px)}.letter-bank button:disabled{opacity:.12}.spell-actions{justify-content:center;align-items:center;gap:21px;margin-top:26px;display:flex}.text-button.small{min-height:40px;font-size:13px}.sentence-card{background:linear-gradient(125deg,#f8fbff,#f3f0ff);border:1px solid #d9e3ef;border-radius:25px;grid-template-columns:auto 1fr;align-content:center;align-items:center;gap:5px 19px;min-height:170px;padding:26px 76px 22px 28px;display:grid;position:relative}.sentence-card>span{grid-row:span 2;font-size:59px}.sentence-card p{color:var(--ink);letter-spacing:-.035em;margin:0;font-size:clamp(24px,4vw,37px);font-weight:850;line-height:1.15}.sentence-card small{color:var(--muted);font-size:13px}.sentence-card .round-listen{position:absolute;top:18px;right:18px}.word-options{margin-top:28px}.word-option{min-height:75px}.word-option strong{color:var(--primary-dark);font-size:18px}.speak-focus{place-items:center;display:grid}.speak-emoji{font-size:70px}.speak-focus>strong{color:var(--primary-dark);letter-spacing:-.045em;text-align:center;margin-top:5px;font-size:clamp(46px,7vw,68px);line-height:1}.speak-focus>small{color:var(--muted);margin:7px 0 20px;font-size:15px}.speak-mode-picture .speak-focus>strong,.speak-mode-gap .speak-focus>strong,.speak-mode-question .speak-focus>strong,.speak-mode-sentence .speak-focus>strong,.speak-mode-choice .speak-focus>strong,.speak-mode-code .speak-focus>strong{max-width:680px;font-size:clamp(27px,4vw,40px);line-height:1.15}.speak-mode-translate .speak-focus>strong{font-size:clamp(38px,6vw,58px)}.code-emojis{white-space:pre;font-size:58px}.voice-wave{justify-content:center;align-items:center;gap:5px;height:35px;margin:22px 0 15px;display:flex}.voice-wave span{background:#c8c0f8;border-radius:999px;width:5px;height:9px}.voice-wave.active span{background:var(--primary);animation:.7s ease-in-out infinite alternate voiceWave}.voice-wave.active span:nth-child(2),.voice-wave.active span:nth-child(6){animation-delay:-180ms}.voice-wave.active span:nth-child(3),.voice-wave.active span:nth-child(5){animation-delay:-350ms}.voice-wave.active span:nth-child(4){animation-delay:-500ms}.speak-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.spoken-button.encouraged{background:#fff0f8;border-color:#ee8bc1;box-shadow:0 0 0 4px #ee66af1f}.mic-button{color:#0d765f;background:#e8fbf6;border:1px solid #a9e8d9}.mic-button.listening{color:#a0322d;background:#fff0ef;border-color:#ffbbb7;animation:1.2s ease-in-out infinite micPulse}.speech-status{min-height:20px;color:var(--muted);text-align:center;opacity:0;margin:13px auto 0;font-size:12px}.speech-status.visible{opacity:1;background:#fff4fa;border-radius:12px;max-width:500px;padding:9px 12px}.feedback-bar{background:#f7f9fc;border-top:1px solid #e8eef4;border-radius:0 0 29px 29px;justify-content:space-between;align-items:center;gap:20px;min-height:91px;margin:0 -45px;padding:16px 28px;transition:background .22s;display:flex}.feedback-bar.visible:not(.success){background:#fff8e6;border-top-color:#f5dda2}.feedback-bar.success{background:#ecfff5;border-top-color:#bdeed6}.feedback-copy{align-items:center;gap:12px;display:flex}.feedback-icon{background:#fffc;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.success .feedback-icon{color:#fff;background:var(--success)}.feedback-copy>div{display:grid}.feedback-copy strong{font-size:14px}.feedback-copy small{color:#547064;margin-top:2px;font-size:11px}.feedback-placeholder{color:#8a98aa;font-size:12px}.next-button{flex:none;min-height:49px}.completion-page{place-items:center;min-height:720px;padding:35px 0 75px;display:grid;position:relative}.completion-card{z-index:2;text-align:center;background:#fffffff2;border:1px solid #e0e7f0;border-radius:34px;justify-items:center;width:min(620px,100%);padding:44px 52px;animation:.52s cubic-bezier(.2,.9,.3,1.2) both completionIn;display:grid;position:relative;box-shadow:0 25px 70px #3e477b29}.trophy{background:linear-gradient(145deg,#fff8cc,#ffe18b);border-radius:34px;place-items:center;width:115px;height:115px;margin:18px 0 14px;font-size:67px;display:grid;transform:rotate(-4deg);box-shadow:0 15px 30px #e1ad2538}.completion-card h1{color:var(--primary);letter-spacing:-.05em;margin:0;font-size:clamp(37px,6vw,52px);line-height:1}.completion-card>p{max-width:470px;color:var(--muted);margin:17px 0 24px;line-height:1.6}.result-stats{grid-template-columns:repeat(3,1fr);gap:11px;width:100%;display:grid}.result-stats>div{background:#f9fbfd;border:1px solid #e5ebf2;border-radius:19px;justify-items:center;padding:13px 8px;display:grid}.result-stats span{font-size:23px}.result-stats strong{margin-top:2px;font-size:21px}.result-stats small{color:var(--muted);font-size:10px}.unlock-note{color:#5e4b1a;text-align:left;background:#fff8de;border-radius:19px;align-items:center;gap:12px;width:100%;margin-top:16px;padding:13px 16px;display:flex}.unlock-note>span{font-size:29px}.unlock-note>div{display:grid}.unlock-note strong{font-size:13px}.unlock-note small{color:#88723d;margin-top:2px;font-size:11px}.completion-actions{flex-wrap:wrap;justify-content:center;gap:11px;margin-top:24px;display:flex}.confetti{pointer-events:none;height:470px;position:absolute;inset:10px 0 auto}.confetti i{width:10px;height:16px;left:calc(var(--i) * 4.7%);top:calc(var(--i) * -2px);background:hsl(calc(var(--i) * 39deg), 78%, 60%);transform:rotate(calc(var(--i) * 23deg));animation:2.8s ease-in infinite confettiFall;animation-delay:calc(var(--i) * -.13s);border-radius:3px;position:absolute}.library-page,.rewards-page,.settings-page{padding:55px 0 80px}.page-heading{max-width:700px;margin-bottom:32px}.page-heading>p{color:var(--muted);margin:12px 0 0;font-size:16px;line-height:1.6}.filter-tabs{scrollbar-width:thin;gap:8px;margin-bottom:38px;padding-bottom:7px;display:flex;overflow-x:auto}.filter-tabs button{min-height:43px;color:var(--muted);cursor:pointer;background:#fff;border:1px solid #dfe7f0;border-radius:14px;flex:none;padding:0 14px;font-size:12px;font-weight:800}.filter-tabs button.active{color:#fff;border-color:var(--primary);background:var(--primary)}.word-group{margin-bottom:40px}.word-group-heading{align-items:center;gap:12px;margin-bottom:16px;display:flex}.word-group-heading h2{letter-spacing:-.03em;margin:0;font-size:22px}.word-group-heading p{color:var(--muted);margin:1px 0 0;font-size:11px}.word-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.word-card{background:#fff;border:1px solid #e0e8f1;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:98px;padding:15px;transition:transform .16s,border-color .16s;display:grid;box-shadow:0 7px 22px #3a4b720f}.word-card:hover{border-color:var(--accent);transform:translateY(-2px)}.word-emoji{background:var(--pale);border-radius:16px;place-items:center;width:57px;height:57px;font-size:31px;display:grid}.word-card>div{display:grid}.word-card strong{color:var(--accent);font-size:19px}.word-card small{color:var(--muted);font-size:11px}.word-card button{cursor:pointer;background:#f8fafc;border:1px solid #e1e7ef;border-radius:13px;width:42px;height:42px}.stats-banner{background:linear-gradient(125deg,#6452dc,#7c6aec);border-radius:25px;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:27px;padding:21px;display:grid;box-shadow:0 16px 38px #523ec736}.stats-banner>div{color:#fff;border-right:1px solid #ffffff2e;place-content:center;justify-items:center;min-height:82px;display:grid}.stats-banner>div:last-child{border-right:0}.stats-banner span{font-size:20px}.stats-banner strong{font-size:22px}.stats-banner small{color:#ffffffc4;font-size:9px;font-weight:700}.sticker-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.sticker-card{text-align:center;background:#fff;border:1px solid #e0e8f1;border-radius:25px;flex-direction:column;align-items:center;min-height:280px;padding:25px;display:flex;box-shadow:0 10px 28px #3a4b7214}.sticker-card.locked{filter:saturate(.25);background:#f8fafc}.sticker-icon{background:linear-gradient(145deg,#fff3b8,#ffe17a);border-radius:28px;place-items:center;width:88px;height:88px;font-size:48px;display:grid;transform:rotate(-4deg);box-shadow:0 10px 25px #cb96172e}.locked .sticker-icon{box-shadow:none;background:#e9edf2}.sticker-state{color:#15906a;letter-spacing:.09em;margin-top:16px;font-size:9px;font-weight:900}.locked .sticker-state{color:#8593a5}.sticker-card h2{margin:7px 0 4px;font-size:18px}.sticker-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.mini-progress{background:#e8edf3;border-radius:999px;width:100%;height:6px;margin-top:auto;overflow:hidden}.mini-progress span{border-radius:inherit;background:var(--aqua);height:100%;display:block}.settings-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.settings-card{background:#fff;border:1px solid #e0e8f1;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:start;gap:15px;min-height:150px;padding:23px;display:grid;box-shadow:0 9px 25px #3a4b7212}.settings-icon{background:#f0edff;border-radius:16px;place-items:center;width:51px;height:51px;font-size:25px;display:grid}.settings-card h2{margin:1px 0 6px;font-size:18px}.settings-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.settings-card.info-card{grid-template-columns:auto 1fr}.switch{cursor:pointer;background:#cbd5e1;border:0;border-radius:999px;width:54px;height:31px;padding:3px;transition:background .18s;display:flex}.switch span{background:#fff;border-radius:50%;width:25px;height:25px;transition:transform .18s;box-shadow:0 2px 7px #1b284240}.switch.on{background:var(--aqua)}.switch.on span{transform:translate(23px)}.reset-card{grid-column:span 2;grid-template-columns:auto 1fr auto;align-items:center;min-height:115px}.danger-text-button{color:#b43d38}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#17213887;place-items:center;padding:22px;animation:.18s both fadeIn;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{text-align:center;background:#fff;border-radius:28px;justify-items:center;width:100%;min-width:0;max-width:470px;max-height:calc(100dvh - 44px);padding:32px;animation:.26s cubic-bezier(.2,.8,.3,1.1) both modalIn;display:grid;overflow-y:auto;box-shadow:0 30px 80px #0c142a4d}.modal-icon{background:#f0edff;border-radius:22px;place-items:center;width:72px;height:72px;font-size:36px;display:grid}.modal-card h2{letter-spacing:-.035em;margin:17px 0 9px;font-size:25px}.modal-card>p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.modal-actions{flex-wrap:wrap;justify-content:center;gap:13px;margin-top:24px;display:flex}.profile-backdrop{background:#381f438f}.profile-modal{background:radial-gradient(circle at 10% 8%,#ffc9e88c,#0000 9rem),radial-gradient(circle at 95% 15%,#d6c7ff80,#0000 10rem),#fff;border:1px solid #e88fc773;max-width:540px;padding:28px 34px 25px}.theme-boy .profile-modal{background:radial-gradient(circle at 10% 8%,#b9e6ff9e,#0000 9rem),radial-gradient(circle at 95% 15%,#bfd0ff85,#0000 10rem),#fff;border-color:#65afe373}.profile-stars{height:18px;color:var(--primary);letter-spacing:.35em;font-size:14px}.profile-modal .modal-icon{background:linear-gradient(145deg,#fff0fa,#eee8ff);border-radius:20px;width:62px;height:62px;margin:7px 0 10px;font-size:32px;box-shadow:0 9px 22px #ad4da921}.theme-boy .profile-modal .modal-icon{background:linear-gradient(145deg,#ecf9ff,#e8efff);box-shadow:0 9px 22px #4580bf21}.profile-modal h2{color:var(--primary-dark);margin:5px 0 6px;font-size:30px}.profile-name-field{text-align:left;gap:6px;width:100%;margin-top:17px;display:grid}.profile-name-field>span{color:var(--ink);font-size:12px;font-weight:850}.profile-name-field input{width:100%;height:51px;color:var(--ink);background:#ffffffe0;border:2px solid #eadfec;border-radius:16px;padding:0 16px;font-size:17px;font-weight:750}.profile-name-field input:focus{border-color:var(--primary)}.theme-picker{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;min-width:0;margin-top:14px;display:grid}.theme-picker button{cursor:pointer;text-align:left;background:#ffffffd4;border:2px solid #e3e8ef;border-radius:19px;grid-template-columns:auto 1fr;align-content:center;align-items:center;gap:0 10px;min-width:0;min-height:96px;padding:10px;transition:transform .16s,border-color .16s,background .16s;display:grid}.theme-picker button:hover{transform:translateY(-2px)}.theme-picker button.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, white);box-shadow:0 8px 20px color-mix(in srgb, var(--primary) 16%, transparent)}.theme-picker strong,.theme-picker small{grid-column:2}.theme-picker strong{align-self:end;font-size:15px}.theme-picker small{color:var(--muted);align-self:start;font-size:10px}.theme-preview{border-radius:16px;grid-row:span 2;place-items:center;width:52px;height:52px;font-size:25px;display:grid}.theme-preview-girl{background:linear-gradient(145deg,#ffe2f2,#efdcff)}.theme-preview-boy{background:linear-gradient(145deg,#dcf4ff,#dce6ff)}.profile-actions{width:100%;margin-top:15px}.profile-actions .primary-button{flex:auto}.privacy-mini{color:var(--muted);margin-top:12px;font-size:9px}.reset-field{text-align:left;gap:6px;width:100%;margin-top:19px;display:grid}.reset-field span{color:#53657c;font-size:11px;font-weight:800}.reset-field input{width:100%;height:52px;color:var(--ink);background:#fafbfd;border:2px solid #dbe3ed;border-radius:14px;padding:0 15px;font-size:18px;font-weight:800}.danger-button{color:#fff;background:#d94e48;box-shadow:0 8px 18px #bd342d33}.form-error{font-weight:700;color:#b23e38!important;margin-top:9px!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-12px)rotate(1deg)}}@keyframes shadowPulse{0%,to{opacity:.9;transform:scaleX(1)}50%{opacity:.65;transform:scaleX(.85)}}@keyframes wave{0%,to{transform:rotate(24deg)}48%{transform:rotate(39deg)}55%{transform:rotate(18deg)}}@keyframes twinkle{0%,to{opacity:.45;transform:scale(.75)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(20deg)}}@keyframes ripple{0%{opacity:0;transform:scale(.86)}35%{opacity:1}to{opacity:0;transform:scale(1.2)}}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.96)}50%{transform:scale(1.045)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}30%{transform:translate(-5px)}60%{transform:translate(5px)}}@keyframes voiceWave{0%{height:7px}to{height:32px}}@keyframes micPulse{0%,to{box-shadow:0 0 #ff726c00}50%{box-shadow:0 0 0 7px #ff726c21}}@keyframes completionIn{0%{opacity:0;transform:translateY(25px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(420px)rotate(520deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=980px){.hero{grid-template-columns:minmax(0,1.08fr) minmax(270px,.72fr);gap:20px;padding:47px 42px}.mascot-stage{transform:scale(.82)}.world-card{grid-column:span 3}.world-card:nth-child(5){grid-column:2/span 4}.answer-grid{grid-template-columns:repeat(2,1fr)}.answer-option{min-height:105px}.answer-option .option-emoji{font-size:40px}.word-grid,.sticker-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.app-shell{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.content-width{width:min(100% - 28px,620px)}.topbar{width:calc(100% - 16px);margin-top:6px;padding:8px}.brand-mark{width:43px;height:43px}.brand strong{font-size:16px}.brand small,.level-pill>span:last-child{display:none}.level-pill{width:45px;box-shadow:none;background:0 0;border:0;padding:4px}.level-number{width:37px;height:37px}.stat-pill{min-width:61px;height:43px;padding:0 10px}.icon-button{width:43px;height:43px}.hero{border-radius:27px;grid-template-columns:1fr;min-height:auto;margin-top:8px;padding:37px 27px 27px}.hero-copy{text-align:center}.hero h1{font-size:clamp(42px,13vw,60px)}.hero-copy>p{font-size:15px}.daily-goal{text-align:left;margin-inline:auto}.daily-goal-label{align-items:start}.daily-goal-label>span{gap:1px;display:grid}.hero-actions{justify-content:center}.mascot-stage{height:310px;margin:-15px 0 -35px;transform:scale(.75)}.worlds-section{padding-top:58px}.section-heading{text-align:center;display:block}.section-heading>p{margin-top:9px}.world-grid{grid-template-columns:1fr}.world-card,.world-card:nth-child(4),.world-card:nth-child(5){grid-column:auto;min-height:212px}.world-card{grid-template-columns:auto 1fr;gap:0 18px;display:grid}.world-card-copy{margin-top:2px}.world-card-copy small{min-height:0}.world-card-footer{grid-column:span 2}.word-day-card{grid-template-columns:auto 1fr;padding:18px}.word-day-card .listen-button{grid-column:span 2;width:100%}.lesson-page{width:100%;padding-top:9px}.lesson-topline{grid-template-columns:auto 1fr auto;gap:11px;width:calc(100% - 28px);margin-inline:auto}.back-button{background:#fff;border:1px solid #dde5ee;border-radius:14px;place-items:center;width:42px;height:42px;padding:0;font-size:0;display:grid}.back-button span{margin:0;font-size:18px}.round-stars{padding:7px 10px}.lesson-layout{margin-top:14px;display:block}.mission-rail{display:none}.lesson-card{border-left:0;border-right:0;border-radius:27px 27px 0 0;min-height:calc(100vh - 162px);padding:31px 18px 0}.challenge-header h1{font-size:29px}.challenge-header>p{max-width:330px;margin-inline:auto}.challenge-body{padding-top:23px}.big-sound-button{width:112px;height:112px;margin-bottom:26px}.answer-grid{gap:10px}.answer-option{min-height:99px;padding:11px}.image-options .answer-option{min-height:120px}.answer-option .option-emoji{font-size:40px}.focus-word{width:100%;min-width:0;min-height:110px;margin-bottom:24px}.focus-word>span{font-size:48px}.focus-word>strong{font-size:38px}.feedback-bar{border-radius:0;min-height:105px;margin:0 -18px;padding:14px 17px}.feedback-placeholder{text-align:center;width:100%}.feedback-copy strong{font-size:12px}.next-button{min-width:52px;padding:0 15px;font-size:12px}.sentence-card{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:180px;padding:24px 20px}.sentence-card>span{grid-row:auto;font-size:50px}.sentence-card p{font-size:25px}.sentence-card .round-listen{top:11px;right:11px}.completion-page{padding-top:15px}.completion-card{border-radius:28px;padding:35px 19px}.result-stats{gap:7px}.library-page,.rewards-page,.settings-page{padding-top:38px}.page-heading{text-align:center}.word-grid{grid-template-columns:1fr}.word-card{min-height:88px}.stats-banner{grid-template-columns:repeat(2,1fr);gap:8px}.stats-banner>div{border:1px solid #ffffff2b;border-radius:16px}.sticker-grid,.settings-grid{grid-template-columns:1fr}.sticker-card{min-height:250px}.settings-card,.settings-card.info-card{grid-template-columns:auto 1fr}.settings-card .switch,.settings-card .danger-text-button{grid-column:2;justify-self:start}.reset-card{grid-column:auto}}@media (width<=440px){.brand>span:last-child{display:none}.topbar-stats{margin-left:auto}.hero{padding-inline:21px}.hero-actions{display:grid}.primary-button{min-width:100%}.world-card{grid-template-columns:auto 1fr;gap:0 13px;padding:19px}.world-icon{width:62px;height:62px;font-size:34px}.world-card-copy strong{font-size:20px}.world-card-copy small{font-size:11px}.lesson-progress{gap:4px;min-width:0}.lesson-progress span{height:6px}.round-stars{font-size:11px}.answer-option strong{font-size:12px}.feedback-bar{grid-template-columns:1fr auto;display:grid}.feedback-icon{display:none}.next-button{min-width:auto}.next-button span{display:none}.letter-answer{gap:3px}.letter-answer button,.letter-answer>span{border-radius:10px;width:auto;max-width:34px;height:49px;font-size:18px}.letter-bank button{width:42px;height:47px}.speak-actions{display:grid}.result-stats strong{font-size:18px}.result-stats small{font-size:8px}.modal-actions{width:100%;display:grid}}@media (width<=360px){.topbar-stats{gap:4px}.level-pill{display:none}.stat-pill{min-width:55px}}@media (width<=760px){.page-home{height:100dvh;min-height:0;padding-bottom:0;overflow:hidden}.page-home .topbar{width:calc(100% - 12px);height:58px;min-height:58px;margin:0 auto;padding:5px 6px}.page-home .brand-mark{border-radius:14px 14px 14px 5px;width:40px;height:40px}.page-home .stat-pill,.page-home .icon-button{height:40px}.page-home .icon-button{width:40px}.page-home main{height:calc(100dvh - 134px - env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr);gap:7px;min-height:0;display:grid;overflow:hidden}.page-home .hero{border-radius:22px;width:calc(100% - 24px);min-height:0;margin-top:0;padding:11px 16px 12px;display:block}.page-home .hero-copy{text-align:left}.page-home .hero .eyebrow{font-size:9px}.page-home .hero h1{margin:4px 0 6px;font-size:clamp(28px,8.8vw,37px);line-height:.96}.page-home .hero-copy>p,.page-home .mascot-stage,.page-home .mixed-button{display:none}.page-home .daily-goal{margin-top:7px}.page-home .daily-goal-label{align-items:center;margin-bottom:4px}.page-home .daily-goal-label>span{gap:6px;display:flex}.page-home .daily-goal-label strong,.page-home .daily-goal-label small{font-size:10px}.page-home .progress-track{height:7px}.page-home .hero-actions{justify-content:stretch;margin-top:8px;display:flex}.page-home .hero-actions .primary-button{border-radius:14px;width:100%;min-width:0;min-height:44px;padding:0 14px;font-size:13px}.page-home .worlds-section{grid-template-rows:auto minmax(0,1fr);width:100%;min-height:0;padding:0;display:grid;overflow:hidden}.page-home .section-heading{text-align:left;width:calc(100% - 28px);margin:0 auto 5px}.page-home .section-heading .eyebrow,.page-home .section-heading>p{display:none}.page-home .section-heading h2{margin:0;font-size:21px}.page-home .world-grid{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:min(80vw,285px);grid-auto-flow:column;gap:10px;height:100%;min-height:0;padding:1px 14px 5px;display:grid;overflow:auto hidden}.page-home .world-grid::-webkit-scrollbar{display:none}.page-home .world-card,.page-home .world-card:nth-child(4),.page-home .world-card:nth-child(5){scroll-snap-align:start;border-radius:20px;grid-column:auto;gap:0 12px;height:100%;min-height:0;padding:13px}.page-home .world-icon{border-radius:18px;align-self:center;width:58px;height:58px;font-size:32px}.page-home .world-card-copy{align-content:center;margin-top:0}.page-home .world-card-copy strong{font-size:19px}.page-home .world-card-copy small{min-height:0;margin-top:2px;font-size:10px;line-height:1.35}.page-home .world-card-footer{padding-top:7px}.page-home .word-day-card{display:none}.page-home .bottom-nav{height:60px;bottom:calc(8px + env(safe-area-inset-bottom))}.page-lesson,.page-complete{height:100dvh;min-height:0;padding-bottom:0;overflow:hidden}.page-lesson main,.page-complete main{height:100dvh;min-height:0}.page-lesson .lesson-page{width:100%;height:100%;min-height:0;padding:max(4px, env(safe-area-inset-top)) 0 0;grid-template-rows:44px minmax(0,1fr);display:grid}.page-lesson .lesson-topline{gap:8px;width:calc(100% - 20px);height:44px;min-height:44px}.page-lesson .back-button{width:40px;height:40px}.page-lesson .lesson-progress{gap:4px}.page-lesson .round-stars{padding:6px 9px}.page-lesson .lesson-layout{height:100%;min-height:0;margin-top:0}.page-lesson .lesson-card{border-radius:25px 25px 0 0;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;min-height:0;padding:12px 14px 0;display:grid;overflow:hidden}.page-lesson .challenge-header h1{margin:4px 0 2px;font-size:26px}.page-lesson .challenge-header>p{font-size:12px;line-height:1.25}.page-lesson .challenge-body{min-height:0;padding:10px 0;overflow:hidden}.page-lesson .feedback-bar{border-radius:0;min-height:60px;margin:0 -14px;padding:7px 11px}.page-lesson .feedback-copy strong{font-size:11px}.page-lesson .next-button{width:auto;min-width:0;min-height:44px}.page-lesson .speak-emoji{font-size:54px}.page-lesson .code-emojis{font-size:45px}.page-lesson .speak-focus>strong{font-size:clamp(34px,10vw,48px)}.page-lesson .speak-mode-picture .speak-focus>strong,.page-lesson .speak-mode-gap .speak-focus>strong,.page-lesson .speak-mode-question .speak-focus>strong,.page-lesson .speak-mode-sentence .speak-focus>strong,.page-lesson .speak-mode-choice .speak-focus>strong,.page-lesson .speak-mode-code .speak-focus>strong{max-width:94%;font-size:clamp(23px,6.5vw,31px)}.page-lesson .speak-focus>small{margin:4px 0 10px;font-size:12px}.page-lesson .speak-focus .listen-button{min-height:44px;padding:0 15px;font-size:12px}.page-lesson .voice-wave{height:24px;margin:8px 0 7px}.page-lesson .speak-actions{flex-wrap:nowrap;gap:7px;display:flex}.page-lesson .speak-actions>button{border-radius:14px;flex:1 1 0;min-width:0;min-height:44px;padding:0 9px;font-size:11px}.page-lesson .speech-status,.page-lesson .speech-status.visible{min-height:28px;max-height:37px;margin-top:6px;padding:5px 8px;font-size:10px;line-height:1.3;overflow:hidden}.page-complete .completion-page{width:calc(100% - 24px);height:100%;min-height:0;padding:max(10px, env(safe-area-inset-top)) 0 max(10px, env(safe-area-inset-bottom))}.page-complete .completion-card{max-height:100%;padding:25px 18px}.profile-card .secondary-button{grid-column:2;justify-self:start}}@media (width<=440px) and (height<=650px){.profile-backdrop{padding:8px}.profile-modal{border-radius:23px;max-height:calc(100dvh - 16px);padding:13px 15px 12px}.profile-stars{display:none}.profile-modal .modal-icon{border-radius:15px;width:45px;height:45px;margin:0 0 5px;font-size:24px}.profile-modal .eyebrow{font-size:9px}.profile-modal h2{margin:3px 0 2px;font-size:24px}.profile-modal>p{display:none}.profile-name-field{margin-top:9px}.profile-name-field input{border-radius:13px;height:44px;font-size:15px}.theme-picker{gap:7px;margin-top:9px}.theme-picker button{border-radius:15px;gap:0 7px;min-height:75px;padding:7px}.theme-preview{border-radius:13px;width:41px;height:41px;font-size:20px}.theme-picker strong{font-size:13px}.theme-picker small{font-size:8px}.profile-actions{margin-top:10px}.profile-actions .primary-button{min-height:45px}.privacy-mini{margin-top:7px;font-size:8px}.page-home main{height:calc(100dvh - 128px - env(safe-area-inset-bottom))}.page-home .topbar{height:54px;min-height:54px}.page-home .hero{padding-block:8px 9px}.page-home .hero h1{font-size:27px}.page-home .hero .eyebrow,.page-home .goal-done{display:none}.page-home .daily-goal{margin-top:4px}.page-home .hero-actions{margin-top:6px}.page-home .section-heading h2{font-size:19px}.page-home .world-card-copy small{display:none}.page-lesson .lesson-page{grid-template-rows:40px minmax(0,1fr)}.page-lesson .lesson-topline{height:40px;min-height:40px}.page-lesson .challenge-header .eyebrow{display:none}.page-lesson .challenge-header h1{margin-top:0;font-size:22px}.page-lesson .challenge-header>p{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.page-lesson .challenge-body{padding:6px 0}.page-lesson .big-sound-button{width:72px;height:72px;margin-bottom:9px}.page-lesson .big-sound-button>span:not(.sound-ripple){font-size:27px}.page-lesson .answer-grid{gap:6px}.page-lesson .answer-option,.page-lesson .image-options .answer-option{border-radius:14px;min-height:68px;padding:6px}.page-lesson .answer-option .option-emoji{font-size:29px}.page-lesson .focus-word{min-height:60px;margin-bottom:8px;padding:8px 12px}.page-lesson .focus-word>span{font-size:34px}.page-lesson .focus-word>strong{font-size:30px}.page-lesson .sentence-card{text-align:left;grid-template-columns:auto 1fr;justify-items:stretch;min-height:78px;padding:11px 48px 10px 12px}.page-lesson .sentence-card>span{grid-row:span 2;font-size:35px}.page-lesson .sentence-card p{font-size:18px}.page-lesson .word-options{margin-top:8px}.page-lesson .word-option{min-height:50px}.page-lesson .letter-answer{min-height:42px}.page-lesson .letter-answer button,.page-lesson .letter-answer>span{height:40px}.page-lesson .letter-bank{min-height:48px;margin-top:6px}.page-lesson .letter-bank button{width:39px;height:42px}.page-lesson .spell-actions{margin-top:6px}.page-lesson .speak-emoji{font-size:40px}.page-lesson .code-emojis{font-size:34px}.page-lesson .speak-focus>strong{font-size:33px}.page-lesson .speak-mode-picture .speak-focus>strong,.page-lesson .speak-mode-gap .speak-focus>strong,.page-lesson .speak-mode-question .speak-focus>strong,.page-lesson .speak-mode-sentence .speak-focus>strong,.page-lesson .speak-mode-choice .speak-focus>strong,.page-lesson .speak-mode-code .speak-focus>strong{font-size:20px}.page-lesson .speak-focus>small{margin:2px 0 6px;font-size:10px}.page-lesson .voice-wave{height:14px;margin:4px 0}.page-lesson .voice-wave:not(.active){visibility:hidden}.page-lesson .feedback-bar{min-height:55px}.page-complete .completion-card{padding:16px 14px}.page-complete .trophy{border-radius:22px;width:68px;height:68px;margin:8px 0;font-size:40px}.page-complete .completion-card h1{font-size:32px}.page-complete .completion-card>p{margin:8px 0 11px;font-size:12px;line-height:1.35}.page-complete .unlock-note{margin-top:10px;padding:8px 10px}.page-complete .completion-actions{margin-top:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.level-pill>span:last-child{position:relative}.level-bar{background:#7d318b1f;border-radius:999px;width:100%;height:4px;margin-top:3px;display:block;overflow:hidden}.level-bar b{border-radius:inherit;background:var(--primary);height:100%;transition:width .4s;display:block}.reading-button{gap:8px}.story-banner{background:radial-gradient(circle at 100% 0%, #ffc85738, transparent 14rem), linear-gradient(120deg, #fff, var(--pale));border:1px solid #e0699b47;border-radius:28px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-top:34px;padding:26px 30px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 36px #b042781f}.story-banner-art{background:#fff;border-radius:30px;width:118px;height:118px;position:relative;box-shadow:0 10px 24px #b0427824}.story-banner-art span{line-height:1;position:absolute}.story-banner-art span:first-child{font-size:44px;top:14px;left:12px}.story-banner-art span:nth-child(2){font-size:52px;bottom:12px;right:12px;transform:rotate(-8deg)}.story-banner-art span:nth-child(3){font-size:30px;bottom:12px;left:18px}.new-badge{color:#fff;background:var(--accent);letter-spacing:.08em;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;display:inline-block}.story-banner h2{color:var(--ink);letter-spacing:-.035em;margin:8px 0 4px;font-size:clamp(26px,3.2vw,34px)}.story-banner h2 small{color:var(--accent);letter-spacing:0;font-size:.5em}.story-banner p{max-width:560px;color:var(--muted);margin:0;font-size:15px;line-height:1.5}.story-features{flex-wrap:wrap;gap:7px;margin:12px 0 0;padding:0;list-style:none;display:flex}.story-features li{color:var(--ink);background:#ffffffd9;border:1px solid #e0699b33;border-radius:999px;padding:6px 11px;font-size:13px;font-weight:750}.story-start{background:linear-gradient(145deg,#f07fae,#c94f8e)}.story-done{position:absolute;top:16px;right:18px}.topline-end{justify-self:end;align-items:center;gap:8px;display:flex}.speed-toggle{color:#60738d;cursor:pointer;background:#fff;border:1px solid #dfe3ee;border-radius:999px;align-items:center;gap:6px;min-height:38px;padding:0 12px;font-size:13px;font-weight:850;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.speed-toggle.on{color:#1d7d55;background:#e8fbf1;border-color:#9fe0bd}.read-challenge{gap:18px}.story-card{background:linear-gradient(135deg,#fffdfd,#fff3f8);border:1px solid #f1d6e3;border-radius:24px;padding:18px 22px;transition:box-shadow .2s,border-color .2s}.story-card.narrating{border-color:#f0a2c3;box-shadow:0 0 0 5px #f07fae1f}.story-card-head{color:#b24c7f;align-items:center;gap:10px;margin-bottom:8px;font-size:15px;display:flex}.story-card-head .round-listen{margin-left:auto;position:static}.story-emoji{font-size:30px}.story-line{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:2px 4px;margin:0 0 10px;font-size:clamp(21px,2.8vw,28px);font-weight:800;line-height:1.35;display:flex}.story-line:last-child{margin-bottom:0}.story-word{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:1px 4px;transition:background .12s,color .12s,transform .12s}.story-word:hover{background:#f07fae1f}.story-word.static{cursor:default}.story-word.read{color:#b24c7f}.story-word.lit{color:#5a2140;background:#ffd76e;transform:translateY(-2px);box-shadow:0 4px #c7910040}.story-translation{width:100%;color:var(--muted);padding-left:4px;font-size:14px;font-weight:600;line-height:1.3;display:block}.story-card.compact .story-line{margin-bottom:4px;font-size:clamp(17px,2.2vw,21px)}.read-controls{justify-items:center;gap:8px;display:grid}.read-tip{color:var(--muted);font-size:13px}.quiz-question{text-align:center;justify-items:center;gap:2px;display:grid}.quiz-question strong{color:var(--primary-dark);letter-spacing:-.03em;font-size:clamp(22px,3vw,30px)}.quiz-question small{color:var(--muted);font-size:14px}.quiz-options,.sentence-options{grid-template-columns:1fr;gap:10px}.quiz-options{grid-template-columns:repeat(3,1fr)}.quiz-option{gap:6px;min-height:92px}.quiz-option>span:first-child{font-size:30px}.quiz-option strong,.sentence-option strong{color:var(--ink);font-size:17px}.sentence-option{text-align:left;flex-direction:row;justify-content:flex-start;gap:14px;min-height:66px;padding:12px 52px 12px 16px}.sentence-option strong{font-size:clamp(17px,2.3vw,21px);line-height:1.3}.option-letter{width:34px;height:34px;color:var(--primary-dark);background:#f0edff;border-radius:11px;flex:none;place-items:center;font-size:15px;font-weight:900;display:grid}.read-pick .big-sound-button{margin-bottom:10px}.big-sound-button.small{width:92px;height:92px;margin:0}.big-sound-button.small>span:not(.sound-ripple){font-size:30px}.read-order-top{color:var(--muted);text-align:center;justify-items:center;gap:8px;font-size:14px;display:grid}.word-answer,.word-bank{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.word-answer{border:2px dashed #e4d7ef;border-radius:20px;align-content:center;min-height:64px;padding:10px}.word-answer button,.word-answer>span,.word-bank button{border-radius:14px;min-width:48px;min-height:46px;padding:0 14px;font-size:19px;font-weight:850}.word-answer button{color:#fff;background:var(--primary);cursor:pointer;border:0;animation:.18s both popIn}.word-answer>span{border-bottom:3px solid #e1d6ec;border-radius:0;min-width:44px}.word-bank button{color:var(--primary-dark);cursor:pointer;background:#fff;border:1px solid #dad2ff;transition:transform .12s,opacity .16s;box-shadow:0 4px #e5defd}.word-bank button:hover:not(:disabled){transform:translateY(-2px)}.word-bank button:disabled{opacity:.22;box-shadow:none}@keyframes popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.is-correct .word-answer{background:#effcf4;border-color:#92e3b6}.is-correct .word-answer button{background:var(--success)}@media (width<=980px){.story-banner{grid-template-columns:auto 1fr}.story-start{grid-column:1/-1;justify-self:stretch}}@media (width<=760px){.page-home{height:auto;min-height:100dvh;padding-bottom:calc(92px + env(safe-area-inset-bottom));overflow:visible}.page-home main{height:auto;display:block;overflow:visible}.page-home .hero{padding:16px 18px 18px}.page-home .hero .eyebrow{font-size:11px}.page-home .hero-copy>p{margin:4px 0 0;font-size:14px;line-height:1.45;display:block}.page-home .daily-goal-label strong,.page-home .daily-goal-label small{font-size:12px}.page-home .hero-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.page-home .hero-actions .primary-button{grid-column:1/-1;min-height:52px;font-size:16px}.page-home .hero-actions .reading-button,.page-home .mixed-button{border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:0 10px;font-size:14px;display:inline-flex}.page-home .mixed-button{background:#fff;border:1px solid #e4dcef;text-decoration:none}.story-banner{border-radius:22px;grid-template-columns:1fr;gap:12px;width:calc(100% - 24px);margin-top:14px;padding:16px}.story-banner-art{display:none}.story-banner h2{font-size:24px}.story-banner p{font-size:14px}.story-features li{font-size:12px}.story-start{min-height:50px}.story-done{top:14px;right:14px}.page-home .worlds-section{width:calc(100% - 24px);margin:0 auto;padding:22px 0 6px;display:block;overflow:visible}.page-home .section-heading{width:100%;margin:0 0 10px}.page-home .section-heading h2{font-size:23px}.page-home .world-grid{scroll-snap-type:none;grid-template-columns:1fr;grid-auto-columns:auto;grid-auto-flow:row;gap:10px;height:auto;padding:0;display:grid;overflow:visible}.page-home .world-card,.page-home .world-card:nth-child(4),.page-home .world-card:nth-child(5){border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:4px 14px;height:auto;min-height:0;padding:14px;display:grid}.page-home .world-card:before{width:110px;height:110px;top:-60px;right:-50px}.page-home .world-icon{grid-row:span 2;width:62px;height:62px}.page-home .world-card-copy small{font-size:13px}.page-home .world-card-footer{border-top:0;grid-column:2;padding-top:6px}.new-tag,.completed-tag{font-size:11px}.page-home .word-day-card{grid-template-columns:auto 1fr;gap:12px;width:calc(100% - 24px);margin:16px auto 10px;padding:14px;display:grid}.page-home .word-day-icon{width:58px;height:58px;font-size:32px}.page-home .word-day-card .listen-button{grid-column:1/-1}.page-lesson .challenge-header>p{font-size:14px}.page-lesson .challenge-header h1{font-size:24px}.page-lesson .feedback-bar{min-height:72px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.page-lesson .feedback-copy strong{font-size:15px}.page-lesson .feedback-copy small{font-size:13px}.page-lesson .next-button{min-height:50px;font-size:15px}.page-lesson .speak-actions>button{min-height:50px;font-size:14px}.page-lesson .speech-status,.page-lesson .speech-status.visible{max-height:none;font-size:12px}.page-lesson .back-label,.page-lesson .speed-label{display:none}.page-lesson .back-button span{margin:0}.speed-toggle{min-height:36px;padding:0 9px;font-size:16px}.page-lesson .read-challenge{justify-content:flex-start;gap:12px;overflow-y:auto}.story-card{border-radius:20px;padding:12px 14px}.story-line{font-size:20px}.story-translation{font-size:13px}.story-card.compact .story-line{font-size:16px}.quiz-options{grid-template-columns:1fr;gap:8px}.quiz-option{flex-direction:row;justify-content:flex-start;gap:12px;min-height:54px;padding:8px 14px}.quiz-option>span:first-child{font-size:24px}.sentence-option{min-height:58px;padding:10px 44px 10px 12px}.sentence-option strong{font-size:16px}.read-pick .big-sound-button{width:110px;height:110px}.word-answer button,.word-answer>span,.word-bank button{min-height:44px;padding:0 11px;font-size:17px}}@media (prefers-reduced-motion:reduce){.story-word.lit{transform:none}.word-answer button{animation:none}}.bolt-banner{border-color:#e08a2c4d;margin-top:16px;box-shadow:0 14px 36px #b06e281f}.bolt-start{background:linear-gradient(145deg,#f5a54a,#d9771f);box-shadow:0 10px 22px #d9771f47}.bolt-art span:first-child{font-size:34px;top:10px;left:auto;right:10px}.bolt-art span:nth-child(2){font-size:58px;bottom:14px;left:14px;right:auto;transform:none}.bolt-art span:nth-child(3){font-size:30px;bottom:12px;left:auto;right:12px}.bolt-challenge{justify-content:flex-start;gap:12px;min-height:0}.bolt-stage{background:linear-gradient(120deg,#fff7ea,#ffefd9);border-radius:20px;align-items:center;gap:12px;padding:10px 14px;display:flex}.bolt-stage .round-listen{margin-left:auto;position:static}.bolt-avatar{transform-origin:50% 90%;background:#fff;border-radius:50%;place-items:center;width:64px;height:64px;font-size:42px;display:grid;box-shadow:0 6px 16px #d9771f33}.bolt-avatar.talking{animation:.42s ease-in-out infinite alternate boltTalk}.bolt-avatar.happy{animation:.6s 2 boltHop}@keyframes boltTalk{0%{transform:rotate(-4deg)scale(1)}to{transform:rotate(4deg)scale(1.05)}}@keyframes boltHop{0%,to{transform:translateY(0)}40%{transform:translateY(-10px)rotate(-6deg)}}.bolt-name{display:grid}.bolt-name strong{color:#a4570f;font-size:20px}.bolt-name small{color:#8f6b48;font-size:13px}.chat-log{scroll-behavior:smooth;flex-direction:column;flex:auto;gap:10px;min-height:140px;max-height:340px;padding:4px 2px;display:flex;overflow-y:auto}.chat-row{align-items:flex-end;gap:8px;max-width:88%;animation:.22s both popIn;display:flex}.chat-row.kid{align-self:flex-end}.chat-face{font-size:24px}.bubble{background:#fff4e4;border:1px solid #f6dcb7;border-radius:20px 20px 20px 6px;padding:10px 14px}.chat-row.kid .bubble{color:#fff;background:linear-gradient(145deg,#d65bb8,#9747c4);border-color:#0000;border-radius:20px 20px 6px}.theme-boy .chat-row.kid .bubble{background:linear-gradient(145deg,#4f9be0,#2f6fbf)}.chat-row.kid.pending .bubble{color:var(--primary-dark);border:2px dashed var(--primary);background:#fff}.bubble p{margin:0;font-size:19px;font-weight:800;line-height:1.35}.bubble small{opacity:.78;margin-top:3px;font-size:13px;display:block}.bolt-options{gap:8px;display:grid}.bolt-option{background:#fff;border:1px solid #e4dcef;border-radius:18px;align-items:stretch;transition:transform .14s,border-color .14s;display:flex;overflow:hidden;box-shadow:0 4px #efe7f6}.bolt-option:hover{border-color:var(--primary);transform:translateY(-2px)}.bolt-option.wrong{opacity:.45;box-shadow:none;background:#fff4f3;border-color:#ffc2bf;transform:none}.bolt-option-main{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-height:58px;padding:8px 14px;display:flex}.bolt-option-main>span{font-size:26px}.bolt-option-main strong{color:var(--ink);font-size:17px;line-height:1.3}.bolt-option-listen{cursor:pointer;background:#faf7ff;border:0;border-left:1px solid #efe7f6;flex:none;width:54px;font-size:18px}.bolt-read{gap:8px;display:grid}.bolt-read-links{justify-content:center;gap:18px;display:flex}@media (width<=760px){.page-lesson .is-bolt .challenge-header{display:none}.page-lesson .lesson-card.is-bolt{grid-template-rows:minmax(0,1fr) auto}.page-lesson .bolt-challenge{flex-direction:column;gap:8px;padding-top:2px;display:flex}.bolt-stage{padding:8px 10px}.bolt-avatar{width:50px;height:50px;font-size:32px}.chat-log{min-height:0;max-height:none}.bubble p{font-size:17px}.bolt-option-main{min-height:52px}.bolt-option-main strong{font-size:15px}}@media (prefers-reduced-motion:reduce){.bolt-avatar.talking,.bolt-avatar.happy,.chat-row{animation:none}}.story-word.said{color:#17804c;background:#dcf7e8}.story-word.next{color:#5a3b00;background:#ffe58a;animation:.9s ease-in-out infinite alternate nextWord;box-shadow:0 0 0 3px #ffc8578c}@keyframes nextWord{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.tracked-line{flex-wrap:wrap;justify-content:center;gap:2px 4px;display:flex}.bubble .tracked-line{justify-content:flex-start}.read-meter{width:min(320px,100%);color:var(--ink);text-align:center;background:#eef0f6;border-radius:999px;padding:6px 12px;font-weight:800;position:relative;overflow:hidden}.read-meter b{background:#c9f1da;transition:width .25s;position:absolute;inset:0 auto 0 0}.read-meter span{position:relative}@media (prefers-reduced-motion:reduce){.story-word.next{animation:none}}.auto-next{background:#2cc9702e;border-radius:999px;flex:none;width:90px;height:8px;overflow:hidden}.auto-next i{border-radius:inherit;background:var(--success);height:100%;animation:1.9s linear forwards autoNext;display:block}@keyframes autoNext{0%{width:0}to{width:100%}}@media (prefers-reduced-motion:reduce){.auto-next i{width:100%;animation:none}}.time-pill strong,.time-chip{font-variant-numeric:tabular-nums}.time-pill.low,.time-chip.low{color:#a1331f;background:#fff0ec;border-color:#ffc2b4}.time-chip{color:#3d5a80;background:#f1f5fc;border-color:#d4def0}.time-toast{z-index:90;top:calc(14px + env(safe-area-inset-top));color:#5a3b00;text-align:center;background:#fff3c4;border:1px solid #ffd76e;border-radius:999px;max-width:calc(100% - 32px);padding:10px 18px;font-size:14px;font-weight:800;animation:.26s both modalIn;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 26px #5a3b002e}.time-up-backdrop{z-index:120;background:linear-gradient(160deg,#252154e6,#4c2e78e6)}.time-up-card{max-width:440px}.time-up-art{background:radial-gradient(circle at 35% 35%,#3f3a8a,#22205a);border-radius:50%;place-items:center;width:104px;height:104px;font-size:54px;display:grid;position:relative}.time-up-art span{font-size:20px;position:absolute}.time-up-art span:first-child{top:6px;right:4px}.time-up-art span:nth-child(2){bottom:10px;left:2px}.time-up-card>p{font-size:15px}.time-up-stats{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:18px 0 8px;display:grid}.time-up-stats div{background:#f5f2ff;border-radius:18px;gap:2px;padding:12px;display:grid}.time-up-stats span,.time-up-stats strong{font-size:22px}.time-up-stats small{color:var(--muted);font-size:12px}.gate-backdrop{z-index:130}.time-options{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:18px;display:grid}.time-options button{min-height:48px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #ddd6f3;border-radius:14px;font-size:15px;font-weight:800}.time-options button:first-child{grid-column:1/-1}.time-options button.active{color:#fff;background:var(--primary);border-color:#0000}.time-bonus{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:700;display:flex}.time-bonus .secondary-button{min-height:42px;padding:0 14px}.modal-card>p.time-summary{margin-top:12px;font-size:14px}.time-card .secondary-button{justify-self:start}@media (width<=760px){.time-card .secondary-button{grid-column:2}}.time-pill strong{white-space:nowrap}@media (width<=440px){.time-unit{display:none}.topbar-stats{gap:5px}}