/* Exercícios de Inglês — estilos globais
   Extraído do <style> inline do app. Carregado via <link> no <helmet>.
   Estilos de componentes individuais continuam inline (padrão DeskCode). */

*{box-sizing:border-box}
body{margin:0;font-family:'Nunito',system-ui,sans-serif;background:#F4FBF9;color:#0F2E2E;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button{font-family:inherit}

@keyframes pio-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes pio-jump{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-13px) rotate(-4deg)}60%{transform:translateY(-4px) rotate(4deg)}}
@keyframes ee-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
@keyframes ee-up{from{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes ee-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}
@keyframes ee-confetti{0%{transform:translateY(-10px) rotate(0);opacity:1}100%{transform:translateY(640px) rotate(540deg);opacity:0}}
@keyframes ee-float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}100%{transform:translateY(0)}}
@keyframes ee-spin{to{transform:rotate(360deg)}}
@keyframes ee-flame{0%,100%{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.12) rotate(2deg)}}
@keyframes ee-pulse{0%{box-shadow:0 0 0 0 rgba(20,184,166,.45)}70%{box-shadow:0 0 0 14px rgba(20,184,166,0)}100%{box-shadow:0 0 0 0 rgba(20,184,166,0)}}

.ee-up{animation:ee-up .5s cubic-bezier(.2,.8,.2,1) both}
.nav-desktop{display:none!important}
.bottom-nav{display:flex!important}
.level-chip{display:none!important}
.hide-mobile{display:none!important}
.only-mobile{display:inline!important}
.only-desktop{display:none!important}
.reveal>*{opacity:0;animation:ee-up .6s cubic-bezier(.2,.8,.2,1) forwards}

@media(min-width:820px){
  .nav-desktop{display:flex!important}
  .level-chip{display:flex!important}
  .bottom-nav{display:none!important}
  .hide-mobile{display:block!important}
  .only-mobile{display:none!important}
  .only-desktop{display:inline!important}
  .app-pad{padding-bottom:0!important}
}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#CDE9E3;border-radius:9px}