*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080a0e;--surface:#0d1117;--surface2:#131920;--border:#1e2a35;--accent:#00e5a0;--accent2:#ff4d6d;--accent3:#f5c518;--text:#e8edf2;--muted:#5a6a78}body,html{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card-enter{animation:slideIn .4s ease both}.card-enter:nth-child(2){animation-delay:.1s}.card-enter:nth-child(3){animation-delay:.2s}.play-card:hover{transform:translateY(-2px)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}