:root{--bg-primary:#0a0a0b;--bg-secondary:#141416;--bg-tertiary:#1c1c1f;--bg-hover:#252528;--border:#2a2a2e;--border-light:#3a3a3f;--text-primary:#fafafa;--text-secondary:#a1a1a6;--text-muted:#6b6b70;--spotify-green:#1db954;--spotify-green-dark:#1aa34a;--apple-pink:#fc3c44;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--success:#22c55e;--warning:#f59e0b;--error:#ef4444}*{box-sizing:border-box;padding:0;margin:0}body,html{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(139,92,246,.15),transparent),radial-gradient(ellipse 60% 40% at 100% 0,rgba(29,185,84,.1),transparent),radial-gradient(ellipse 60% 40% at 0 100%,rgba(252,60,68,.08),transparent),var(--bg-primary)}::selection{background:var(--spotify-green);color:var(--bg-primary)}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,textarea{font-family:inherit}.mono,code{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}