@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#0a0a0a;--surface:#111;--surface2:#0e0e0e;--surface3:#1a1a1a;--border:#222;--border-light:#2a2a2a;--accent:#b8ff00;--accent-hover:#d4ff4d;--text-primary:#fff;--text-secondary:#aaa;--text-muted:#888;--text-dim:#555;--text-extra-dim:#444;--text-very-dim:#333;--font-body:"Inter", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}button{cursor:pointer;font-family:var(--font-body)}input,textarea{font-family:var(--font-body)}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--surface3)}::-webkit-scrollbar-thumb{background:var(--border-light)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fi{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}