@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#16161f;--bg-card-hover:#1a1a25;--border-color:#2a2a35;--text-primary:#fff;--text-secondary:#a0a0a8;--text-muted:#6b6b75;--accent-purple:#8b5cf6;--accent-purple-light:#a78bfa;--accent-purple-dark:#7c3aed;--accent-green:#22c55e;--accent-orange:#f97316;--accent-blue:#3b82f6;--accent-pink:#ec4899}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}@media(max-width:768px){html{font-size:14px}}@media(max-width:480px){html{font-size:13px}}@media(hover:none)and (pointer:coarse){.clickable,button{min-height:44px;min-width:44px}}body,html{max-width:100vw;overflow-x:hidden}@supports (-webkit-touch-callout:none){body{-webkit-overflow-scrolling:touch}}