*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;padding:0;background:#0d0820;font-family:Noto Sans SC,sans-serif;color:#f5f0ff;overflow:hidden;height:100vh}#root{height:100vh}input,button,textarea,select{font-family:Noto Sans SC,sans-serif}a{color:#4dabf7}a:hover{color:#74c0fc}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a1f4a;border-radius:2px}@keyframes pop{0%{transform:scale(.65);opacity:0}65%{transform:scale(1.07)}to{transform:scale(1);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@keyframes ringDrain{0%{stroke-dashoffset:0}to{stroke-dashoffset:314.159}}@keyframes ringColorShift{0%{stroke:#6bcb77}50%{stroke:#6bcb77}75%{stroke:#ffd93d}to{stroke:#ff6b6b}}@keyframes correctPop{0%{transform:scale(.5) rotate(-6deg);opacity:0}60%{transform:scale(1.12) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}