*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0c0c0f;--bg2: #13131a;--bg3: #1a1a25;--bg4: #222230;--border: rgba(255,255,255,.08);--border2: rgba(255,255,255,.14);--accent: #ff3b5c;--accent2: #ff6b35;--accent-glow: rgba(255,59,92,.25);--text: #f0f0f5;--text2: rgba(240,240,245,.6);--text3: rgba(240,240,245,.35);--green: #22c55e;--yellow: #eab308;--red: #ef4444;--blue: #3b82f6;--radius: 12px;--radius-lg: 18px;--shadow: 0 4px 24px rgba(0,0,0,.4);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.w-full{width:100%}.relative{position:relative}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 8px transparent}}.animate-fade{animation:fadeIn .3s ease both}.animate-spin{animation:spin .7s linear infinite}