:root{--color-primary: #0057FF;--color-primary-dark: #0041CC;--color-primary-light: #3378FF;--color-bg: #F8F9FC;--color-surface: #FFFFFF;--color-surface-2: #F0F2F7;--color-text: #0F172A;--color-text-muted: #64748B;--color-border: #E2E8F0}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f0f2f7}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.transition-base{transition:all .2s ease}canvas{display:block;touch-action:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease forwards}