body{background:#f7f7f7;font-family:Segoe UI,system-ui,-apple-system,sans-serif}html,body{max-width:100vw;overflow-x:clip}@media (width<=640px){input,textarea,select{font-size:16px}}.full-viewport-height{height:100dvh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f0f4f8;min-height:100dvh;font-family:Segoe UI,system-ui,-apple-system,sans-serif}#root,.app{flex-direction:column;min-height:100dvh;display:flex}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bbb}@keyframes bounceIn{0%{opacity:.7;transform:scale(.93)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}@keyframes starPop{0%{opacity:0;transform:scale(0)rotate(-15deg)}65%{opacity:1;transform:scale(1.35)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes pulse{0%,to{box-shadow:0 0 0 8px #ef444433,0 6px #b91c1c}50%{box-shadow:0 0 0 14px #ef44441a,0 6px #b91c1c}}.feedback-correct{animation:.35s ease-out bounceIn}.feedback-wrong{animation:.42s ease-out shakeX}.intro-card{animation:.38s ease-out fadeInUp}.result-card{animation:.45s cubic-bezier(.34,1.56,.64,1) fadeInScale}