@font-face{font-family:ClashGrotesk;src:url(/fonts/ClashGrotesk-Variable.woff2) format("woff2"),url(/fonts/ClashGrotesk-Variable.woff) format("woff");font-weight:200 700;font-display:swap;font-style:normal}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none}*::-webkit-scrollbar{display:none}html,body{height:100%;overscroll-behavior:none}body{font-family:ClashGrotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:450;background:#f5f4ef;color:#1a1a1a;-webkit-font-smoothing:antialiased}#root{min-height:100vh}button{font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input{font-family:inherit}.code-slot:focus::placeholder{color:transparent}.code-slot::placeholder{color:#0f0f0f;font-weight:500;font-size:1rem}@keyframes flash-correct{0%{background:#0f0f0f}25%{background:#22c55e}50%{background:#0f0f0f}75%{background:#22c55e}to{background:#0f0f0f}}@keyframes flash-wrong{0%{background:#0f0f0f}25%{background:#ef4444}50%{background:#0f0f0f}75%{background:#ef4444}to{background:#0f0f0f}}.btn-flash-correct{animation:flash-correct 1.6s ease-in-out}.btn-flash-wrong{animation:flash-wrong 1.6s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:scale(.95)}15%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}