@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-arabic-wght-normal-BhzieyvS.woff2) format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-math-wght-normal-pS2d8anF.woff2) format("woff2-variations");unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-symbols-wght-normal-BJ6p-EzA.woff2) format("woff2-variations");unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-latin-ext-wght-normal-CIz31GGw.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-latin-wght-normal-BQEJrIpl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--font-family: "Noto Sans Arabic Variable", "SF Arabic", "Geeza Pro", system-ui, sans-serif;--ink: #0e3267;--ink-soft: #476487;--ink-faint: #758ca7;--sky-25: #f7fbff;--sky-50: #eef7ff;--sky-100: #dceeff;--sky-300: #8bc9ff;--sky-500: #3489f5;--sky-600: #176dd7;--coral-400: #ff766d;--coral-500: #f45950;--coral-600: #df403c;--sun-300: #ffd76b;--sun-400: #ffbd31;--sun-500: #f59b17;--mint-300: #86dfc0;--mint-500: #41ba91;--mint-600: #249570;--violet-400: #9783ee;--surface: #ffffff;--surface-soft: rgb(255 255 255 / 78%);--outline: rgb(91 146 205 / 25%);--shadow-xs: 0 2px 6px rgb(14 50 103 / 8%);--shadow-sm: 0 8px 24px rgb(14 50 103 / 12%);--shadow-md: 0 18px 46px rgb(14 50 103 / 16%);--shadow-button: 0 8px 0 #cd3d39, 0 14px 28px rgb(244 89 80 / 28%);--radius-sm: 14px;--radius-md: 22px;--radius-lg: 32px;--radius-pill: 999px;--page-inline: clamp(16px, 4vw, 64px);--max-width: 1480px;font-family:var(--font-family);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;min-height:100%;overflow-x:hidden;background:var(--sky-50)}body{margin:0;min-width:320px;min-height:100vh;min-height:100svh;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 15% 12%,rgb(122 196 255 / 23%),transparent 32rem),linear-gradient(180deg,var(--sky-25),var(--sky-50));font-family:var(--font-family);-webkit-font-smoothing:antialiased}body,button,input{font:inherit}button,input,label{-webkit-tap-highlight-color:transparent}button{color:inherit}button:not(:disabled),label[for],input[type=file]{cursor:pointer}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:4px solid rgb(52 137 245 / 35%);outline-offset:3px}button:disabled{cursor:not-allowed}img,svg{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}#root{min-height:100vh;min-height:100svh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.primary-button,.secondary-button,.ghost-button,.icon-button{min-height:52px;border:0;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:780;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,opacity .18s ease}.primary-button{min-height:62px;padding:0 30px;color:#fff;background:linear-gradient(180deg,#ff776e,var(--coral-500));box-shadow:var(--shadow-button);font-size:clamp(1.05rem,2.2vw,1.32rem)}.primary-button svg,.secondary-button svg,.ghost-button svg,.icon-button svg{width:24px;height:24px;flex:0 0 auto}.primary-button:not(:disabled):hover,.primary-button:not(:disabled):focus-visible{transform:translateY(-2px);box-shadow:0 10px #cd3d39,0 18px 30px #f4595052}.primary-button:not(:disabled):active{transform:translateY(5px);box-shadow:0 3px #cd3d39,0 8px 18px #f459503d}.primary-button:disabled{opacity:.48;filter:grayscale(.2);box-shadow:0 5px #c9cfd8}.secondary-button,.ghost-button,.icon-button{padding:0 20px;color:var(--ink);background:#ffffffe0;border:1px solid var(--outline);box-shadow:var(--shadow-xs)}.secondary-button:hover,.ghost-button:hover,.icon-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.ghost-button--small{min-height:46px;padding:0 16px;font-size:.92rem}.icon-button{width:52px;min-width:52px;padding:0}.brand-mark{display:inline-flex;align-items:center;gap:12px;min-width:max-content}.brand-mark__symbol{position:relative;display:block;width:50px;height:45px}.brand-mark__page{position:absolute;bottom:2px;width:22px;height:20px;border-radius:5px 5px 10px;box-shadow:inset 0 -4px #00000014}.brand-mark__page--mint{left:3px;background:var(--mint-500);transform:skewY(12deg)}.brand-mark__page--coral{right:3px;background:var(--coral-500);transform:skewY(-12deg)}.brand-mark__star{position:absolute;top:0;left:15px;width:22px;color:var(--sun-400);filter:drop-shadow(0 2px 0 rgb(207 132 0 / 20%))}.brand-mark__text{font-size:clamp(1.1rem,2.2vw,1.52rem);font-weight:880;letter-spacing:-.035em}.brand-mark--compact .brand-mark__symbol{width:40px;height:36px;transform:scale(.82);transform-origin:center}.brand-mark--compact .brand-mark__text{font-size:1.05rem}.progress-bar{height:11px;overflow:hidden;border-radius:var(--radius-pill);background:#dce4ee;box-shadow:inset 0 2px 3px #0e32671f}.progress-bar>span{display:block;height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,var(--sun-400),var(--coral-400));transition:width .5s cubic-bezier(.2,.8,.2,1)}.progress-header{position:relative;z-index:20;width:min(calc(100% - (var(--page-inline) * 2)),var(--max-width));min-height:104px;margin:max(18px,env(safe-area-inset-top)) auto 20px;padding:16px 22px;display:grid;grid-template-columns:auto minmax(180px,.75fr) minmax(230px,1fr) auto;gap:clamp(16px,2.4vw,34px);align-items:center;border:1px solid rgb(255 255 255 / 80%);border-radius:30px;background:#ffffffde;box-shadow:var(--shadow-sm);backdrop-filter:blur(18px)}.progress-header__welcome{min-width:0}.progress-header__welcome strong,.progress-header__welcome span{display:block}.progress-header__welcome strong{font-size:clamp(1.02rem,1.8vw,1.32rem)}.progress-header__welcome span,.progress-header__track-copy span{color:var(--coral-500);font-size:.88rem;font-weight:700}.progress-header__track-copy{margin-bottom:8px;display:flex;justify-content:space-between;gap:12px}.progress-header__track-copy strong{direction:ltr;unicode-bidi:isolate}.star-counter{min-height:62px;padding:8px 16px;display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;border-radius:20px;background:#fffaf0;border:1px solid rgb(245 155 23 / 18%)}.star-counter svg{grid-row:1 / 3;width:34px;color:var(--sun-400);filter:drop-shadow(0 2px 0 rgb(203 126 5 / 18%))}.star-counter strong{align-self:end;line-height:1;font-size:1.22rem}.star-counter span{align-self:start;color:var(--ink-soft);font-size:.74rem}@media(max-width:900px){.progress-header{grid-template-columns:1fr auto;min-height:auto;padding:13px 14px;border-radius:24px}.progress-header__welcome{display:none}.progress-header__track{grid-column:1 / -1;grid-row:2}}@media(max-width:520px){.progress-header{width:calc(100% - 24px);gap:10px;margin-top:max(10px,env(safe-area-inset-top))}.brand-mark__text{font-size:1rem}.brand-mark__symbol{width:40px;height:36px;transform:scale(.82);transform-origin:center}.star-counter{min-height:52px;padding:6px 10px}.star-counter span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.onboarding-screen{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;padding:max(22px,env(safe-area-inset-top)) var(--page-inline) max(28px,env(safe-area-inset-bottom));overflow:hidden;background:radial-gradient(circle at 18% 20%,rgb(52 137 245 / 28%),transparent 33rem),linear-gradient(135deg,#d9efff,#f7fbff 56%,#edf7ff)}.onboarding-screen:before,.onboarding-screen:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.onboarding-screen:before{width:36vw;height:36vw;min-width:340px;min-height:340px;top:-18vw;right:-8vw;background:#ffffff6b}.onboarding-screen:after{width:240px;height:240px;bottom:-90px;left:-70px;background:#86dfc038}.onboarding-shell{width:min(100%,1420px);min-height:calc(100svh - 56px);margin:0 auto;display:grid;grid-template-columns:minmax(360px,.94fr) minmax(430px,1.06fr);grid-template-areas:"visual form";gap:clamp(30px,5vw,86px);align-items:center}.onboarding-visual{grid-area:visual;position:relative;align-self:stretch;min-height:660px;display:flex;align-items:flex-end;justify-content:center}.onboarding-visual__blob{position:absolute;inset:3% 2% 5%;overflow:hidden;border-radius:46% 54% 44% 56%/39% 43% 57% 61%;background:radial-gradient(circle at 70% 24%,#fff 0 3px,transparent 4px),radial-gradient(circle at 22% 34%,#fff 0 5px,transparent 6px),linear-gradient(180deg,#75c4ff,#bde5ff 55%,#cbe8b8);box-shadow:inset 0 0 0 1px #ffffff61,var(--shadow-md)}.onboarding-visual__blob:before,.onboarding-visual__blob:after{content:"";position:absolute;bottom:-55px;border-radius:50%;background:#91c76f}.onboarding-visual__blob:before{right:-60px;width:82%;height:220px;transform:rotate(-8deg)}.onboarding-visual__blob:after{left:-70px;width:70%;height:180px;background:#b3dc8b;transform:rotate(9deg)}.onboarding-visual__character{position:relative;z-index:3;width:min(58%,320px);margin-bottom:5%;filter:drop-shadow(0 28px 26px rgb(14 50 103 / 22%))}.onboarding-cloud{position:absolute;z-index:2;width:110px;height:34px;border-radius:var(--radius-pill);background:#ffffffe0;box-shadow:26px -15px 0 -3px #ffffffe0,52px 2px 0 -8px #ffffffe0}.onboarding-cloud--one{top:19%;left:9%}.onboarding-cloud--two{top:34%;right:4%;transform:scale(.72)}.parent-note{position:absolute;z-index:5;right:5%;bottom:5%;width:min(86%,410px);padding:16px 18px;display:flex;gap:14px;align-items:center;border-radius:22px;background:#ffffffeb;border:1px solid rgb(255 255 255 / 80%);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px)}.parent-note__avatars{flex:0 0 58px;height:46px;position:relative}.parent-note__avatar{position:absolute;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:3px solid #fff;color:#fff;background:var(--mint-500);font-size:1.25rem}.parent-note__avatar+.parent-note__avatar{left:0;bottom:0;background:var(--coral-400)}.parent-note strong,.parent-note span{display:block}.parent-note span{color:var(--ink-soft);font-size:.83rem}.onboarding-form-wrap{grid-area:form;width:min(100%,650px);justify-self:center;padding-block:20px}.onboarding-form-wrap .brand-mark{margin-bottom:clamp(24px,5vh,58px)}.onboarding-copy h1{margin-bottom:10px;font-size:clamp(2.25rem,5vw,5rem);line-height:1.08;letter-spacing:-.055em;font-weight:900}.onboarding-copy h1 span{color:var(--coral-500)}.onboarding-copy p{max-width:560px;margin-bottom:clamp(22px,4vh,38px);color:var(--ink-soft);font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.9;font-weight:560}.onboarding-form{display:grid;gap:22px}.field-label{display:flex;gap:8px;align-items:center;margin-bottom:9px;font-weight:800}.field-label svg{width:22px;color:var(--sun-500)}.name-field{position:relative}.name-field input{width:100%;min-height:62px;padding:0 20px 0 58px;color:var(--ink);border:2px solid #d2e5f7;border-radius:18px;background:#ffffffe0;box-shadow:var(--shadow-xs);font-size:1.06rem;font-weight:650;transition:border-color .18s ease,box-shadow .18s ease}.name-field input:focus{border-color:var(--sky-500);box-shadow:0 0 0 5px #3489f51f}.name-field--invalid input{border-color:var(--coral-400)}.name-field-hint{margin:7px 4px 0;color:var(--ink-soft);font-size:.76rem;line-height:1.6}.child-gender-field{min-inline-size:0;margin:0;padding:0;border:0}.child-gender-field .field-label{width:100%}.child-gender-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.child-gender-choice{position:relative;min-height:58px;padding:8px 42px 8px 14px;border:2px solid #d2e5f7;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--ink);background:#ffffffc7;box-shadow:var(--shadow-xs);font-weight:800;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.child-gender-choice input{position:absolute;width:1px;height:1px;margin:-1px;opacity:0}.child-gender-choice:focus-within{border-color:var(--sky-500);box-shadow:0 0 0 5px #3489f51f}.child-gender-choice--selected{border-color:var(--mint-500);background:#e8f9f2e5}.child-gender-choice__symbol{font-size:1.45rem;line-height:1}.child-gender-choice__check{position:absolute;right:12px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--mint-500);opacity:0;transform:scale(.7);transition:opacity .18s ease,transform .18s ease}.child-gender-choice__check svg{width:16px}.child-gender-choice--selected .child-gender-choice__check{opacity:1;transform:scale(1)}.child-gender-field:disabled .child-gender-choice{opacity:.62}.name-field__check{position:absolute;left:18px;top:50%;width:30px;height:30px;display:grid;place-items:center;color:#fff;border-radius:50%;background:var(--mint-500);transform:translateY(-50%) scale(0);transition:transform .18s ease}.name-field__check svg{width:19px}.name-field--valid .name-field__check{transform:translateY(-50%) scale(1)}.upload-field{position:relative;min-height:166px;padding:18px;display:grid;place-items:center;text-align:center;border:2px dashed #79b3f8;border-radius:24px;color:var(--sky-600);background:#ffffff94;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.upload-field:hover,.upload-field--dragging{border-color:var(--sky-500);background:#ffffffe0;transform:translateY(-2px)}.upload-field--ready{grid-template-columns:92px 1fr;text-align:start;border-style:solid;border-color:var(--mint-500)}.upload-field input{position:absolute;inset:0;width:100%;height:100%;opacity:0}.upload-field__icon{width:58px;height:58px;margin:0 auto 10px;display:grid;place-items:center;border-radius:20px;color:#fff;background:var(--sky-500);box-shadow:0 7px #1c68c5}.upload-field__icon svg{width:30px}.upload-field strong,.upload-field span{display:block}.upload-field span{margin-top:5px;color:var(--ink-soft);font-size:.84rem}.upload-preview{width:82px;aspect-ratio:1;overflow:hidden;border-radius:22px;border:4px solid #fff;box-shadow:var(--shadow-sm)}.upload-preview img{width:100%;height:100%;object-fit:cover}.privacy-note{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:.82rem;font-weight:620}.privacy-note svg{width:20px;color:var(--mint-600)}.onboarding-actions{display:grid;gap:14px}.onboarding-actions .primary-button{width:100%}.onboarding-progress{min-height:24px;margin:0;color:var(--sky-600);font-size:.9rem;font-weight:780;text-align:center}.primary-button--loading:disabled{opacity:1;filter:none;box-shadow:0 5px #cd3d39,0 12px 24px #f4595038}.onboarding-button-loader{display:inline-flex;align-items:center;gap:5px}.onboarding-button-loader span{width:7px;height:7px;border-radius:50%;background:currentColor;animation:onboarding-loader-dot .9s ease-in-out infinite alternate}.onboarding-button-loader span:nth-child(2){animation-delay:.15s}.onboarding-button-loader span:nth-child(3){animation-delay:.3s}@keyframes onboarding-loader-dot{0%{opacity:.45;transform:translateY(2px) scale(.82)}to{opacity:1;transform:translateY(-2px) scale(1.08)}}.form-error{min-height:24px;margin:0;color:#b13d3a;font-size:.88rem;font-weight:700}.onboarding-dots{display:flex;justify-content:center;gap:9px;margin-top:6px}.onboarding-dots span{width:9px;height:9px;border-radius:50%;background:#c7dcf0}.onboarding-dots span:first-child{width:28px;border-radius:var(--radius-pill);background:var(--sky-500)}@media(max-width:980px){.onboarding-shell{grid-template-columns:minmax(290px,.78fr) minmax(390px,1.22fr);gap:24px}.onboarding-visual{min-height:570px}.parent-note{right:0}}@media(max-width:760px){.onboarding-screen{padding-inline:18px;overflow-y:auto}.onboarding-shell{min-height:auto;grid-template-columns:1fr;grid-template-areas:"form" "visual";gap:12px}.onboarding-form-wrap{width:100%;padding-block:4px 14px}.onboarding-form-wrap .brand-mark{margin-bottom:20px}.onboarding-copy h1{font-size:clamp(2.3rem,13vw,4rem)}.onboarding-copy p{margin-bottom:20px;line-height:1.7}.onboarding-visual{min-height:420px;margin-top:14px}.onboarding-visual__blob{inset:0 4% 4%}.onboarding-visual__character{width:min(76%,360px)}.parent-note{right:3%;bottom:1%}}@media(max-width:420px){.onboarding-form{gap:17px}.upload-field{min-height:146px}.onboarding-visual{min-height:370px}.parent-note{width:94%;padding:12px}}.map-screen{min-height:100vh;min-height:100svh;padding-bottom:max(30px,env(safe-area-inset-bottom))}.adventure-map{position:relative;isolation:isolate;width:min(calc(100% - (var(--page-inline) * 2)),var(--max-width));min-height:1680px;margin:0 auto;overflow:hidden;border-radius:38px;border:7px solid rgb(255 255 255 / 82%);box-shadow:var(--shadow-md);background:#9cd9ff}.adventure-map__background,.adventure-map__veil{position:absolute;inset:0;width:100%;height:100%}.adventure-map__background{z-index:-3;object-fit:cover;object-position:center;transform:scale(1.03)}.adventure-map__veil{z-index:-2;background:linear-gradient(180deg,#e5f7ff1f,#ffffff05 42%,#fff6d81a)}.adventure-map__intro{position:relative;z-index:2;margin:24px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:24px;background:#ffffffd9;border:1px solid rgb(255 255 255 / 88%);box-shadow:var(--shadow-sm);backdrop-filter:blur(16px)}.adventure-map__intro h1{margin-bottom:2px;font-size:clamp(1.35rem,2.6vw,2.15rem);letter-spacing:-.035em}.adventure-map__intro p{margin-bottom:0;color:var(--ink-soft);font-size:.93rem}.journey{position:relative;z-index:1;width:min(92%,1040px);min-height:1420px;margin:10px auto 170px;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:230px;align-items:center}.journey__path{position:absolute;z-index:-1;inset:90px 7% 80px;border-radius:48% 52% 45% 55%/18% 22% 20% 24%;border:28px solid rgb(255 236 190 / 90%);box-shadow:inset 0 0 0 4px #b685413d,0 8px 18px #4c683838;transform:rotate(1.5deg)}.journey-stop{position:relative;min-height:126px;display:grid;place-items:center}.journey-stop--0{grid-column:1 / 2}.journey-stop--1{grid-column:2 / 3;transform:translateY(-42px)}.journey-stop--2{grid-column:3 / 4;transform:translateY(-70px)}.journey-stop--3{grid-column:4 / 5;transform:translateY(-50px)}.journey-stop--4{grid-column:5 / 6;transform:translateY(-8px)}.journey-stop--5{grid-column:6 / 7;transform:translateY(34px)}.station{position:relative;width:96px;height:86px;padding:0;display:grid;place-items:center;border:5px solid #fff;border-radius:50% 50% 44% 44%;color:var(--ink);background:linear-gradient(180deg,#fff9cd,var(--sun-400));box-shadow:0 9px #d88c17,0 16px 24px #3c472a3d;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.station:after{content:"";position:absolute;left:12%;right:12%;bottom:-14px;height:16px;border-radius:50%;background:#1c424e2e;filter:blur(4px);z-index:-1}.station:not(:disabled):hover,.station:not(:disabled):focus-visible{transform:translateY(-7px) scale(1.05);filter:saturate(1.08);box-shadow:0 12px #d88c17,0 22px 30px #3c472a47}.station--medium{background:linear-gradient(180deg,#d7ffed,var(--mint-300));box-shadow:0 9px 0 var(--mint-600),0 16px 24px #1e5d4833}.station--advanced{background:linear-gradient(180deg,#e4e5ff,#a9a1f3);box-shadow:0 9px #6d60c2,0 16px 24px #41377a33}.station--locked{color:#70849b;border-color:#eef3f7;background:linear-gradient(180deg,#edf3f8,#b8c7d7);box-shadow:0 8px #8ca0b5,0 13px 21px #3445582e;filter:saturate(.4)}.station--completed{color:#fff;background:linear-gradient(180deg,#ffdb5b,var(--sun-500))}.station--current{animation:station-breathe 2s ease-in-out infinite}.station__number{position:relative;z-index:2;font-size:1.55rem;line-height:1;font-weight:900}.station__status{position:absolute;right:-10px;bottom:-8px;width:34px;height:34px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;color:#fff;background:var(--sky-600);box-shadow:var(--shadow-xs)}.station__status svg{width:19px}.station--completed .station__status{background:var(--mint-600)}.station--locked .station__status{background:#7890a8}.station__halo{position:absolute;inset:-18px;z-index:-1;border:4px solid rgb(255 255 255 / 0%);border-radius:50%}.station--current .station__halo{border-color:#ffffffbf;box-shadow:0 0 0 10px #ffc23840,0 0 38px #ffdd6fcc}.level-marker{position:absolute;z-index:6;top:-60px;right:50%;min-width:170px;min-height:44px;padding:8px 14px;display:flex;align-items:center;justify-content:center;gap:8px;border:3px solid #fff;border-radius:14px;color:#fff;background:var(--sun-500);box-shadow:var(--shadow-sm);transform:translate(50%);font-weight:850;white-space:nowrap}.level-marker svg{width:20px}.level-marker--medium{background:var(--mint-600)}.level-marker--advanced{background:#6d60c2}.current-hero{position:absolute;z-index:5;bottom:68px;left:52%;width:100px;pointer-events:none;filter:drop-shadow(0 12px 9px rgb(14 50 103 / 22%))}.current-activity-card{position:absolute;z-index:10;left:50%;bottom:28px;width:min(calc(100% - 40px),820px);min-height:112px;padding:18px 20px;display:grid;grid-template-columns:72px 1fr auto;gap:18px;align-items:center;border-radius:28px;background:#ffffffeb;border:1px solid rgb(255 255 255 / 80%);box-shadow:0 20px 48px #0e326747;backdrop-filter:blur(18px);transform:translate(-50%)}.current-activity-card__number{width:66px;height:66px;display:grid;place-items:center;border-radius:22px;color:#fff;background:var(--sky-500);box-shadow:0 6px #1f68bf;font-size:1.65rem;font-weight:900}.current-activity-card span{color:var(--mint-600);font-size:.85rem;font-weight:820}.current-activity-card h2{margin:1px 0 0;font-size:clamp(1.1rem,2vw,1.55rem)}.primary-button--map{min-height:58px;white-space:nowrap}@media(max-width:900px){.adventure-map{min-height:2050px;width:calc(100% - 24px);border-width:5px;border-radius:30px}.journey{width:90%;min-height:1770px;grid-template-columns:repeat(3,1fr);grid-auto-rows:170px;margin-bottom:170px}.journey__path{inset:70px 17% 80px;border-width:24px}.journey-stop--0{grid-column:1}.journey-stop--1{grid-column:2;transform:translateY(-25px)}.journey-stop--2,.journey-stop--3{grid-column:3;transform:none}.journey-stop--4{grid-column:2;transform:translateY(-25px)}.journey-stop--5{grid-column:1;transform:none}}@media(max-width:620px){.adventure-map__intro{margin:14px;padding:14px 16px;align-items:flex-start}.adventure-map__intro p{display:none}.adventure-map__intro .ghost-button{flex:0 0 48px;width:48px;padding:0;font-size:0}.adventure-map__intro .ghost-button svg{margin:0}.journey{width:94%;grid-template-columns:repeat(2,1fr);grid-auto-rows:130px;min-height:2010px;margin-top:156px}.journey__path{inset:50px 27%;border-width:20px}.journey-stop--0,.journey-stop--3,.journey-stop--4{grid-column:1;transform:none}.journey-stop--1,.journey-stop--2,.journey-stop--5{grid-column:2;transform:translateY(-18px)}.station{width:80px;height:73px;border-width:4px}.station__number{font-size:1.3rem}.level-marker{top:-54px;min-width:140px;font-size:.78rem}.current-hero{width:76px}.current-activity-card{bottom:18px;width:calc(100% - 26px);grid-template-columns:56px 1fr;gap:12px;padding:13px}.current-activity-card__number{width:52px;height:52px;border-radius:17px;font-size:1.3rem}.primary-button--map{grid-column:1 / -1;min-height:54px}}.activity-screen{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;padding:max(14px,env(safe-area-inset-top)) var(--page-inline) max(104px,calc(80px + env(safe-area-inset-bottom)));overflow:hidden;background:radial-gradient(circle at 10% 20%,rgb(139 201 255 / 32%),transparent 28rem),radial-gradient(circle at 92% 78%,rgb(134 223 192 / 22%),transparent 25rem),linear-gradient(180deg,#f7fbff,#edf7ff 72%,#f9fcff)}.activity-screen:before,.activity-screen:after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(1px)}.activity-screen:before{width:250px;height:250px;top:-90px;right:-50px;background:#ffd76b38}.activity-screen:after{width:300px;height:300px;bottom:-130px;left:-90px;background:#9783ee21}.activity-screen--medium{background:radial-gradient(circle at 12% 18%,rgb(134 223 192 / 28%),transparent 28rem),linear-gradient(180deg,#f8fffc,#edf9f4 72%,#f9fffc)}.activity-screen--advanced{background:radial-gradient(circle at 12% 18%,rgb(151 131 238 / 23%),transparent 29rem),linear-gradient(180deg,#faf9ff,#f1efff 72%,#fbfaff)}.activity-hud{position:relative;z-index:20;width:min(100%,var(--max-width));min-height:82px;margin:0 auto 18px;padding:12px 15px;display:grid;grid-template-columns:auto minmax(190px,1fr) auto auto auto;gap:12px;align-items:center;border:1px solid rgb(255 255 255 / 82%);border-radius:26px;background:#ffffffe0;box-shadow:var(--shadow-sm);backdrop-filter:blur(18px)}.activity-hud__back{color:var(--sky-600)}.activity-hud__progress{min-width:0;padding-inline:6px}.activity-hud__progress>div:first-child{margin-bottom:7px;display:flex;justify-content:space-between;gap:12px}.activity-hud__progress strong,.activity-hud__progress span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-hud__progress strong{font-size:.94rem}.activity-hud__progress span{color:var(--ink-soft);font-size:.78rem;font-weight:720}.activity-hud__stars{min-width:74px;min-height:50px;padding:7px 13px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgb(245 155 23 / 18%);border-radius:17px;background:#fff9e9}.activity-hud__stars svg{width:26px;color:var(--sun-400)}.activity-hud__stars strong{font-size:1.12rem}.activity-hud .secondary-button{min-height:50px;padding-inline:16px;white-space:nowrap;font-size:.86rem}.activity-hud__hint{color:#6250b7;background:#f7f4ff}.activity-layout{width:min(100%,var(--max-width));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(235px,280px);gap:clamp(16px,2.3vw,34px);align-items:start}.activity-main-panel{min-width:0;padding:clamp(14px,2vw,24px);display:grid;gap:15px;border:1px solid rgb(255 255 255 / 90%);border-radius:var(--radius-lg);background:#ffffffd6;box-shadow:var(--shadow-md);backdrop-filter:blur(16px)}.question-card{min-height:92px;padding:16px 19px;display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:center;border-radius:24px;color:var(--ink);background:linear-gradient(135deg,#fff,#eef7ff);border:1px solid #dcecff}.question-card__audio{width:54px;height:54px;display:grid;place-items:center;border:0;border-radius:18px;color:#fff;background:var(--sky-500);box-shadow:0 6px #216ac1;transition:transform .16s ease,box-shadow .16s ease}.question-card__audio:hover{transform:translateY(-2px);box-shadow:0 8px #216ac1}.question-card__audio svg{width:27px}.question-card span{color:var(--coral-500);font-size:.82rem;font-weight:820}.question-card h1{margin:2px 0 0;font-size:clamp(1.3rem,2.6vw,2.15rem);line-height:1.45;letter-spacing:-.025em}.activity-ai-voice-note{display:block;margin-top:5px;color:var(--ink-soft);font-size:.72rem;font-weight:650;line-height:1.6}.activity-audio-error{display:block;margin-top:3px;color:#a53931;font-size:.72rem;font-weight:750;line-height:1.55}.activity-engine-wrap{min-width:0}.play-surface{position:relative;width:100%;min-height:370px;padding:clamp(14px,2.2vw,24px);border:1px solid rgb(67 137 199 / 14%);border-radius:28px;background:radial-gradient(circle at 18% 18%,rgb(255 255 255 / 85%),transparent 28%),linear-gradient(135deg,#f4faff,#eaf6ff);overflow:hidden}.selection-helper{width:fit-content;margin:0 auto 18px;padding:7px 14px;border-radius:var(--radius-pill);color:var(--sky-600);background:#fff;border:1px solid #dcecff;font-size:.85rem;font-weight:720;text-align:center}.duck-scene{min-height:clamp(390px,51vw,610px);padding:0;background:#a8daf2}.duck-scene__background,.duck-scene__choices{position:absolute;inset:0;width:100%;height:100%}.duck-scene__background{object-fit:cover}.duck-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 58%,rgb(17 90 117 / 12%))}.duck-scene__choices{z-index:2}.duck-choice{position:absolute;min-width:58px;min-height:58px;aspect-ratio:1;padding:0;border:0;border-radius:48%;background:transparent;filter:drop-shadow(0 12px 8px rgb(20 80 91 / 24%));transition:filter .18s ease,scale .18s ease}.duck-choice:before{content:"";position:absolute;inset:-9px;border:5px solid transparent;border-radius:48%;transition:border-color .18s ease,box-shadow .18s ease}.duck-choice:hover,.duck-choice:focus-visible{scale:1.08;filter:drop-shadow(0 16px 11px rgb(20 80 91 / 33%))}.duck-choice--selected:before{border-color:#fff;box-shadow:0 0 0 7px #3489f575,0 0 28px #ffffffdb}.duck-choice img{width:100%;height:100%;object-fit:contain;transform-origin:center}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:14px;align-content:center}.choice-scene{border:1px solid #dcecf8;box-shadow:inset 0 -8px 20px #3489f50f}.choice-scene--counting{background:radial-gradient(circle at 50% 110%,rgb(134 223 192 / 42%),transparent 46%),linear-gradient(135deg,#fffdf4,#f5fbff)!important}.choice-scene__basket{filter:drop-shadow(0 5px 3px rgb(83 64 30 / 18%))}.choice-scene__apples span{filter:drop-shadow(0 4px 2px rgb(118 32 25 / 17%))}.choice-card__color-balloon{width:clamp(52px,7vw,76px);height:auto;filter:drop-shadow(0 8px 5px rgb(14 50 103 / 16%))}.choice-grid--multi{min-height:0;padding:0;border:0;background:transparent}.choice-card{position:relative;min-height:160px;padding:16px 12px;display:grid;place-items:center;align-content:center;gap:10px;border:3px solid #fff;border-radius:24px;color:var(--ink);background:#ffffffe5;box-shadow:0 7px #ccdfef,var(--shadow-xs);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.choice-card:hover:not(:disabled){transform:translateY(-4px);border-color:var(--sky-300);box-shadow:0 10px #acd2f3,var(--shadow-sm)}.choice-card--selected{border-color:var(--sky-500);background:#eff8ff;box-shadow:0 7px #2f79ce,0 0 0 5px #3489f51f}.choice-card__visual{display:block;font-size:clamp(2.7rem,6vw,4.7rem);line-height:1}.choice-card__label{font-size:1rem;font-weight:800;text-align:center}.choice-card__check{position:absolute;top:9px;left:9px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#c9d8e6;font-weight:900}.choice-card--selected .choice-card__check{background:var(--mint-500)}.order-activity,.match-activity,.memory-activity,.sort-activity,.maze-activity,.puzzle-activity,.multi-select-activity{display:grid;gap:18px;align-content:center}.order-timeline,.activity-items-pool,.sort-pool,.puzzle-slots{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:12px}.order-slot{position:relative;flex:1 1 130px;max-width:200px;min-height:126px;padding:20px 10px 12px;display:grid;place-items:center;align-content:center;gap:5px;border:2px dashed #a8c9e5;border-radius:20px;color:var(--ink-soft);background:#ffffff8f}.order-slot--filled{border-style:solid;border-color:var(--mint-500);color:var(--ink);background:#f2fff9;box-shadow:0 6px #a6dbc8}.order-slot__number{position:absolute;top:8px;right:9px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--sky-500);font-size:.78rem;font-weight:850}.order-slot__emoji{font-size:2.25rem}.pool-item{min-width:112px;min-height:86px;padding:10px 14px;display:grid;place-items:center;gap:3px;border:2px solid #fff;border-radius:18px;color:var(--ink);background:#fff;box-shadow:0 6px #c8ddec;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.pool-item>span{font-size:2rem}.pool-item>strong{font-size:.86rem}.pool-item:hover:not(:disabled),.pool-item--selected{transform:translateY(-4px);border-color:var(--sky-500);box-shadow:0 9px #8fbde3}.pool-item--used{opacity:.52;box-shadow:none}.pool-item__status{color:var(--mint-600);font-size:.7rem;font-weight:800}.activity-submit{justify-self:center;min-width:min(100%,230px);min-height:54px;padding:0 24px;border:0;border-radius:var(--radius-pill);color:#fff;background:linear-gradient(180deg,#53cba1,var(--mint-500));box-shadow:0 7px 0 var(--mint-600),0 12px 20px #24957038;font-weight:820;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.activity-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 0 var(--mint-600),0 16px 24px #24957042}.activity-submit:disabled{opacity:.45;box-shadow:0 4px #9aafa8}.match-board{display:grid;grid-template-columns:minmax(120px,1fr) 60px minmax(120px,1fr);gap:10px;align-items:stretch}.match-column{display:grid;gap:10px}.match-item{min-height:82px;padding:10px;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;border:2px solid #d6e7f5;border-radius:18px;color:var(--ink);background:#fff;box-shadow:var(--shadow-xs);text-align:start}.match-item>span{font-size:2rem}.match-item strong{font-size:.9rem}.match-item small{grid-column:1 / -1;color:var(--mint-600);font-weight:750}.match-item--selected{border-color:var(--sky-500);box-shadow:0 0 0 4px #3489f521}.match-item--paired{border-color:var(--mint-500);background:#f1fff9}.match-item--unavailable{opacity:.62;filter:saturate(.65)}.match-bridge{display:grid;gap:10px;align-items:center}.match-bridge__line{height:5px;border-radius:var(--radius-pill);background:#cfdeea}.match-bridge__line--active{background:linear-gradient(90deg,var(--sky-500),var(--mint-500));box-shadow:0 0 0 3px #41ba911f}.sort-bins{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.sort-bin{min-height:142px;padding:14px;display:grid;place-items:center;gap:5px;border:3px dashed #b3ccdf;border-radius:24px 24px 32px 32px;color:var(--ink);background:#ffffffb8}.sort-bin--ready{border-color:var(--mint-500);background:#f3fff9;animation:bin-ready .9s ease-in-out infinite alternate}.sort-bin__emoji{font-size:2.6rem}.sort-bin__contents{min-height:32px;display:flex;justify-content:center;flex-wrap:wrap;gap:3px;font-size:1.5rem}.puzzle-slots{align-items:center}.puzzle-slot{position:relative;flex:1 1 150px;max-width:230px;min-height:154px;padding:12px;display:grid;place-items:center;align-content:center;gap:5px;border:3px dashed #9ebfd9;border-radius:26px;color:var(--ink);background:#ffffff9e}.puzzle-slot__guide{position:absolute;inset:0;display:grid;place-items:center;opacity:.12;font-size:5.7rem}.puzzle-slot__piece,.puzzle-slot__plus{position:relative;z-index:1;font-size:3.3rem}.puzzle-slot__plus{color:#91abc0}.puzzle-slot--filled{border-style:solid;border-color:var(--mint-500);background:#f2fff9}.memory-grid{width:min(100%,690px);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:12px;perspective:1000px}.memory-card{position:relative;min-height:120px;padding:0;border:0;border-radius:21px;background:transparent;transform-style:preserve-3d}.memory-card__back,.memory-card__front{position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;backface-visibility:hidden;transition:transform .42s cubic-bezier(.2,.75,.2,1)}.memory-card__back{color:#fff;background:radial-gradient(circle at 50% 35%,rgb(255 255 255 / 22%) 0 2px,transparent 3px),linear-gradient(145deg,var(--sky-500),#5c61d1);box-shadow:0 7px #3b53a4,var(--shadow-sm);font-size:2.4rem}.memory-card__front{align-content:center;gap:6px;border:3px solid #fff;background:#fff;box-shadow:0 7px #c7dbe9;transform:rotateY(180deg)}.memory-card__front>span{font-size:3rem}.memory-card__front small{font-weight:760}.memory-card--open .memory-card__back{transform:rotateY(-180deg)}.memory-card--open .memory-card__front{transform:rotateY(0)}.memory-card--matched .memory-card__front{border-color:var(--mint-500);background:#f1fff9;box-shadow:0 7px #90ceb8}.memory-score,.maze-steps{justify-self:center;padding:8px 16px;border-radius:var(--radius-pill);color:var(--ink-soft);background:#ffffffdb;font-size:.86rem;font-weight:740}.memory-score{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;text-align:center}.memory-feedback{color:var(--sky-600)}.maze-route-guide{width:min(100%,680px);margin:-5px auto 0;padding:9px 13px;border:1px solid #d6e7f5;border-radius:16px;color:var(--ink-soft);background:#ffffffd1;font-size:.82rem;line-height:1.7}.maze-board{position:relative;width:min(100%,690px);min-height:300px;margin:0 auto;padding:18px;display:grid;gap:14px;align-items:center;border-radius:28px;background:linear-gradient(#ffffff52,#ffffff52),repeating-linear-gradient(45deg,#c9eec0 0 14px,#c0e6b5 14px 28px);border:5px solid #fff;overflow:hidden}.maze-node{position:relative;z-index:2;min-width:54px;min-height:64px;padding:5px;display:grid;place-items:center;gap:1px;border:3px solid #fff;border-radius:18px;color:var(--ink);background:#ffffffe8;box-shadow:0 5px #a7c4a4}.maze-node>span{font-size:1.65rem}.maze-node small{font-size:.65rem;font-weight:760}.maze-node--visited{color:#fff;background:var(--sky-500);box-shadow:0 5px 0 var(--sky-600)}.maze-node--current{box-shadow:0 5px 0 var(--sky-600),0 0 0 6px #ffffffbf}.maze-node--available{border-color:var(--sky-300);box-shadow:0 5px #83afd2,0 0 0 5px #ffffff94}.maze-node--goal{background:#fff8d9;border-color:var(--sun-400)}.maze-node--blocked{filter:grayscale(.3);opacity:.78;box-shadow:none}.maze-lines{position:absolute;inset:8%;width:84%;height:84%;pointer-events:none}.maze-lines path{fill:none;stroke:#ffffffc7;stroke-width:5;stroke-linecap:round;stroke-dasharray:4 4}.maze-line{transition:stroke .18s ease,stroke-width .18s ease}.maze-line--available{filter:drop-shadow(0 0 2px rgb(52 137 245 / 55%))}.maze-line--blocked{opacity:.7}.feedback-bar{min-height:58px;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:19px;color:var(--ink);background:#f3f8fc;border:1px solid #dce9f3;text-align:center}.feedback-bar__spark{font-size:1.25rem}.feedback-bar strong{font-size:.9rem}.feedback-bar--encourage{color:#74571b;background:#fff9e6;border-color:#f4df9d}.feedback-bar--success{color:#176c53;background:#ecfff8;border-color:#a9dfcc}.hint-panel{max-height:0;padding:0 16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;overflow:hidden;border:0 solid #d9d0fa;border-radius:20px;color:#53449b;background:#f8f6ff;opacity:0;visibility:hidden;transition:max-height .26s ease,padding .26s ease,opacity .22s ease,border-width .22s ease}.hint-panel--visible{max-height:180px;padding-block:13px;border-width:1px;opacity:1;visibility:visible}.hint-panel>svg{width:27px}.hint-panel p{margin:2px 0 0;color:var(--ink-soft);font-size:.86rem;line-height:1.7}.hint-panel .icon-button{width:46px;min-width:46px;min-height:46px}.activity-side-panel{position:sticky;top:18px;min-height:620px;padding:20px 16px;display:grid;justify-items:center;align-content:start;gap:12px;border:1px solid rgb(255 255 255 / 88%);border-radius:var(--radius-lg);background:#ffffffd1;box-shadow:var(--shadow-md);backdrop-filter:blur(16px)}.activity-timer{min-width:150px;padding:10px 14px;border-radius:22px;background:#f7fbff;border:1px solid #deedf7}.activity-timer__progress{stroke:var(--mint-500)}.activity-timer--close .activity-timer__progress{stroke:var(--sun-500)}.activity-timer--hint-time .activity-timer__progress{stroke:var(--violet-400)}.activity-timer__star{color:var(--sun-400);font-size:.8rem}.activity-timer__number{font-size:1.05rem;font-weight:900}.activity-timer__label{margin-top:2px;color:var(--ink-soft);font-size:.72rem;font-weight:700;text-align:center}.activity-character{width:min(100%,205px);height:350px;display:flex;align-items:flex-end;justify-content:center;overflow:visible;filter:drop-shadow(0 18px 15px rgb(14 50 103 / 18%))}.character-bubble{position:relative;width:100%;min-height:60px;padding:10px 14px;display:grid;place-items:center;border:2px solid #d9e9f6;border-radius:20px;color:var(--ink-soft);background:#fff;box-shadow:var(--shadow-xs);font-size:.85rem;font-weight:760;line-height:1.6;text-align:center}.character-bubble:before{content:"";position:absolute;top:-10px;right:50%;width:18px;height:18px;border-top:2px solid #d9e9f6;border-right:2px solid #d9e9f6;background:#fff;transform:translate(50%) rotate(-45deg)}.character-bubble--happy{color:#187457;border-color:#9fd9c4;background:#f0fff9}.character-bubble--encourage{color:#73591c;border-color:#ecd899;background:#fffaf0}.success-dock{position:fixed;z-index:50;left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(calc(100% - 32px),860px);min-height:78px;padding:10px 13px 10px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgb(255 255 255 / 86%);border-radius:27px;color:#176c53;background:#effff9f2;box-shadow:0 18px 58px #0e326745;backdrop-filter:blur(18px);transform:translate(-50%)}.success-dock>div{display:flex;align-items:center;gap:10px}.success-dock>div svg{width:34px;color:var(--sun-400)}.success-dock .primary-button{min-height:56px;font-size:1rem}.activity-reward{position:fixed!important;z-index:45!important}.modal-backdrop{position:fixed;z-index:100;inset:0;padding:18px;display:grid;place-items:center;background:#0b23418f;backdrop-filter:blur(9px)}.confirm-modal{width:min(100%,500px);padding:clamp(24px,5vw,38px);border:1px solid rgb(255 255 255 / 86%);border-radius:30px;color:var(--ink);background:#fff;box-shadow:0 30px 80px #05193557;text-align:center}.confirm-modal__icon{width:68px;height:68px;margin:0 auto 16px;display:grid;place-items:center;border-radius:22px;color:var(--coral-500);background:#fff1f0}.confirm-modal__icon svg{width:34px}.confirm-modal h2{margin-bottom:8px;font-size:clamp(1.5rem,4vw,2rem)}.confirm-modal p{margin-bottom:23px;color:var(--ink-soft);line-height:1.8}.confirm-modal__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.confirm-modal__actions>button{flex:1 1 180px}@media(max-width:1080px){.activity-hud{grid-template-columns:auto minmax(170px,1fr) auto auto}.activity-hud__audio span{display:none}.activity-hud__audio{width:52px;padding:0!important}.activity-layout{grid-template-columns:minmax(0,1fr) 220px}.activity-side-panel{min-height:540px}.activity-character{height:300px}}@media(max-width:820px){.activity-screen{padding-inline:14px}.activity-hud{position:sticky;top:max(8px,env(safe-area-inset-top));grid-template-columns:auto 1fr auto auto;border-radius:22px}.activity-hud__stars{min-width:54px;padding-inline:8px}.activity-hud__hint span{display:none}.activity-hud__hint{width:50px;padding:0!important}.activity-hud__audio{display:none!important}.activity-layout{grid-template-columns:1fr}.activity-side-panel{position:static;min-height:0;padding:12px 15px;grid-template-columns:auto minmax(90px,150px) 1fr;align-items:center;order:-1;border-radius:24px}.activity-timer{min-width:126px}.activity-character{width:120px;height:205px}.character-bubble{min-height:72px}}@media(max-width:600px){.activity-screen{padding:max(8px,env(safe-area-inset-top)) 9px max(96px,calc(74px + env(safe-area-inset-bottom)))}.activity-hud{min-height:66px;margin-bottom:10px;padding:8px;gap:7px;grid-template-columns:auto 1fr auto;border-radius:19px}.activity-hud .icon-button,.activity-hud__hint{width:46px;min-width:46px;min-height:46px}.activity-hud__stars,.activity-hud__progress span{display:none}.activity-hud__progress>div:first-child{margin-bottom:5px}.activity-main-panel{padding:9px;gap:10px;border-radius:22px}.question-card{min-height:76px;padding:11px;gap:10px;border-radius:19px}.question-card__audio{width:47px;height:47px;border-radius:15px}.question-card h1{font-size:1.22rem}.play-surface{min-height:340px;padding:12px;border-radius:21px}.duck-scene{min-height:clamp(340px,108vw,480px);padding:0}.duck-choice{min-width:48px;min-height:48px}.activity-side-panel{padding:9px;grid-template-columns:90px 76px 1fr;gap:8px;border-radius:20px}.activity-timer{min-width:90px;padding:6px}.activity-timer__ring{width:68px;height:68px}.activity-timer__label{display:none}.activity-character{width:76px;height:132px}.character-bubble{min-height:58px;padding:8px;border-radius:16px;font-size:.72rem}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice-card{min-height:126px;padding:10px 7px;border-radius:18px}.choice-card__visual{font-size:2.8rem}.order-slot{flex-basis:100px;min-height:104px}.pool-item{min-width:92px;min-height:78px}.match-board{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:5px}.match-item{min-height:76px;padding:7px;grid-template-columns:1fr;justify-items:center;text-align:center}.match-item>span{font-size:1.65rem}.match-item strong{font-size:.72rem}.match-item small{display:none}.memory-grid{grid-template-columns:repeat(3,1fr);gap:8px}.memory-card{min-height:92px}.memory-card__front>span{font-size:2.25rem}.maze-board{min-height:280px;padding:9px;gap:8px}.maze-node{min-width:44px;min-height:56px}.maze-node small{display:none}.feedback-bar{min-height:52px;padding:8px 10px}.hint-panel{grid-template-columns:auto 1fr}.hint-panel .icon-button{grid-column:1 / -1;width:100%}.success-dock{width:calc(100% - 18px);min-height:70px;padding:8px;gap:8px;border-radius:22px}.success-dock>div strong{display:none}.success-dock .primary-button{flex:1;min-height:52px;padding-inline:15px}}@media(max-width:390px){.activity-side-panel{grid-template-columns:78px 62px 1fr}.activity-character{width:62px;height:106px}.memory-grid{grid-template-columns:repeat(2,1fr)}}.story-map-button{min-height:48px;padding:0 18px;border:1px solid rgb(36 149 112 / 18%);border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:linear-gradient(180deg,#58cda5,var(--mint-600));box-shadow:0 5px #18795b,0 10px 20px #24957033;font-weight:850;transition:transform .18s ease,box-shadow .18s ease}.story-map-button svg{width:24px}.story-map-button:hover,.story-map-button:focus-visible{transform:translateY(-2px);box-shadow:0 7px #18795b,0 14px 24px #2495703d}.adventure-map__intro-actions{display:flex;align-items:center;gap:12px}.story-screen{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;padding:max(16px,env(safe-area-inset-top)) var(--page-inline) max(30px,env(safe-area-inset-bottom));overflow:hidden;background:radial-gradient(circle at 9% 11%,rgb(255 189 49 / 24%),transparent 22rem),radial-gradient(circle at 92% 55%,rgb(65 186 145 / 17%),transparent 30rem),linear-gradient(148deg,#e0f2ff,#f8fbff 47%,#edf8ff)}.story-screen:before,.story-screen:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.story-screen:before{top:-210px;right:-120px;width:520px;height:520px;border:85px solid rgb(255 255 255 / 30%)}.story-screen:after{bottom:-150px;left:-120px;width:380px;height:380px;background:#9783ee17}.story-topbar,.story-shell{width:min(100%,var(--max-width));margin-inline:auto}.story-topbar{position:relative;z-index:20;min-height:82px;padding:12px 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;border:1px solid rgb(255 255 255 / 82%);border-radius:26px;background:#ffffffd6;box-shadow:var(--shadow-sm);backdrop-filter:blur(18px)}.story-topbar .brand-mark{justify-self:start}.story-topbar>.ghost-button{justify-self:end}.story-topbar__section{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;border-radius:var(--radius-pill);color:var(--mint-600);background:#41ba911c;font-size:1rem;font-weight:850}.story-topbar__section svg{width:24px}.story-shell{position:relative;z-index:2;margin-top:22px}.story-setup{min-height:min(740px,calc(100svh - 130px));overflow:hidden;display:grid;grid-template-columns:minmax(500px,1.08fr) minmax(380px,.92fr);grid-template-areas:"form visual";border:1px solid rgb(255 255 255 / 84%);border-radius:38px;background:#ffffffe8;box-shadow:var(--shadow-md)}.story-setup__visual{grid-area:visual;position:relative;isolation:isolate;min-height:720px;overflow:hidden;background:#8bcfff}.story-setup__visual>img,.story-setup__visual-shade{position:absolute;inset:0;width:100%;height:100%}.story-setup__visual>img{z-index:-3;object-fit:cover;object-position:center;transform:scale(1.04)}.story-setup__visual-shade{z-index:-2;background:linear-gradient(180deg,#2787d30d 30%,#0e326742),radial-gradient(circle at 50% 32%,rgb(255 255 255 / 42%),transparent 42%)}.story-setup__character{position:absolute;z-index:2;right:50%;bottom:86px;width:min(58%,290px);filter:drop-shadow(0 28px 24px rgb(14 50 103 / 27%));transform:translate(50%)}.story-setup__bubble{position:absolute;z-index:5;right:7%;bottom:24px;width:86%;min-height:82px;padding:15px 17px;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;border:1px solid rgb(255 255 255 / 80%);border-radius:24px;background:#ffffffeb;box-shadow:0 16px 34px #0e326738;backdrop-filter:blur(14px)}.story-setup__bubble>svg{width:40px;padding:8px;color:var(--sun-500);border-radius:14px;background:#fff6d9}.story-setup__bubble strong,.story-setup__bubble span{display:block}.story-setup__bubble strong{margin-bottom:2px;font-size:1rem}.story-setup__bubble span span{color:var(--ink-soft);font-size:.8rem;line-height:1.7}.story-setup__spark{position:absolute;z-index:4;display:grid;place-items:center;color:#fff;text-shadow:0 3px 9px rgb(14 50 103 / 24%);animation:story-spark 2.8s ease-in-out infinite}.story-setup__spark--one{top:13%;right:15%;font-size:2.4rem}.story-setup__spark--two{top:27%;left:13%;color:var(--sun-300);font-size:1.8rem;animation-delay:-1.2s}.story-form{grid-area:form;padding:clamp(28px,4vw,58px);align-self:center}.story-form__heading{margin-bottom:27px}.story-form__eyebrow,.story-error__eyebrow,.story-loading__badge{display:inline-flex;align-items:center;gap:7px;color:var(--mint-600);font-size:.9rem;font-weight:850}.story-form__eyebrow svg,.story-loading__badge svg{width:22px}.story-form h1{margin:8px 0 7px;font-size:clamp(2rem,3.6vw,3.15rem);line-height:1.28;letter-spacing:-.045em}.story-form__heading p{margin:0;color:var(--ink-soft);font-size:.98rem;line-height:1.8}.story-fieldset{min-width:0;padding:0;margin:0 0 22px;border:0}.story-fieldset legend{width:100%;margin-bottom:10px;display:flex;align-items:center;gap:9px;font-size:1rem;font-weight:840}.story-fieldset legend>span{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--sky-500);font-size:.8rem;box-shadow:0 3px #246fc7}.story-options{display:grid;gap:9px}.story-options--three{grid-template-columns:repeat(3,minmax(0,1fr))}.story-options--five{grid-template-columns:repeat(5,minmax(0,1fr))}.story-choice{position:relative;min-height:74px;padding:9px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden;border:2px solid var(--outline);border-radius:18px;color:var(--ink-soft);background:var(--sky-25);font-size:.8rem;font-weight:780;line-height:1.4;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.story-choice:hover,.story-choice:focus-within{transform:translateY(-2px);border-color:#3489f57a;box-shadow:var(--shadow-xs)}.story-choice--selected{border-color:var(--sky-500);color:var(--ink);background:#e9f5ff;box-shadow:inset 0 0 0 1px #3489f526,var(--shadow-xs)}.story-choice input{position:absolute;width:1px;height:1px;opacity:0}.story-choice__icon{font-size:1.6rem;line-height:1.1;filter:drop-shadow(0 2px 2px rgb(14 50 103 / 12%))}.story-choice__check{position:absolute;top:6px;left:6px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--sky-500);opacity:0;transform:scale(.6);transition:opacity .16s ease,transform .16s ease;font-size:.72rem}.story-choice--selected .story-choice__check{opacity:1;transform:scale(1)}.story-form__submit{width:100%;margin-top:5px}.story-form__note{margin:14px 0 0;color:var(--ink-faint);text-align:center;font-size:.78rem}.story-loading,.story-error{position:relative;width:min(100%,920px);min-height:650px;margin:0 auto;padding:42px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgb(255 255 255 / 90%);border-radius:38px;background:#ffffffe8;box-shadow:var(--shadow-md);text-align:center}.story-loading__halo{position:absolute;top:65px;width:330px;height:330px;border:2px dashed rgb(52 137 245 / 24%);border-radius:50%;background:radial-gradient(circle,rgb(139 201 255 / 30%),transparent 68%);animation:story-orbit 12s linear infinite}.story-loading__character{position:relative;z-index:2;width:180px;margin-bottom:-2px;filter:drop-shadow(0 20px 18px rgb(14 50 103 / 18%))}.story-loading__copy{position:relative;z-index:3}.story-loading h1{margin:10px 0 7px;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.04em}.story-loading p{min-height:32px;margin-bottom:12px;color:var(--ink-soft);font-size:1.05rem}.story-loading>.ghost-button{position:relative;z-index:4;margin-top:22px}.story-loading__dots{display:flex;justify-content:center;gap:8px;direction:ltr}.story-loading__dots span{width:11px;height:11px;border-radius:50%;background:var(--sky-500);animation:story-loading-dot 1s ease-in-out infinite alternate}.story-loading__dots span:nth-child(2){animation-delay:.16s;background:var(--mint-500)}.story-loading__dots span:nth-child(3){animation-delay:.32s;background:var(--sun-400)}.story-loading__spark{position:absolute;z-index:2;color:var(--sun-400);animation:story-spark 2.4s ease-in-out infinite}.story-loading__spark--one{top:18%;right:21%;font-size:2.1rem}.story-loading__spark--two{top:34%;left:19%;color:var(--mint-500);font-size:1.7rem;animation-delay:-1s}.story-error{min-height:520px;display:grid;grid-template-columns:minmax(180px,250px) minmax(0,1fr);gap:42px;text-align:start}.story-error__character{width:100%;filter:drop-shadow(0 18px 18px rgb(14 50 103 / 18%))}.story-error__eyebrow{color:var(--coral-500)}.story-error h1{margin:8px 0;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em}.story-error p{max-width:560px;margin-bottom:24px;color:var(--ink-soft);line-height:1.9}.story-error__actions{display:flex;flex-wrap:wrap;gap:12px}.story-reader{width:100%}.story-reader__heading{margin-bottom:18px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgb(255 255 255 / 85%);border-radius:26px;background:#ffffffdb;box-shadow:var(--shadow-sm);backdrop-filter:blur(16px)}.story-reader__title{min-width:0;display:flex;align-items:center;gap:13px}.story-reader__title>img,.story-reader__title>span{width:64px;height:64px;flex:0 0 64px;border-radius:20px;object-fit:cover;box-shadow:var(--shadow-xs)}.story-reader__title>span{padding:14px;display:grid;place-items:center;color:var(--mint-600);background:#e8faf4}.story-reader__title span,.story-reader__title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-reader__title div>span{display:block;color:var(--mint-600);font-size:.8rem;font-weight:800}.story-reader__title h1{max-width:50vw;margin:1px 0 0;font-size:clamp(1.25rem,2.5vw,1.9rem)}.story-reader__story-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px}.story-reader__story-actions .secondary-button,.story-reader__story-actions .ghost-button{min-height:48px;padding:0 16px;font-size:.88rem;white-space:nowrap}.story-reader__story-actions .secondary-button{color:var(--mint-600);border-color:#2495703d;background:#f1fff9}.story-reader__story-actions .story-pdf-button{color:#fff;border-color:transparent;background:linear-gradient(180deg,#4698ff,var(--sky-600));box-shadow:0 4px #125bb7}.story-reader__story-actions button:disabled{cursor:wait;opacity:.62}.story-pdf-status{min-height:20px;margin:-9px 20px 9px;color:var(--ink-soft);text-align:end;font-size:.78rem}.story-pdf-status--success{color:var(--mint-600)}.story-pdf-status--error{color:var(--coral-600)}.story-book{position:relative;min-height:650px;padding:24px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.75fr);gap:0;direction:ltr;border:1px solid rgb(14 50 103 / 10%);border-radius:40px;background:#fffefb;box-shadow:0 28px 70px #0e32672e,inset 0 0 0 7px #ffffffbd}.story-book:after{content:"";position:absolute;z-index:4;top:34px;bottom:34px;left:calc(100% * 1.5 / 2.25 + 8px);width:18px;border-radius:50%;background:linear-gradient(90deg,#0e326708,#0e326721,#ffffffb8);filter:blur(3px);transform:translate(-50%);pointer-events:none}.story-book__illustration{position:relative;min-width:0;margin:0;overflow:hidden;border-radius:27px 8px 8px 27px;background:radial-gradient(circle at 50% 40%,rgb(139 201 255 / 35%),transparent 50%),var(--sky-50);box-shadow:inset 0 0 0 1px #0e326714}.story-book__image-crop{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.story-book__sheet{position:absolute;max-width:none;object-fit:fill}.story-book__illustration figcaption{position:absolute;bottom:16px;left:16px;min-height:38px;padding:0 14px;display:flex;align-items:center;border:1px solid rgb(255 255 255 / 60%);border-radius:var(--radius-pill);color:#fff;background:#0e32679e;box-shadow:var(--shadow-xs);backdrop-filter:blur(10px);font-size:.8rem;font-weight:780}.story-book__page{position:relative;min-width:0;padding:clamp(30px,4vw,64px) clamp(24px,3.5vw,52px) 30px;display:flex;flex-direction:column;direction:rtl;background:linear-gradient(#ffffffc7,#ffffffc7),repeating-linear-gradient(0deg,transparent 0 39px,rgb(52 137 245 / 6%) 40px);animation:story-page-enter .3s cubic-bezier(.2,.8,.2,1) both}.story-book__page-number{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;color:#fff;background:var(--coral-400);box-shadow:0 5px 0 var(--coral-600);font-weight:900}.story-book__page>p{margin:auto 0;color:var(--ink);font-size:clamp(1.7rem,3.2vw,2.55rem);font-weight:760;line-height:1.85;letter-spacing:-.025em}.story-narration{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.story-narration__play,.story-narration__replay{min-height:54px;padding:0 17px;border:0;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:820;transition:transform .16s ease,background-color .16s ease}.story-narration__play{color:#fff;background:linear-gradient(180deg,#4698ff,var(--sky-600));box-shadow:0 5px #125bb7}.story-narration__replay{color:var(--sky-600);background:var(--sky-50);border:1px solid var(--outline)}.story-narration__play:hover:not(:disabled),.story-narration__replay:hover:not(:disabled){transform:translateY(-2px)}.story-narration__play:disabled,.story-narration__replay:disabled{opacity:.6}.story-narration svg{width:23px}.story-narration__disclosure{margin-top:9px;display:block;color:var(--ink-soft);font-size:.72rem;font-weight:650;line-height:1.6}.story-autoplay{min-height:62px;margin-top:12px;padding:8px 11px;display:flex;align-items:center;gap:10px;border:1px solid rgb(65 186 145 / 18%);border-radius:18px;background:#f4fff9}.story-autoplay input{position:absolute;width:1px;height:1px;opacity:0}.story-autoplay__switch{width:46px;height:27px;flex:0 0 46px;padding:3px;border-radius:var(--radius-pill);background:#b9c8d6;transition:background-color .17s ease}.story-autoplay__switch>span{width:21px;height:21px;display:block;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0e326733;transform:translate(-19px);transition:transform .17s ease}.story-autoplay input:checked+.story-autoplay__switch{background:var(--mint-500)}.story-autoplay input:checked+.story-autoplay__switch>span{transform:translate(0)}.story-autoplay:focus-within{outline:4px solid rgb(52 137 245 / 25%);outline-offset:2px}.story-autoplay strong,.story-autoplay small{display:block}.story-autoplay strong{font-size:.82rem}.story-autoplay small{color:var(--ink-soft);font-size:.69rem}.story-narration__error{min-height:18px;margin:6px 0 0;color:var(--coral-600);font-size:.7rem;line-height:1.5}.story-reader__progress{width:calc(100% - 50px);height:8px;margin:17px auto 0;overflow:hidden;border-radius:var(--radius-pill);background:#ffffffb3;box-shadow:inset 0 1px 4px #0e32671f;direction:rtl}.story-reader__progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sun-400),var(--coral-400));transition:width .35s ease}.story-reader__navigation{min-height:82px;padding:14px 4px 0;display:grid;grid-template-columns:minmax(155px,auto) 1fr minmax(155px,auto);align-items:center;gap:16px}.story-page-button{min-height:54px;padding:0 18px;border:1px solid var(--outline);border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffffffe5;box-shadow:var(--shadow-xs);font-weight:820}.story-page-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.story-page-button:disabled{opacity:.42}.story-page-button svg{width:23px}.story-page-button--previous svg{transform:rotate(180deg)}.story-page-dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;direction:ltr}.story-page-dot{position:relative;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent}.story-page-dot:before{content:"";width:12px;height:12px;position:absolute;inset:50% auto auto 50%;border-radius:50%;background:#b7c8d8;transform:translate(-50%,-50%);transition:width .18s ease,background-color .18s ease,border-radius .18s ease}.story-page-dot--current:before{width:31px;border-radius:var(--radius-pill);background:var(--sky-500)}.story-reader__ending{min-height:96px;margin-top:14px;padding:14px 18px;display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid rgb(255 189 49 / 30%);border-radius:26px;background:#fffaf0;box-shadow:var(--shadow-sm)}.story-reader__ending>span{font-size:2.2rem}.story-reader__ending strong{font-size:1.05rem}.story-reader__ending .primary-button{min-height:54px;margin-inline-start:auto;font-size:.95rem}@keyframes story-spark{0%,to{transform:translateY(0) rotate(-4deg) scale(.9);opacity:.65}50%{transform:translateY(-10px) rotate(8deg) scale(1.08);opacity:1}}@keyframes story-orbit{to{transform:rotate(360deg)}}@keyframes story-loading-dot{to{transform:translateY(-8px);opacity:.55}}@keyframes story-page-enter{0%{opacity:0;transform:translateY(9px) scale(.995)}to{opacity:1;transform:none}}@media(max-width:1080px){.story-setup{grid-template-columns:minmax(460px,1.15fr) minmax(300px,.85fr)}.story-options--five{grid-template-columns:repeat(3,minmax(0,1fr))}.story-book{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}.story-book:after{left:calc(65% + 8px)}}@media(max-width:880px){.story-topbar{grid-template-columns:1fr auto}.story-topbar__section{display:none}.story-setup{grid-template-columns:1fr;grid-template-areas:"visual" "form"}.story-setup__visual{min-height:420px}.story-setup__character{bottom:56px;width:min(38%,190px)}.story-setup__bubble{right:auto;left:20px;bottom:20px;width:min(54%,390px)}.story-book{min-height:0;grid-template-columns:1fr;padding:18px}.story-book:after{display:none}.story-book__illustration{border-radius:25px 25px 10px 10px}.story-book__page{min-height:390px;border-radius:0 0 25px 25px}.story-reader__heading{align-items:flex-start}.story-reader__story-actions{flex-direction:column;align-items:stretch}.story-reader__story-actions button{width:100%}}@media(max-width:620px){.adventure-map__intro-actions{gap:8px}.story-map-button{width:auto;min-width:104px;padding-inline:14px;font-size:.9rem;white-space:nowrap}.story-map-button svg{width:20px;flex:0 0 auto}.story-screen{padding-inline:12px}.story-topbar{min-height:68px;padding:9px 12px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;border-radius:22px}.story-topbar .brand-mark__text{display:none}.story-topbar__section{min-width:0;padding:0 10px;display:inline-flex;justify-self:center;font-size:.9rem}.story-topbar__section svg{width:20px}.story-topbar>.ghost-button{width:48px;min-width:48px;min-height:48px;padding:0;font-size:0}.story-shell{margin-top:12px}.story-setup,.story-loading,.story-error{border-radius:28px}.story-setup__visual{min-height:350px}.story-setup__character{right:26%;bottom:40px;width:145px}.story-setup__bubble{left:12px;bottom:12px;width:min(58%,260px);min-height:68px;padding:10px;grid-template-columns:32px 1fr;border-radius:18px}.story-setup__bubble>svg{width:32px;padding:6px}.story-setup__bubble span span{display:none}.story-form{padding:26px 18px 30px}.story-form h1{font-size:2rem}.story-options--three{grid-template-columns:repeat(3,minmax(0,1fr))}.story-options--five{grid-template-columns:repeat(2,minmax(0,1fr))}.story-choice{min-height:76px}.story-loading{min-height:560px;padding:26px 18px}.story-loading__halo{top:72px;width:260px;height:260px}.story-loading__character{width:150px}.story-error{min-height:580px;padding:30px 20px;grid-template-columns:1fr;gap:16px;text-align:center}.story-error__character{width:135px;margin:0 auto}.story-error__actions{justify-content:center}.story-error__actions button{width:100%}.story-reader__heading{padding:12px;display:grid}.story-reader__title>img,.story-reader__title>span{width:52px;height:52px;flex-basis:52px;border-radius:16px}.story-reader__title h1{max-width:calc(100vw - 118px)}.story-reader__story-actions{display:grid;grid-template-columns:1fr 1fr}.story-reader__story-actions .secondary-button,.story-reader__story-actions .ghost-button{padding:0 10px;font-size:.78rem}.story-reader__story-actions .story-pdf-button{grid-column:1 / -1}.story-pdf-status{margin-inline:10px}.story-book{padding:10px;border-radius:28px}.story-book__illustration{border-radius:20px 20px 8px 8px}.story-book__page{min-height:365px;padding:26px 18px 20px}.story-book__page>p{font-size:clamp(1.45rem,7vw,2rem);line-height:1.75}.story-narration{grid-template-columns:1fr auto}.story-narration__play,.story-narration__replay{padding-inline:12px}.story-reader__navigation{grid-template-columns:56px 1fr 56px;gap:8px}.story-page-button{width:56px;min-width:56px;padding:0;font-size:0}.story-reader__ending{flex-wrap:wrap;text-align:center}.story-reader__ending .primary-button{width:100%;margin:0}}@media(max-width:390px){.story-form{padding-inline:14px}.story-options--three{grid-template-columns:1fr}.story-options--three .story-choice{min-height:62px;flex-direction:row;gap:8px}.story-page-dots{gap:0}.story-page-dot:before{width:9px;height:9px}.story-page-dot--current:before{width:22px}}@keyframes character-idle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(.5deg)}}@keyframes character-think{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-3px) rotate(.8deg)}}@keyframes character-celebrate{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(-16px) scale(1.035)}65%{transform:translateY(-5px) scale(.99)}}@keyframes character-encourage{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1.4deg)}}@keyframes bin-ready{0%{transform:scale(1);box-shadow:0 0 #41ba9100}to{transform:scale(1.015);box-shadow:0 0 0 6px #41ba911c}}@keyframes dock-in{0%{opacity:0;transform:translate(-50%,26px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.character--idle{animation:character-idle 3.4s ease-in-out infinite;transform-origin:50% 100%}.character--pondering{animation:character-think 2.4s ease-in-out infinite;transform-origin:50% 95%}.character--celebrating{animation:character-celebrate .92s cubic-bezier(.2,.8,.2,1) infinite;transform-origin:50% 100%}.character--encouraging{animation:character-encourage 1.35s ease-in-out infinite;transform-origin:50% 100%}.success-dock{animation:dock-in .42s cubic-bezier(.16,.8,.2,1) both}.confirm-modal{animation:modal-in .22s ease-out both}.reward-burst__particle--stars{text-shadow:0 2px 0 rgb(111 73 5 / 18%)}.reward-burst__particle--confetti{border-radius:3px}.reward-burst__particle--balloons{border-radius:50% 50% 47% 47%;box-shadow:inset -3px -4px #0000001a}.reward-burst__particle--balloons:after{content:"";position:absolute;left:50%;bottom:-11px;width:1px;height:13px;background:#0e326759}@media(prefers-reduced-motion:reduce){.character,.sort-bin--ready,.success-dock,.confirm-modal{animation:none!important}}