*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0c15;--bg-card: #12141e;--bg-surface: #1a1d2e;--border: #1e2130;--text: #e2e8f0;--text-dim: #666;--green: #22c55e;--green-bg: #22c55e15;--orange: #f59e0b;--red: #ef4444;--purple: #8b5cf6;--blue: #6366f1}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font-family:inherit;-webkit-tap-highlight-color:transparent}input{font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .25s ease}.animate-spin{animation:spin 1s linear infinite;display:inline-block}@media(min-width:768px){:root{font-size:16px}}@media(max-width:767px){:root{font-size:15px}}@media(max-width:400px){:root{font-size:14px}}