*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;padding:0;height:100%;overflow:hidden;background:#0f172a;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{height:100%}input,button{font-family:inherit}input[type=range]{accent-color:#3b82f6}input[type=text],input[type=number]{outline:none}input[type=text]:focus,input[type=number]:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f633}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes flash-correct{0%,to{opacity:0}30%{opacity:1}}@keyframes flash-wrong{0%,to{opacity:0}30%{opacity:1}}.spin-ring{width:36px;height:36px;border:3px solid #334155;border-top-color:#3b82f6;border-radius:50%;animation:spin .75s linear infinite;display:inline-block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}