@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--coral: #F07553;--coral-light: #F4957A;--coral-dark: #D85A3A;--cream: #FFF8F0;--cream-dark: #F5EDE3;--mint: #7ECFC0;--mint-light: #A8E0D5;--sky: #87CEEB;--white: #FFFFFF;--grey-100: #F0F0F0;--grey-200: #D9D9D9;--grey-400: #A0A0A0;--grey-600: #6B6B6B;--text-dark: #3A2E2E;--text-muted: #7A6E6E;--font-heading: "Poppins", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 24px;--radius-xl: 28px;--radius-full: 9999px;--shadow-card: 0 4px 20px rgba(0, 0, 0, .06);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .1);--shadow-btn: 0 4px 14px rgba(240, 117, 83, .3);--btn-height: 54px;--btn-height-sm: 48px;--touch-min: 48px;--nav-height: 64px;--header-height: 60px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background:var(--cream);color:var(--text-dark);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}button{font-family:var(--font-heading);cursor:pointer;border:none;outline:none;transition:transform .15s ease,box-shadow .2s ease}button:active{transform:scale(.96)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.app-container{max-width:1200px;margin:0 auto;padding:0 24px;padding-bottom:calc(var(--nav-height) + 24px)}.page-enter{animation:fadeSlideIn .3s ease forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.big-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:54px;border-radius:var(--radius-xl);font-size:1.1rem;font-weight:700;letter-spacing:.02em;box-shadow:var(--shadow-btn)}.big-btn--coral{background:var(--coral);color:var(--white)}.big-btn--coral:hover{background:var(--coral-dark)}.big-btn--mint{background:var(--mint);color:var(--white)}.big-btn--outline{background:var(--white);color:var(--coral);border:2px solid var(--coral);box-shadow:none}.module-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:var(--white);box-shadow:var(--shadow-card);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.module-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.module-card:active{transform:scale(.97)}.module-card__image{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:3rem;padding:8px}.module-card__title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;padding:8px 8px 12px;color:var(--text-dark)}.module-card__badge{position:absolute;top:8px;right:8px;background:var(--mint);color:var(--white);font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-full)}.speaker-btn{width:80px;height:80px;border-radius:50%;background:var(--coral);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:var(--shadow-btn)}.speaker-btn--mint{background:var(--mint)}.progress-bar{width:100%;height:12px;background:var(--grey-100);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--mint),var(--mint-light));transition:width .4s ease}.quiz-choice{flex:1;border-radius:var(--radius-xl);background:var(--white);box-shadow:var(--shadow-card);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;border:4px solid transparent;min-height:180px}.quiz-choice:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.quiz-choice:active{transform:scale(.96)}.quiz-choice--correct{border-color:var(--mint);background:#f0fdf8}.quiz-choice--wrong{border-color:#f87171;background:#fef2f2;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.quiz-choice__emoji{font-size:4rem;margin-bottom:8px}.flashcard{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;text-align:center;min-height:320px}.flashcard__emoji{font-size:6rem;margin-bottom:12px}.flashcard__word{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--coral);margin-bottom:4px}.flashcard__hint{font-size:1rem;color:var(--text-muted)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti-piece{position:fixed;width:10px;height:10px;border-radius:2px;animation:confetti-fall 2s ease forwards;z-index:1000;pointer-events:none}@media(max-width:768px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.flashcard__emoji{font-size:5rem}.flashcard__word{font-size:2rem}.quiz-choice__emoji{font-size:4rem}.quiz-choice{min-height:200px}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:var(--white);border-top:1px solid var(--grey-100);display:flex;align-items:center;justify-content:space-around;z-index:100;box-shadow:0 -2px 12px #0000000a}.bottom-nav__tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:none;border-radius:var(--radius-md);min-width:72px;box-shadow:none}.bottom-nav__tab:active{transform:scale(.95)}.bottom-nav__icon{font-size:1.6rem}.bottom-nav__label{font-family:var(--font-body);font-size:.7rem;font-weight:600;color:var(--grey-400)}.bottom-nav__tab--active .bottom-nav__label{color:var(--coral)}.bottom-nav__tab--active{background:#f0755314}.header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 8px;position:sticky;top:0;background:var(--cream);z-index:50}.header__left{display:flex;align-items:center}.header__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.header__logo{display:flex;align-items:center;gap:8px}.header__logo-icon{font-size:1.5rem}.header__logo-text{font-family:var(--font-heading);font-size:1.1rem;font-weight:800;color:var(--coral)}.header__center{flex:1;text-align:center}.header__title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700}.header__right{display:flex;align-items:center}.header__badge{background:var(--coral-light);color:var(--white);font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:var(--radius-full)}.home-hero{text-align:center;padding:16px 0;background:linear-gradient(180deg,rgba(240,117,83,.06) 0%,transparent 100%);border-radius:var(--radius-xl);margin-bottom:16px}.home-hero__title{font-size:2rem;color:var(--text-dark);margin-bottom:4px}.home-hero__sub{font-size:1rem;color:var(--text-muted);margin-bottom:16px}.home-hero__cta{max-width:420px;margin:0 auto}.home-routine{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;padding:8px 0}.home-routine__step{display:flex;align-items:center;gap:8px;background:var(--white);padding:10px 20px;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.home-routine__step-icon{font-size:1.6rem}.home-routine__step-label{font-family:var(--font-heading);font-weight:600;font-size:.9rem}.home-routine__arrow{font-size:1.2rem;color:var(--grey-400);margin:0 4px}.home-weekly{margin-bottom:16px}.home-weekly__heading{font-size:1.1rem;margin-bottom:12px;color:var(--text-muted)}.home-weekly__days{display:flex;gap:10px;justify-content:center}.home-weekly__day{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;font-family:var(--font-heading)}.home-weekly__day--done{background:var(--mint-light);color:var(--white);font-size:1.2rem}.home-weekly__day--today{background:var(--coral);color:var(--white);box-shadow:0 0 0 4px #f0755340;animation:pulse-glow 2s ease infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 4px #f0755340}50%{box-shadow:0 0 0 8px #f075531f}}.home-weekly__day--locked{background:var(--grey-100);color:var(--grey-400)}.home-modules{margin-bottom:16px}.tv-hero{background:linear-gradient(135deg,#f0755314,#7ecfc00f);border-radius:var(--radius-xl);padding:20px 16px;margin-bottom:16px;text-align:center}.tv-hero__title{font-size:1.5rem;color:var(--text-dark);margin-bottom:12px}.tv-features{margin-bottom:16px}.fc-progress{display:flex;align-items:center;gap:12px;margin-bottom:16px}.fc-progress .progress-bar{flex:1}.fc-progress__text{font-family:var(--font-heading);font-size:.85rem;color:var(--text-muted);font-weight:600;min-width:40px;text-align:right}.fc-actions{display:flex;align-items:center;gap:16px;margin-top:16px}.fc-next-btn{flex:1}.quiz-prompt{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px;text-align:center}.quiz-prompt__text{font-size:2rem;color:var(--text-dark)}.quiz-choices{display:flex;gap:24px;justify-content:center}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:999}.alphabet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(min-width:768px){.alphabet-grid{grid-template-columns:repeat(7,1fr)}}.alphabet-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:8px 6px;display:flex;flex-direction:column;align-items:center;transition:transform .15s ease,box-shadow .15s ease}.alphabet-card:active{transform:scale(.92)}.alphabet-card.bounce{animation:bounce .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes bounce{0%{transform:scale(1)}50%{transform:scale(1.1);color:var(--coral)}to{transform:scale(1)}}.alphabet-card__char{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--text-dark);text-transform:lowercase;margin-bottom:4px}.alphabet-card__info{display:flex;align-items:center;gap:2px}.alphabet-card__emoji{font-size:1rem}.alphabet-card__word{font-size:.7rem;color:var(--text-muted);font-weight:500}.poem-hero{border-radius:var(--radius-xl);padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:16px}.poem-hero__emoji{font-size:4rem;margin-top:8px}.poem-hero__text{font-size:1.4rem;font-family:var(--font-heading);font-weight:700;color:var(--text-dark)}.poem-body{background:var(--white);padding:24px 16px;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);text-align:center}.poem-line{font-size:1.2rem;line-height:1.6;margin-bottom:8px;color:var(--text-dark)}.poem-interactive-word{color:var(--coral);font-weight:700;cursor:pointer;position:relative;display:inline-block;transition:transform .1s}.poem-interactive-word:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--coral-light);border-radius:2px;opacity:.5}.poem-interactive-word:active{transform:scale(.95)}.floating-emoji{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);font-size:8rem;z-index:1000;pointer-events:none;animation:floatUpFade 1.5s ease-out forwards}@keyframes floatUpFade{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}20%{transform:translate(-50%,-60%) scale(1.2);opacity:1}to{transform:translate(-50%,-100%) scale(1);opacity:0}}.story-hero{border-radius:var(--radius-xl);height:250px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:16px;overflow:hidden}.story-hero__emoji{font-size:6rem;margin-top:16px}.story-hero__text{position:absolute;top:24px;background:#ffffffb3;padding:8px 16px;border-radius:var(--radius-full);font-family:var(--font-heading);font-weight:700;color:var(--text-dark)}.story-body{background:var(--white);padding:24px 16px;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);text-align:center}.story-line{font-size:1.3rem;line-height:1.5;color:var(--text-dark);font-family:var(--font-body);font-weight:500}.story-interactive-obj{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.story-interactive-obj__content{font-size:3rem;position:relative;z-index:2;transition:transform .15s ease}.story-interactive-obj:active .story-interactive-obj__content{transform:scale(.9)}.story-interactive-obj__pulse{position:absolute;width:60px;height:60px;background:#fff6;border-radius:50%;z-index:1;animation:radarPulse 2s infinite ease-out}@keyframes radarPulse{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}.story-word-label{position:absolute;transform:translate(-50%,-50%);background:var(--coral);color:var(--white);padding:8px 16px;border-radius:var(--radius-full);font-family:var(--font-heading);font-weight:700;font-size:1.2rem;z-index:20;box-shadow:var(--shadow-card);animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media(max-width:768px){.story-hero{height:300px}.story-hero__emoji{font-size:6rem}.story-line{font-size:1.2rem}}