:root{--bg-primary: #0d0d0f;--bg-secondary: #1a1a2e;--bg-card: #16162a;--violet-primary: #8b5cf6;--violet-secondary: #7c3aed;--violet-glow: rgba(139, 92, 246, .3);--violet-subtle: rgba(139, 92, 246, .1);--text-primary: #f0f0f5;--text-secondary: #a0a0b8;--danger: #ef4444;--success: #22c55e;--content-padding: 16px;--grid-columns: 2;--card-radius: 12px}@media (min-width: 640px){:root{--content-padding: 24px;--grid-columns: 3;--card-radius: 14px}}@media (min-width: 1024px){:root{--content-padding: 32px;--grid-columns: 4;--card-radius: 16px}}@media (min-width: 1440px){:root{--grid-columns: 5}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;justify-content:center;background:linear-gradient(180deg,var(--bg-primary) 0%,#0a0a14 100%)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--violet-primary);border-radius:3px}.responsive-grid{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:12px}@media (min-width: 640px){.responsive-grid{gap:16px}}@media (min-width: 1024px){.responsive-grid{gap:20px}}