:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:#101b19;color:#f4f8ef;line-height:1.45}
.shell{max-width:960px;margin:auto;padding:0 18px}
header{padding:38px 0 22px;background:linear-gradient(130deg,#1a3b32,#101b19);border-bottom:1px solid #315044}
header h1{font-size:clamp(32px,8vw,58px);line-height:1.05;letter-spacing:-.04em;margin:8px 0}
header p{max-width:640px;color:#c3d9cc}
.eyebrow{color:#90d6af;font-weight:800;font-size:12px;letter-spacing:.14em;margin:0}
main{padding-top:24px!important;padding-bottom:70px!important}
.player{background:#1b2d27;border:1px solid #476555;border-radius:20px;padding:clamp(18px,5vw,30px);margin-bottom:34px}
.player h2{font-size:clamp(19px,5vw,29px);overflow-wrap:anywhere;margin:9px 0 0}
.secondary{color:#b9cabe;margin:7px 0 16px;font-size:14px}
audio{display:block;width:100%;margin:20px 0}
button,select{background:#273f33;border:1px solid #658675;color:#f5f9f3;border-radius:11px;padding:12px 16px;font:inherit;cursor:pointer;min-height:48px}
button:hover,button:focus-visible,select:focus-visible{border-color:#b6efd1;outline:2px solid #b6efd1;outline-offset:2px}
button:disabled{cursor:default;opacity:.65}
.controls,.votes{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.primary,.love{background:#a5e9bd;color:#10241b;border-color:#a5e9bd;font-weight:800}
.love{margin-top:20px}.votes span{margin-top:20px;color:#cee7d5}
.message{min-height:20px;color:#d9e8dc;font-size:14px}
.list-header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 14px}
.list-header h2{margin:3px 0 0;font-size:23px}
.list-header label{display:grid;gap:4px;font-size:13px;color:#b9cabe}
.track-list{display:grid;gap:9px}
.track{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #395949;border-radius:12px;background:#1a2a23;padding:5px 13px 5px 5px}
.track.active{border-color:#9de1b4;background:#284634}
.track button{text-align:left;background:none;border:0;padding:10px;overflow-wrap:anywhere;min-height:52px;width:100%;font-weight:650}
.track small{display:block;color:#aebfb2;font-weight:400;margin-top:3px}
.badge{white-space:nowrap;color:#c8e2cf}
@media(max-width:520px){header{padding:28px 0 16px}.controls button{flex:1 1 30%;padding:10px 5px}.list-header{align-items:start;flex-direction:column}.list-header label,select{width:100%}.player{margin-bottom:25px}}