*{box-sizing:border-box}body{margin:0;background:#111;color:#eee;font-family:Arial,sans-serif}header{padding:28px max(20px,5vw);border-bottom:1px solid #333;background:#171717}h1{margin:0;color:#ff8a00}header p{margin:.4rem 0 0;color:#aaa}main{padding:24px max(20px,5vw)}.filters{display:grid;grid-template-columns:minmax(260px,1fr) 220px 180px auto auto;gap:8px;margin-bottom:22px}.filters input,.filters select,.filters button,.button{min-height:42px;border-radius:8px;border:1px solid #444;background:#202020;color:#eee;padding:0 12px}.filters button,.button{background:#ff8a00;color:#111;border:0;font-weight:700;cursor:pointer}.button{display:flex;align-items:center;text-decoration:none}.button.secondary{background:#333;color:#eee}.song-grid{display:grid;gap:14px}.song-card{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:14px;border:1px solid #333;background:#181818;border-radius:12px}.song-card.selected{border-color:#ff8a00}.cover img,.cover-placeholder{width:150px;height:150px;object-fit:cover;border-radius:9px}.cover-placeholder{display:flex;align-items:center;justify-content:center;font-size:52px;background:#262626;color:#ff8a00}.song-info h2{margin:2px 0 6px}.meta,.plays{color:#999;font-size:.9rem}.song-info p{color:#ccc}.song-info audio{width:100%;margin:10px 0}.empty{padding:30px;border:1px dashed #444;border-radius:10px;color:#999}@media(max-width:800px){.filters{grid-template-columns:1fr}.song-card{grid-template-columns:90px 1fr}.cover img,.cover-placeholder{width:90px;height:90px}}
.app-version{
  display:inline-block;
  margin-left:.55rem;
  padding:.18rem .5rem;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  font-size:.48em;
  font-weight:600;
  line-height:1.2;
  vertical-align:middle;
  opacity:.78;
  white-space:nowrap;
}