html,body { margin:0; padding:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:#0f1115; color:#eaeef2; }
.container { max-width: 720px; margin: 32px auto; padding: 0 16px; }
h1 { margin: 0 0 8px; font-size: 1.8rem; }
p { margin: 0 0 16px; opacity: 0.9; }
.controls { display: flex; gap: 8px; margin: 12px 0 8px; flex-wrap: wrap; }
button { background:#1f2530; color:#eaeef2; border:1px solid #2c3442; padding:8px 12px; border-radius:10px; cursor:pointer; }
button[disabled] { opacity: 0.5; cursor:not-allowed; }
#nowPlaying { margin: 8px 0 16px; font-weight: 600; }
#trackList { padding-left: 20px; }
#trackList li { margin: 4px 0; cursor: pointer; }
#trackList li.active { color:#9ad; font-weight:700; }
audio { width: 100%; margin-top: 16px; border-radius: 10px; background:#141923; }
code { background:#141923; padding:2px 6px; border-radius:6px; }