*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #020817;--surface: #0F172A;--surface2: #1E293B;--border: #1E293B;--border2: #334155;--text: #E2E8F0;--text2: #94A3B8;--text3: #64748B;--text4: #475569;--accent: #E94560;--accent2: #FF6B6B;--green: #4ADE80;--blue: #60A5FA;--gold: #F5A623;--purple: #8B5CF6;--orange: #FB923C;--font: "DM Sans", sans-serif;--mono: "DM Mono", monospace}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}input,textarea,select,button{font-family:var(--font)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:.3}input::placeholder,textarea::placeholder{color:var(--border2)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease forwards}