:root{--accent:#1DB954;--bg:#0f0f11;--panel:#141416;--muted:#9a9a9a;--card:#151515;--text:#fff}
*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter,Arial;background:var(--bg);color:var(--text)}
a{color:var(--accent)}
.app{display:flex}
.sidebar{width:220px;padding:20px;background:linear-gradient(180deg,var(--panel),#0b0b0b);min-height:100vh}
.content{flex:1;padding:20px}
.card{background:var(--card);padding:12px;border-radius:10px;margin-bottom:12px}
.player{position:fixed;left:220px;right:0;bottom:0;background:rgba(0,0,0,0.6);padding:10px;display:flex;gap:12px;align-items:center}