body{background:linear-gradient(180deg,#fff7e6,#fff9f0 40%,#e8fbff);color:#2b2d42;font-family:Comic Sans MS,Chalkboard SE,system-ui,sans-serif;margin:0;min-height:100vh}.app{margin:0 auto;max-width:640px;padding:24px 16px 64px}h1{font-size:2.4rem;text-align:center}.sub{font-size:1.2rem;text-align:center}.mascot{font-size:4.5rem;text-align:center}.btn{border:none;border-radius:28px;box-shadow:0 4px #0000001f;color:#fff;cursor:pointer;display:block;font-size:1.5rem;font-weight:700;margin:14px 0;padding:20px;width:100%;transition:transform .12s ease,filter .12s ease}.btn:hover{filter:brightness(1.06);transform:translateY(-2px) scale(1.01)}.btn:active{transform:scale(.96);filter:brightness(.98)}.hero-btn{display:flex;align-items:center;gap:14px;text-align:left}.hero-emoji{font-size:3rem}.hero-text{display:flex;flex-direction:column;gap:2px}.hero-text small{font-size:.95rem;font-weight:400;opacity:.95}.hero-banner{background:#fff;border:4px solid #ccc;border-radius:24px;display:flex;flex-direction:column;gap:4px;margin:12px 0 18px;padding:16px 18px;text-align:center;box-shadow:0 3px 10px #00000014}.hero-banner strong{font-size:1.4rem}.lesson{align-items:center;background:#fff;border-left:8px solid #ccc;border-radius:20px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;gap:12px;margin:12px 0;padding:18px;transition:transform .12s ease}.lesson:hover{transform:scale(1.01)}.lesson .emoji{font-size:2.8rem}.lesson .title{font-size:1.4rem;font-weight:700}.choice{background:#fff;border:3px solid #eee;border-radius:18px;cursor:pointer;font-size:1.25rem;margin:8px 0;padding:16px;width:100%;transition:transform .1s ease}.choice:active{transform:scale(.97)}.choice.right{background:#e8fff8;border-color:#2ec4b6}.choice.wrong{background:#fff0f0;border-color:#ff6b6b}.card{background:#fff;border-radius:20px;box-shadow:0 2px 8px #00000014;margin:12px 0;padding:18px;font-size:1.1rem}.back{color:#9b5de5;cursor:pointer;font-size:1.1rem}.center{text-align:center}.stars{font-size:2.2rem;text-align:center}@keyframes bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-14px) scale(1.05)}55%{transform:translateY(0) scale(.97)}75%{transform:translateY(-6px) scale(1.02)}}@keyframes popIn{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.04);opacity:1}to{transform:scale(1);opacity:1}}.bounce{animation:bounce 1.6s ease-in-out infinite;display:block}.pop-in{animation:popIn .35s ease-out}@media (prefers-reduced-motion: reduce){.bounce,.pop-in{animation:none}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wave-pop{0%{transform:scale(1) rotate(0)}40%{transform:scale(1.12) rotate(-3deg)}to{transform:scale(1.08) rotate(2deg)}}.hero-bob{animation:bob 2s ease-in-out infinite}.hero-bob svg{width:100%;height:100%;display:block}.hero-brave{animation:wave-pop .6s ease}.hero-celebrate{animation:bob .9s ease-in-out infinite}