@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800&display=swap";:root{--bg-base:#fdf6ef;--ink:#241d38;--ink-soft:#635a7d;--primary:#ff5f6d;--primary-dark:#e8434f;--accent:#ffc93c;--accent-purple:#9b7dfa;--accent-blue:#3fa9ff;--accent-green:#43c59e;--success:#17c3a2;--glass-fill:#ffffff8c;--glass-fill-strong:#ffffffbd;--glass-fill-faint:#ffffff52;--glass-rim:#ffffffbf;--glass-rim-soft:#fff6;--glass-blur:blur(22px) saturate(180%);--glass-blur-strong:blur(36px) saturate(190%);--glass-shadow:0 1px 1px #241d380a, 0 8px 24px -6px #241d381f, 0 24px 48px -12px #241d381a;--glass-shadow-lifted:0 2px 4px #241d380f, 0 16px 32px -8px #241d382e, 0 40px 64px -16px #241d3829;--glass-specular:inset 0 1px 0 #ffffffd9, inset 0 -1px 0 #ffffff38;--radius-sm:14px;--radius:22px;--radius-lg:30px;--radius-xl:38px;--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--ease-glide:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg-base:#0f0c1c;--ink:#f6f3ff;--ink-soft:#b3a9d4;--glass-fill:#26203e8c;--glass-fill-strong:#2c2548c2;--glass-fill-faint:#26203e4d;--glass-rim:#ffffff29;--glass-rim-soft:#ffffff17;--glass-shadow:0 1px 1px #00000040, 0 8px 24px -6px #00000073, 0 24px 48px -12px #0006;--glass-shadow-lifted:0 2px 4px #0000004d, 0 16px 32px -8px #0000008c, 0 40px 64px -16px #00000080;--glass-specular:inset 0 1px 0 #ffffff24, inset 0 -1px 0 #ffffff0a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--ink);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Nunito,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}body:before{content:"";z-index:-2;filter:blur(28px);background:radial-gradient(38vmax 38vmax at 12% 18%,#ff5f6d80,#0000 62%),radial-gradient(32vmax 32vmax at 86% 12%,#3fa9ff73,#0000 60%),radial-gradient(34vmax 34vmax at 78% 84%,#9b7dfa73,#0000 62%),radial-gradient(30vmax 30vmax at 20% 88%,#ffc93c73,#0000 60%);animation:26s ease-in-out infinite alternate aurora;position:fixed;inset:-30vmax}body:after{content:"";z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes aurora{0%{transform:translate(0,0)scale(1)}50%{transform:translate(2%,-2%)scale(1.08)}to{transform:translate(-2%,2%)scale(1.04)}}h1,h2,h3{letter-spacing:-.015em;margin-top:0;font-family:"Baloo 2",system-ui,sans-serif}a{color:inherit;text-decoration:none}@keyframes float{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-14px) rotate(var(--r,0deg))}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(160px)rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(.9)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes sheen{0%{transform:translate(-120%)skew(-18deg)}to{transform:translate(320%)skew(-18deg)}}.card,.learning-card,.story-card,.quiz,.plan-card,.auth-card,.readalong,.player,.modal,.banner,.progress-banner__pill,.notice{background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-rim-soft);box-shadow:var(--glass-shadow), var(--glass-specular)}.app{flex-direction:column;min-height:100vh;display:flex}.app__content{width:100%;max-width:1120px;animation:rise-in .5s var(--ease-glide) both;flex:1;margin:0 auto;padding:26px 20px 72px}.app__footer{text-align:center;color:var(--ink-soft);padding:22px;font-size:12px}.app__footer-links{margin-top:6px}.app__footer-links a{color:var(--ink-soft);font-weight:700}.legal-page{max-width:760px;margin:24px auto}.legal-page h1{margin:0 0 4px}.legal-page h2{margin:24px 0 8px;font-size:17px}.legal-page p,.legal-page li{font-weight:500;line-height:1.7}.legal-page ul{color:var(--ink-soft);padding-left:20px}.legal-page li{margin-bottom:6px;font-size:14.5px}.legal-page__meta{font-size:13px;margin-bottom:16px!important}.legal-page__links{margin-top:28px!important}.navbar{z-index:40;border-radius:var(--radius-lg);background:var(--glass-fill-strong);width:calc(100% - 32px);max-width:1120px;-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-rim-soft);box-shadow:var(--glass-shadow), var(--glass-specular);justify-content:space-between;align-items:center;gap:12px;margin:12px auto 0;padding:12px 20px;display:flex;position:sticky;top:12px}.navbar__brand{letter-spacing:-.02em;align-items:center;gap:8px;font-family:"Baloo 2",system-ui,sans-serif;font-size:20px;font-weight:800;display:flex}.navbar__logo{transform-origin:70% 70%;font-size:26px;animation:3.5s ease-in-out infinite wiggle;display:inline-block}.navbar__mascot{font-size:22px;animation:3s ease-in-out infinite float;display:inline-block}.navbar__links{align-items:center;gap:12px;font-weight:700;display:flex}.navbar__links a.active{color:var(--primary)}.navbar__badge{color:var(--success);background:#17c3a22e;border:1px solid #17c3a24d;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:800}.navbar__stars{color:#5c3d00;box-shadow:0 4px 14px -3px #ffb43c99, var(--glass-specular);background:linear-gradient(140deg,#ffc93cf2,#ffa53ce6);border-radius:999px;padding:7px 15px;font-size:14px;font-weight:800}.btn{cursor:pointer;isolation:isolate;transition:transform .22s var(--ease-spring), box-shadow .22s var(--ease-glide), background .2s ease;border:none;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:11px 22px;font-family:Nunito,system-ui,sans-serif;font-size:14px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(1px)scale(.985)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:32%;height:100%;position:absolute;top:0;left:0;transform:translate(-120%)skew(-18deg)}.btn:hover:not(:disabled):after{animation:sheen .75s var(--ease-glide)}.btn--primary{background:linear-gradient(150deg, #ff7b74 0%, var(--primary) 55%, #f0475c 100%);color:#fff;box-shadow:0 6px 18px -4px #ff5f6d8c,0 12px 32px -10px #ff5f6d80,inset 0 1px #ffffff73,inset 0 -2px 6px #8c142838}.btn--primary:hover:not(:disabled){box-shadow:0 10px 26px -4px #ff5f6d9e,0 18px 44px -12px #ff5f6d8c,inset 0 1px #ffffff80,inset 0 -2px 6px #8c142838}.btn--ghost{background:var(--glass-fill-faint);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--ink);border:1px solid var(--glass-rim-soft);box-shadow:0 2px 10px -4px #241d382e, var(--glass-specular)}.btn--ghost:hover:not(:disabled){background:var(--glass-fill)}.btn--sm{padding:7px 16px;font-size:13px}.btn--lg{padding:15px 34px;font-size:16px}.btn--xl{letter-spacing:-.01em;padding:18px 46px;font-size:18px}.btn--block{width:100%;margin-top:10px}.link-btn{cursor:pointer;color:inherit;font-family:inherit;font-weight:800;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.hero{text-align:center;padding:40px 20px 20px;position:relative}.hero h1{background:linear-gradient(135deg, var(--ink) 25%, var(--primary) 75%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:clamp(30px,5.5vw,46px);font-weight:800}@media (prefers-color-scheme:dark){.hero h1{background:linear-gradient(135deg,#fff 20%,#ffa8ae 85%);-webkit-background-clip:text;background-clip:text}}.hero p{color:var(--ink-soft);max-width:620px;margin:0 auto;font-size:16px;font-weight:600;line-height:1.6}.hero__deco{pointer-events:none;filter:drop-shadow(0 6px 10px #241d3824);font-size:28px;animation:4s ease-in-out infinite float;position:absolute}.hero__deco--1{--r:-12deg;animation-delay:0s;top:6%;left:6%}.hero__deco--2{--r:10deg;animation-delay:.6s;top:12%;right:8%}.hero__deco--3{--r:8deg;animation-delay:1.2s;bottom:8%;left:14%}.hero__deco--4{--r:-8deg;animation-delay:1.8s;bottom:4%;right:14%}.hero__deco--5{--r:4deg;animation-delay:2.4s;top:44%;right:3%}.banner{border-radius:var(--radius);color:var(--ink);margin-bottom:22px;padding:15px 20px;font-size:14.5px;font-weight:700;line-height:1.5}.banner--link{cursor:pointer;transition:transform .24s var(--ease-spring), box-shadow .24s var(--ease-glide);display:block}.banner--link:hover{box-shadow:var(--glass-shadow-lifted), var(--glass-specular);transform:translateY(-3px)}.banner--success{background:linear-gradient(140deg,#17c3a23d,#17c3a21a);border-color:#17c3a257}.banner--launch{background:linear-gradient(135deg,#9b7dfa42,#3fa9ff33 55%,#ffc93c38);border-color:#9b7dfa5c;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.banner__pill{background:linear-gradient(140deg, var(--accent-purple), var(--accent-blue));color:#fff;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:800;box-shadow:0 4px 12px -3px #9b7dfa99}.notice{border-radius:var(--radius-sm);color:var(--ink-soft);margin:14px 0;padding:13px 16px;font-size:13.5px;line-height:1.55}.notice--error{color:var(--primary-dark);background:linear-gradient(140deg,#ff5f6d33,#ff5f6d1a);border-color:#ff5f6d66;font-weight:700}@media (prefers-color-scheme:dark){.notice--error{color:#ff9ba3}}.progress-banner{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.progress-banner__pill{border-radius:999px;padding:9px 17px;font-size:13.5px;font-weight:800}.filters{flex-direction:column;gap:12px;margin-bottom:22px;display:flex}.filters__group,.lang-switcher{flex-wrap:wrap;gap:9px;display:flex}.chip{cursor:pointer;color:var(--ink);background:var(--glass-fill-faint);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-rim-soft);box-shadow:0 2px 8px -4px #241d3829, var(--glass-specular);transition:transform .22s var(--ease-spring), background .2s ease, box-shadow .22s var(--ease-glide), color .2s ease;border-radius:999px;padding:9px 17px;font-family:inherit;font-size:14px;font-weight:700}.chip:hover{background:var(--glass-fill);transform:translateY(-2px)}.chip--active{background:linear-gradient(150deg, #ff7b74, var(--primary));color:#fff;border-color:#0000;box-shadow:0 6px 18px -5px #ff5f6d99,inset 0 1px #fff6}.chip--big{padding:11px 20px;font-size:15px}.picker-label{color:var(--ink);margin:22px 0 10px;font-size:15px;font-weight:700}.story-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.story-card{border-radius:var(--radius-lg);isolation:isolate;transition:transform .34s var(--ease-spring), box-shadow .34s var(--ease-glide);flex-direction:column;display:flex;position:relative;overflow:hidden}.story-card:hover{box-shadow:var(--glass-shadow-lifted), var(--glass-specular);transform:translateY(-7px)scale(1.017)}.story-card:after{content:"";z-index:3;pointer-events:none;transition:transform .75s var(--ease-glide);background:linear-gradient(100deg,#0000 30%,#ffffff47 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.story-card:hover:after{transform:translate(120%)}.story-card__cover{justify-content:center;align-items:center;height:132px;display:flex;position:relative}.story-card__emoji{filter:drop-shadow(0 8px 14px #00000038);transition:transform .34s var(--ease-spring);font-size:56px}.story-card:hover .story-card__emoji{transform:scale(1.14)rotate(-6deg)}.story-card__lock{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:50%;place-items:center;width:34px;height:34px;font-size:17px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px -3px #0000004d}.story-card__body{padding:16px 18px 18px}.story-card__body h3{margin:7px 0;font-size:18px;line-height:1.25}.story-card__body p{color:var(--ink-soft);margin:0 0 12px;font-size:13.5px;font-weight:600;line-height:1.5}.story-card__category{letter-spacing:.07em;text-transform:uppercase;color:var(--primary);font-size:11px;font-weight:800;display:inline-block}.story-card__meta{color:var(--ink-soft);flex-wrap:wrap;gap:14px;font-size:12.5px;font-weight:700;display:flex}.story-detail{max-width:780px;margin:0 auto}.story-detail h1{margin:8px 0 10px;font-size:clamp(25px,4.4vw,34px)}.back-link{background:var(--glass-fill-faint);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-rim-soft);cursor:pointer;color:var(--ink-soft);transition:transform .22s var(--ease-spring), color .2s ease;border-radius:999px;margin-bottom:18px;padding:8px 17px;font-family:inherit;font-size:13.5px;font-weight:800}.back-link:hover{color:var(--primary);transform:translate(-4px)}.story-detail__cover{border-radius:var(--radius-xl);height:210px;box-shadow:var(--glass-shadow-lifted);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.story-detail__cover>span:first-child{filter:drop-shadow(0 12px 22px #00000047);font-size:92px}.story-detail__cover:before{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff5c 0%,#0000 42%);position:absolute;inset:0}.story-detail__blurb{color:var(--ink-soft);margin:0 0 12px;font-size:16px;font-weight:600;line-height:1.6}.story-detail__mascot{font-size:40px;animation:2.4s ease-in-out infinite float;position:absolute;bottom:14px;right:20px}.talking{animation:.62s ease-in-out infinite alternate pop;display:inline-block}.player{border-radius:var(--radius-lg);background:var(--glass-fill-strong);-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;padding:20px;display:flex}.player--big{justify-content:center}.player-progress{background:var(--glass-fill-faint);border:1px solid var(--glass-rim-soft);border-radius:999px;height:10px;margin:-4px 0 10px;overflow:hidden;box-shadow:inset 0 1px 3px #241d381f}.player-progress__fill{background:linear-gradient(90deg, var(--primary), var(--accent-purple), var(--accent-blue));height:100%;transition:width .45s var(--ease-glide);background-size:200% 100%;border-radius:999px;box-shadow:0 0 14px #9b7dfaa6}.player-clock{color:var(--ink);font-variant-numeric:tabular-nums;margin:0 0 14px;font-size:14px;font-weight:800}.player-clock__est{color:var(--ink-soft);font-weight:600}.readalong{border-radius:var(--radius);margin-top:20px;padding:20px 22px}.readalong h3{margin:0 0 12px;font-size:15px}.readalong p{color:var(--ink-soft);margin:0;font-size:15.5px;font-weight:600;line-height:2}.readalong__now{color:var(--ink);background:linear-gradient(120deg,#ffc93cb3,#ffc93c6b);border-radius:7px;padding:2px 5px;font-weight:800;box-shadow:0 2px 10px -2px #ffc93c99}.learning-card{border-radius:var(--radius);margin-top:16px;padding:20px 22px}.learning-card h3{margin:0 0 10px;font-size:16px}.learning-card p{color:var(--ink-soft);margin:0;font-size:14.5px;font-weight:600;line-height:1.6}.learning-card__note{color:var(--ink-soft);margin-top:9px;font-size:12px}.vocab-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.vocab-intro{color:var(--ink-soft);margin:0;font-size:13px;font-weight:600}.vocab-list{color:var(--ink-soft);margin:0;padding-left:20px;line-height:1.9}.vocab-list--interactive{padding:0;list-style:none}.vocab-item{background:var(--glass-fill-faint);border:1px solid var(--glass-rim-soft);border-radius:var(--radius-sm);transition:transform .22s var(--ease-spring), background .2s ease;margin-bottom:9px;padding:13px 15px}.vocab-item:hover{background:var(--glass-fill);transform:translate(3px)}.vocab-item__row{align-items:center;gap:5px;display:flex}.vocab-item__row strong{font-size:15.5px}.vocab-item__meaning{color:var(--ink-soft);margin-top:5px;font-size:14px;font-weight:600;display:block}.vocab-item__reveal{border:1.5px dashed var(--glass-rim);color:var(--ink-soft);cursor:pointer;transition:border-color .2s ease, color .2s ease, transform .2s var(--ease-spring);background:0 0;border-radius:12px;width:100%;margin-top:8px;padding:9px 13px;font-family:inherit;font-size:13px;font-weight:700}.vocab-item__reveal:hover{border-color:var(--accent-purple);color:var(--accent-purple);transform:scale(1.015)}.vocab-done{color:var(--success);margin:14px 0 0;font-size:14px;font-weight:800}.quiz{border-radius:var(--radius);margin-top:20px;padding:22px;position:relative;overflow:hidden}.quiz--celebrate{box-shadow:var(--glass-shadow-lifted), 0 0 40px -8px #ffc93c80, var(--glass-specular);border-color:#ffc93c99}.quiz h3{margin:0 0 6px;font-size:17px}.quiz__hint{color:var(--ink-soft);margin:0 0 16px;font-size:13px;font-weight:600}.quiz__prev{color:var(--ink-soft);margin:0 0 14px;font-size:13.5px;font-weight:700}.quiz__question{margin-bottom:20px}.quiz__question>p{margin:0 0 10px;font-size:15px;font-weight:800;line-height:1.45}.quiz__options{flex-direction:column;gap:9px;display:flex}.quiz__option{text-align:left;border-radius:var(--radius-sm);cursor:pointer;color:var(--ink);background:var(--glass-fill-faint);border:1.5px solid var(--glass-rim-soft);transition:transform .2s var(--ease-spring), border-color .2s ease, background .2s ease;padding:13px 16px;font-family:inherit;font-size:14.5px;font-weight:700}.quiz__option:hover:not(:disabled){background:var(--glass-fill);transform:translate(4px)}.quiz__option:disabled{cursor:default}.quiz__option--selected{border-color:var(--primary)}.quiz__option--correct{border-color:var(--success);background:linear-gradient(140deg,#17c3a247,#17c3a21f)}.quiz__option--wrong{border-color:var(--primary);background:linear-gradient(140deg,#ff5f6d3d,#ff5f6d1a)}.quiz__listen{cursor:pointer;transition:transform .2s var(--ease-spring), background .2s ease;vertical-align:middle;background:#3fa9ff33;border:1px solid #3fa9ff52;border-radius:999px;margin-left:8px;padding:6px 10px;font-size:15px;line-height:1}.quiz__listen:hover{background:#3fa9ff5c;transform:scale(1.14)}.quiz__feedback{margin:9px 0 0;font-size:14px;font-weight:700}.quiz__feedback--ok{color:var(--success)}.quiz__feedback--no{color:var(--ink-soft)}.quiz__result{margin:14px 0 0;font-size:15px;font-weight:800}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti__piece{font-size:19px;animation:1.8s ease-in forwards confetti-fall;position:absolute;top:0}.pricing{text-align:center;max-width:940px;margin:0 auto}.pricing h1{font-size:clamp(27px,4.6vw,38px)}.pricing__subtitle{color:var(--ink-soft);max-width:620px;margin:0 auto 30px;font-weight:600;line-height:1.6}.pricing__note{color:var(--ink-soft);margin-top:26px;font-size:12.5px;line-height:1.6}.plans{text-align:left;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:22px;display:grid}.plan-card{border-radius:var(--radius-lg);transition:transform .34s var(--ease-spring), box-shadow .34s var(--ease-glide);padding:26px;position:relative}.plan-card:hover{box-shadow:var(--glass-shadow-lifted), var(--glass-specular);transform:translateY(-6px)}.plan-card h2{margin:0 0 6px;font-size:21px}.plan-card--highlight{box-shadow:var(--glass-shadow), 0 0 44px -10px #ffc93c8c, var(--glass-specular);border-color:#ffc93c8c}.plan-card__tag{background:linear-gradient(140deg, var(--accent), #ffab3d);color:#4d3200;border-radius:999px;padding:6px 15px;font-size:12px;font-weight:800;position:absolute;top:-13px;left:26px;box-shadow:0 6px 16px -4px #ffb43cb3}.plan-card__price{letter-spacing:-.02em;margin:10px 0 18px;font-family:"Baloo 2",system-ui,sans-serif;font-size:40px;font-weight:800}.plan-card__price span{color:var(--ink-soft);font-size:16px;font-weight:600}.plan-card ul{margin:0 0 22px;padding:0;list-style:none}.plan-card li{color:var(--ink-soft);padding:7px 0;font-size:14.5px;font-weight:600}.modal-backdrop{-webkit-backdrop-filter:blur(14px)saturate(130%);backdrop-filter:blur(14px)saturate(130%);z-index:100;animation:rise-in .3s var(--ease-glide) both;background:#140f236b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius-xl);text-align:center;background:var(--glass-fill-strong);width:100%;max-width:430px;-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);box-shadow:var(--glass-shadow-lifted), var(--glass-specular);animation:bounce-in .44s var(--ease-spring) both;max-height:92vh;padding:32px 28px;position:relative;overflow-y:auto}.modal h2{margin:0 0 10px;font-size:23px}.modal p{color:var(--ink-soft);font-weight:600;line-height:1.6}.modal__icon{margin-bottom:12px;font-size:46px}.modal__close{background:var(--glass-fill-faint);border:1px solid var(--glass-rim-soft);cursor:pointer;width:33px;height:33px;color:var(--ink-soft);transition:transform .22s var(--ease-spring), background .2s ease;border-radius:50%;place-items:center;font-size:15px;display:grid;position:absolute;top:15px;right:15px}.modal__close:hover{background:var(--glass-fill);transform:rotate(90deg)scale(1.08)}.checkout-modal{text-align:left}.checkout-modal__merchant{color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;margin:0 0 6px;font-size:11.5px;font-weight:800}.checkout-modal__plan{color:var(--ink-soft);margin:0 0 18px;font-size:14px;font-weight:700}.checkout-modal__hint{color:var(--ink-soft);margin:8px 0 0;font-size:12.5px}.checkout-modal__note{color:var(--ink-soft);margin-top:14px;font-size:11.5px;line-height:1.55}.checkout-modal__error{color:var(--primary-dark);margin:12px 0 0;font-size:13.5px;font-weight:800}@media (prefers-color-scheme:dark){.checkout-modal__error{color:#ff9ba3}}.checkout-tabs{gap:8px;margin-bottom:18px;display:flex}.checkout-tab{border-radius:var(--radius-sm);border:1.5px solid var(--glass-rim-soft);background:var(--glass-fill-faint);cursor:pointer;color:var(--ink);transition:transform .2s var(--ease-spring), border-color .2s ease, background .2s ease;flex:1;padding:11px 8px;font-family:inherit;font-size:13.5px;font-weight:800}.checkout-tab:hover{transform:translateY(-2px)}.checkout-tab--active{border-color:var(--primary);background:#ff5f6d24}.checkout-tab__paypal{color:#003087;font-style:italic;font-weight:800}.checkout-tab__paypal span{color:#009cde}@media (prefers-color-scheme:dark){.checkout-tab__paypal{color:#8ab4ff}}.checkout-form{flex-direction:column;gap:13px;display:flex}.checkout-form__row{gap:13px;display:flex}.checkout-form__row .checkout-field{flex:1}.checkout-field{flex-direction:column;gap:6px;display:flex}.checkout-field span{color:var(--ink-soft);font-size:12.5px;font-weight:800}.checkout-field input,.field input,.field select{border-radius:var(--radius-sm);border:1.5px solid var(--glass-rim-soft);background:var(--glass-fill-faint);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);width:100%;padding:12px 15px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.checkout-field input:focus,.field input:focus,.field select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #ff5f6d29}.checkout-field input::placeholder,.field input::placeholder{color:var(--ink-soft);opacity:.6}.checkout-paypal-banner{background:var(--glass-fill-faint);border:1px solid var(--glass-rim-soft);border-radius:var(--radius-sm);text-align:center;margin-bottom:6px;padding:15px}.checkout-paypal-banner p{margin:7px 0 0;font-size:12.5px}.btn--paypal{color:#003087;background:linear-gradient(150deg,#ffd140,#f5b200);box-shadow:0 6px 18px -4px #f5b2008c,inset 0 1px #ffffff80}.checkout-processing,.checkout-success{text-align:center;padding:26px 0}.spinner{border:4px solid var(--glass-rim-soft);border-top-color:var(--primary);border-radius:50%;width:46px;height:46px;margin:0 auto 18px;animation:.8s linear infinite spin}.spinner--paypal{border-top-color:#009cde}.checkout-success__check{background:linear-gradient(140deg, var(--success), #12a98c);color:#fff;width:66px;height:66px;animation:bounce-in .55s var(--ease-spring);border-radius:50%;place-items:center;margin:0 auto 18px;font-size:34px;display:grid;box-shadow:0 10px 28px -6px #17c3a2b3}.auth-page{place-items:center;padding:30px 0;display:grid}.auth-card{border-radius:var(--radius-xl);text-align:center;background:var(--glass-fill-strong);width:100%;max-width:420px;-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);animation:rise-in .5s var(--ease-glide) both;padding:34px 30px}.auth-card h1{margin:0 0 8px;font-size:26px}.auth-card__icon{margin-bottom:10px;font-size:42px}.auth-card__subtitle{color:var(--ink-soft);margin:0 0 22px;font-size:14.5px;font-weight:600;line-height:1.55}.auth-card__switch{color:var(--ink-soft);margin-top:18px;font-size:14px;font-weight:600}.auth-form{text-align:left;flex-direction:column;gap:15px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--ink-soft);font-size:12.5px;font-weight:800}.field select{appearance:auto;cursor:pointer}.field select option{color:#2d2440;background:#fff}.phone-field{align-items:stretch;gap:8px;display:flex}.phone-field__dial{border-radius:var(--radius-sm);border:1.5px solid var(--glass-rim-soft);background:var(--glass-fill-faint);color:var(--ink-soft);align-items:center;padding:0 12px;font-weight:800;display:flex}.phone-field input{flex:1;min-width:0}.gate-question{margin:6px 0 14px;font-family:"Baloo 2",system-ui,sans-serif;font-size:30px;font-weight:800}.grownups{max-width:900px;margin:0 auto}.grownups h1{font-size:28px}.grownups__subtitle{color:var(--ink-soft);margin-bottom:24px;font-weight:600;line-height:1.55}.grownups__grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;display:grid}.grownups__grid .learning-card{margin-top:0}.grownups__grid .learning-card p{margin-bottom:14px}.grownups__actions{flex-wrap:wrap;gap:10px;display:flex}.grownups__note{color:var(--ink-soft);margin-top:24px;font-size:12px;line-height:1.6}.admin-panel{border-radius:var(--radius);background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow), var(--glass-specular);border:1px solid #9b7dfa59;margin-top:20px;padding:22px}.admin-panel h3{margin:0 0 6px;font-size:16px}.admin-panel__sub{color:var(--ink-soft);margin:0 0 16px;font-size:13px;font-weight:600;line-height:1.55}.admin-panel__stats{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.admin-stat{background:var(--glass-fill-faint);border:1px solid var(--glass-rim-soft);border-radius:var(--radius-sm);min-width:108px;padding:11px 16px}.admin-stat__value{font-family:"Baloo 2",system-ui,sans-serif;font-size:23px;font-weight:800;line-height:1.1}.admin-stat__label{color:var(--ink-soft);font-size:11.5px;font-weight:700}.admin-panel__row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.admin-panel__msg{margin:12px 0 0;font-size:13px;font-weight:700}.admin-panel__msg--ok{color:var(--success)}.admin-panel__msg--err{color:var(--primary-dark)}.admin-accounts{border-top:1px solid var(--glass-rim-soft);margin-top:26px;padding-top:18px}.admin-accounts__list{gap:10px;margin:14px 0;padding:0;list-style:none;display:grid}.admin-account{border:1px solid var(--glass-rim-soft);border-radius:var(--radius-sm);background:var(--glass-fill-faint);padding:12px 14px}.admin-account--suspended{opacity:.7}.admin-account__head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.admin-account__id{color:var(--ink-soft);font-size:12px;font-weight:700}.admin-account__grid{overflow-wrap:anywhere;gap:3px;margin-bottom:10px;font-size:13px;display:grid}.admin-account__flag,.admin-account__delete{color:var(--primary-dark)}.admin-account__voices{flex-wrap:wrap;gap:14px;margin-bottom:10px;display:flex}.admin-account__voice{cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.admin-badge{background:var(--glass-fill-faint);border:1px solid var(--glass-rim-soft);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.admin-badge--warn{color:var(--primary-dark);border-color:var(--primary-dark)}@media (prefers-color-scheme:dark){.admin-panel__msg--err{color:#ff9ba3}}.shelf-title{letter-spacing:-.01em;margin:30px 0 14px;font-size:19px}.shelf-title:first-of-type{margin-top:8px}.series-page{max-width:820px;margin:0 auto}.series-page h1{margin:8px 0 10px;font-size:clamp(25px,4.4vw,34px)}.autoplay-toggle{color:var(--ink-soft);cursor:pointer;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:4px;font-size:13.5px;font-weight:700;display:flex}.autoplay-toggle input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.now-playing{border-radius:var(--radius);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow), var(--glass-specular);background:linear-gradient(135deg,#9b7dfa3d,#3fa9ff2e);border:1px solid #9b7dfa5c;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.now-playing strong{flex:1;min-width:180px;font-size:15px}.now-playing .player-clock{margin:0}.now-playing__badge{background:linear-gradient(140deg, var(--accent-purple), var(--accent-blue));color:#fff;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:10.5px;font-weight:800}.chapter-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.chapter{border-radius:var(--radius);background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-rim-soft);box-shadow:var(--glass-shadow), var(--glass-specular);transition:transform .24s var(--ease-spring), box-shadow .24s var(--ease-glide);overflow:hidden}.chapter:hover{box-shadow:var(--glass-shadow-lifted), var(--glass-specular);transform:translateY(-2px)}.chapter--playing{box-shadow:var(--glass-shadow), 0 0 32px -8px #9b7dfab3, var(--glass-specular);border-color:#9b7dfa99}.chapter--locked .chapter__body strong{opacity:.72}.chapter__main{cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border:none;align-items:center;gap:14px;padding:15px 18px;font-family:inherit;display:flex}.chapter__num{background:var(--glass-fill-faint);border:1px solid var(--glass-rim-soft);border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:14.5px;font-weight:800;display:grid}.chapter--playing .chapter__num{background:linear-gradient(140deg, var(--accent-purple), var(--accent-blue));color:#fff;border-color:#0000}.chapter__body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.chapter__body strong{font-size:15.5px;line-height:1.3}.chapter__meta{color:var(--ink-soft);font-size:12.5px;font-weight:700}.chapter__play{color:var(--primary);flex-shrink:0;font-size:15px}.chapter__expand{background:var(--glass-fill-faint);border:none;border-top:1px solid var(--glass-rim-soft);width:100%;color:var(--ink-soft);cursor:pointer;padding:9px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .2s}.chapter__expand:hover{background:var(--glass-fill)}.chapter__detail{padding:4px 16px 16px}.chapter__detail .learning-card,.chapter__detail .quiz,.chapter__detail .readalong{margin-top:12px}.chapter__detail .readalong summary{cursor:pointer;font-size:14px;font-weight:800}.chapter__detail .readalong p{margin-top:10px}.is-rtl .back-link:hover{transform:translate(4px)}.is-rtl .chapter__main,.is-rtl .chapter__body,.is-rtl .quiz__option{text-align:right}.is-rtl .quiz__option:hover:not(:disabled){transform:translate(-4px)}.is-rtl .vocab-item:hover{transform:translate(-3px)}.is-rtl .vocab-list{padding-left:0;padding-right:20px}.is-rtl .now-playing__badge,.is-rtl .chapter__num{margin-inline:0}.is-rtl .player-progress{transform:scaleX(-1)}.is-rtl .readalong p,.is-rtl .learning-card p,.is-rtl .story-detail__blurb{text-align:right}.is-rtl .readalong p{line-height:2.2}.series-card__badge{background:linear-gradient(140deg, var(--accent-purple), var(--accent-blue));color:#fff;letter-spacing:.04em;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px;box-shadow:0 4px 12px -3px #9b7dfa99}.empty-state{text-align:center;color:var(--ink-soft);padding:44px 20px;font-weight:600}.home{animation:rise-in .5s var(--ease-glide) both}.story-detail--animated .story-detail__cover{animation:rise-in .6s var(--ease-spring) both}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}body:before{animation:none}}:where(button,a,input,[tabindex]):focus-visible{outline:3px solid var(--accent-blue);outline-offset:3px;border-radius:12px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root{--glass-fill:#ffffffed;--glass-fill-strong:#fffffff7;--glass-fill-faint:#ffffffd9}@media (prefers-color-scheme:dark){:root{--glass-fill:#26203ef2;--glass-fill-strong:#2c2548fa;--glass-fill-faint:#26203ee6}}}@media (width<=640px){.app__content{padding:20px 14px 60px}.navbar{border-radius:var(--radius);width:calc(100% - 20px);padding:11px 15px}.navbar__brand{font-size:17px}.story-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.story-card__cover{height:104px}.story-card__emoji{font-size:42px}.story-detail__cover{height:158px}.story-detail__cover>span:first-child{font-size:68px}.btn--xl{width:100%;padding:16px 32px;font-size:16.5px}.player{padding:16px}.modal{padding:26px 20px}}.story-detail--sleep{--sleep-ink:#cfd6f0;filter:saturate(.72)brightness(.94)}.story-detail--sleep .story-detail__cover{animation:none;box-shadow:0 18px 50px #181a4059}.story-detail--sleep .story-detail__cover span{animation:5.5s ease-in-out infinite sleep-breathe}.story-detail--sleep .player{background:linear-gradient(160deg,#3a3e7a80,#1e20449e)}.story-detail--sleep h1,.story-detail--sleep .story-detail__blurb{color:var(--sleep-ink)}.story-detail--sleep .readalong__now{background:#a0ace638;animation:none}@keyframes sleep-breathe{0%,to{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.story-detail--sleep .story-detail__cover span{animation:none}}.screen-off{z-index:900;color:#6f7590;text-align:center;cursor:pointer;background:#05060c;flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:32px;animation:.6s both screen-off-in;display:flex;position:fixed;inset:0}@keyframes screen-off-in{0%{opacity:0}to{opacity:1}}.screen-off__dot{background:#3a4160;border-radius:999px;width:10px;height:10px;animation:3.4s ease-in-out infinite screen-off-pulse}@keyframes screen-off-pulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.7;transform:scale(1.5)}}.screen-off__hint{max-width:22rem;margin:0;font-size:.95rem;line-height:1.6}.screen-off__stop{color:#9aa2c4;background:0 0;border-color:#9aa2c459;min-width:9rem}.screen-off__tap{opacity:.55;margin:0;font-size:.78rem}@media (prefers-reduced-motion:reduce){.screen-off{animation:none}.screen-off__dot{opacity:.5;animation:none}}.quiz--spoken .btn--block{margin-top:6px}.quiz__reveal{opacity:.75;margin:14px auto 0;font-size:.82rem;display:block}.sleep-timer{text-align:center;margin:14px 0 4px}.sleep-timer__label{opacity:.75;margin-bottom:8px;font-size:.82rem;display:block}.sleep-timer__options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sleep-timer__countdown{opacity:.8;margin:10px 0 0;font-size:.8rem}.is-rtl .sleep-timer__options{flex-direction:row-reverse}