body{margin:0;font-family:Arial,sans-serif;background:#111;color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}
.bg{position:fixed;inset:0;background:linear-gradient(90deg,#e40303,#ff8c00,#ffed00,#008026,#24408e,#732982,#e40303);background-size:600% 600%;animation:r 18s linear infinite;z-index:-1}
@keyframes r{0%{background-position:0 50%}100%{background-position:100% 50%}}
.player{display:grid;grid-template-columns:280px 1fr;gap:20px;max-width:900px;width:95%;background:rgba(0,0,0,.45);backdrop-filter:blur(16px);padding:20px;border-radius:20px}
.cover img{width:100%;border-radius:16px;animation:pulse 4s infinite}
@keyframes pulse{50%{transform:scale(1.05)}}
.badge{display:inline-block;background:#1db954;padding:6px 12px;border-radius:999px;font-weight:bold}
audio,input{width:100%}
.buttons button{margin:8px;padding:10px 16px}
@media(max-width:700px){.player{grid-template-columns:1fr}}