@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg:#0f172a;--surface:#1e293b;--surface-hover:#334155;--primary:#4ade80;--secondary:#2dd4bf;--accent:#fbbf24;--error:#ef4444;--text-main:#f8fafc;--text-muted:#94a3b8;--shadow:0 10px 30px -10px #00000080;--font-main:"Outfit", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg);color:var(--text-main);-webkit-user-select:none;user-select:none;touch-action:manipulation;overflow:hidden}#root{flex-direction:column;width:100vw;height:100vh;display:flex}h1,h2,h3{letter-spacing:-.02em;font-weight:800}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.95)}.container{flex-direction:column;width:100%;max-width:500px;height:100%;margin:0 auto;padding:2rem;display:flex}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes flashCorrect{0%{background-color:#0000}50%{background-color:#4ade8033}to{background-color:#0000}}@keyframes flashError{0%{background-color:#0000}50%{background-color:#ef444433}to{background-color:#0000}}.animate-pulse{animation:1s infinite pulse}.animate-shake{animation:.2s 2 shake}