*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0e0f11;--bg2: #16181c;--bg3: #1e2026;--bg4: #252830;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--text: #e8eaf0;--text2: #9ca3af;--text3: #6b7280;--accent: #6ee7b7;--accent2: #34d399;--blue: #60a5fa;--amber: #fbbf24;--red: #f87171;--purple: #a78bfa;--font: "DM Sans", sans-serif;--mono: "DM Mono", monospace;--radius: 10px;--radius-lg:16px}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}input,select,textarea,button{font-family:var(--font)}.fade-in{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}