*{box-sizing:border-box}body{margin:0;background:#101319;color:#f3f5f8;font:16px system-ui,sans-serif}main{max-width:780px;margin:auto;padding:24px}section{background:#1c2230;padding:18px;margin:18px 0;border-radius:12px}button{background:#6c83ff;color:#fff;border:0;border-radius:7px;padding:9px 12px;margin:5px;cursor:pointer}button:disabled{opacity:.4}input{padding:11px;border-radius:7px;border:1px solid #556;background:#101319;color:#fff;max-width:100%;width:320px}.track{display:flex;gap:12px;padding:12px;border-bottom:1px solid #455}.track img{width:110px;height:65px;object-fit:cover}.track strong,.track small{display:block}.track small{color:#adb6c7}.player{position:sticky;bottom:0;background:#222;padding:10px}.player iframe{width:100%;aspect-ratio:16/9;max-height:340px;border:0}li{padding:4px}