@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Nunito,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;background:#0a0420;color:#fff;overflow-x:hidden}button,input{font-family:inherit}.btn-primary{padding:14px 28px;border-radius:12px;border:none;background:linear-gradient(135deg,gold,#ff8c00);color:#160900;font-family:Fredoka One,cursive;font-size:1.05rem;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 18px #ffd70059;letter-spacing:.4px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #ffd70080}.btn-primary:disabled{background:#ffffff1f;color:#ffffff4d;cursor:not-allowed;box-shadow:none}.btn-ghost{padding:9px 20px;border-radius:50px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:#ffffffbf;font-size:.86rem;cursor:pointer;font-weight:700;transition:background .2s}.btn-ghost:hover{background:#ffffff24}.app-bg-stars{background:radial-gradient(ellipse at 55% 25%,#1d0660,#07021c)}@media (max-width: 640px){.form-card{padding:18px!important}.book-card{padding:14px 14px 12px!important;margin-top:56px!important}.btn-ghost{padding:7px 14px!important;font-size:.8rem!important}.topbar-spacer{top:8px!important;left:10px!important;right:10px!important}}button,.btn-primary,.btn-ghost{min-height:40px}html,body{overflow-x:hidden;max-width:100vw}button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@keyframes popIn{0%{transform:scale(0) rotate(-15deg);opacity:0}70%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes floatUp{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}@keyframes glowWord{0%,to{text-shadow:0 0 8px #ffd700}50%{text-shadow:0 0 22px #ffd700,0 0 40px #ffa}}@keyframes micRing{0%,to{box-shadow:0 0 #ef444499}50%{box-shadow:0 0 0 20px #ef444400}}@keyframes flip{0%{transform:perspective(700px) rotateY(0)}50%{transform:perspective(700px) rotateY(-88deg)}to{transform:perspective(700px) rotateY(0)}}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.word-heard{animation:glowWord .9s infinite;font-weight:900!important;color:#3a1f00!important}.trig-word{display:inline;border-radius:3px;padding:0 2px;cursor:default;transition:background .3s}.trig-pt{border-bottom:2.5px solid #3b82f6;background:#3b82f61a}.trig-pt.word-heard{background:#3b82f64d!important}.trig-anim{border-bottom:2.5px solid #a855f7;background:#a855f71a}.trig-anim.word-heard{background:#a855f74d!important;color:#3a1f00!important}.trig-sfx{border-bottom:2.5px solid #14b8a6;background:#14b8a61a}.trig-sfx.word-heard{background:#14b8a64d!important;color:#002e2a!important}.flip-anim{animation:flip .75s ease-in-out}.mic-pulse{animation:micRing 1.5s ease-in-out infinite}.pop-in{animation:popIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.fade-up{animation:fadeUp .7s ease-out forwards}.spin{animation:spin .8s linear infinite}.bounce-in{animation:bounce 2.5s ease-in-out infinite}