/* Basic modern styling */
:root{--bg:#071027;--card:#0f1724;--accent:#ff6b2d;--muted:#9aa6bf;color:#e6eef8}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#060814,#071027);color:var(--muted)}
.container{max-width:1100px;margin:18px auto;padding:12px}
.site-header{background:rgba(255,255,255,0.02);padding:12px 0;color:#fff;margin-bottom:12px}
.site-header a{color:var(--muted);text-decoration:none;margin-right:12px}
.search-bar input, .search-bar select{padding:8px;border-radius:8px;border:0;background:rgba(255,255,255,0.02);color:inherit;margin-right:8px}
.tracks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.track-card{background:var(--card);border-radius:8px;padding:10px;display:flex;gap:10px;align-items:center}
.track-card .cover img{width:96px;height:96px;border-radius:6px;object-fit:cover}
.track-card .info h3{margin:0;color:#fff;font-size:16px}
.controls button, .controls a{padding:8px 10px;border-radius:8px;border:0;cursor:pointer;background:var(--accent);color:#08101a;text-decoration:none;margin-right:6px}
.player{position:fixed;left:12px;right:12px;bottom:12px;background:rgba(255,255,255,0.02);padding:8px;border-radius:10px;display:flex;gap:12px;align-items:center}
.player img{width:64px;height:64px;border-radius:6px;object-fit:cover}
.pending{display:flex;gap:12px;background:rgba(255,255,255,0.02);padding:8px;margin-bottom:8px;border-radius:6px}
.track-row{padding:6px 0;border-bottom:1px solid rgba(255,255,255,0.02)}