:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#050807;color:#edf5f0;--accent:#00e9ad;--muted:#8d9d97}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:28px 24px 0}header img{width:100%;height:auto;display:block;border-radius:14px}.heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0;color:var(--muted);font-size:11px;letter-spacing:2px}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #2a3c34;background:#101a16;padding:10px 16px;border-radius:12px;min-height:42px}button:hover{background:#1b3027}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button.active,button[aria-pressed=true]{color:var(--accent);border-color:#00a77d}.deck{position:sticky;top:0;z-index:2;border:1px solid #2b5142;border-radius:22px;background:linear-gradient(120deg,#0d2820,#0a1512);padding:28px 32px;box-shadow:0 10px 35px #0008}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--accent)}h1{font-size:clamp(19px,3vw,28px);margin:10px 0;line-height:1.3;overflow-wrap:anywhere}#status{font-size:13px;color:var(--muted);margin:0;min-height:20px}.transport{display:flex;align-items:center;justify-content:center;gap:24px;margin:24px 0 18px}.transport button{background:transparent;border-color:transparent;font-size:22px;padding:8px;min-width:44px}.transport button[aria-pressed=true]{color:var(--accent)}.transport .main-play{border-radius:50%;width:66px;height:66px;background:var(--accent);color:#032018;font-size:25px;box-shadow:0 0 0 8px #00e9ad0a}.timeline{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}input[type=range]{accent-color:var(--accent);width:100%;cursor:pointer}.extras{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:var(--muted);font-size:11px}.extras button{border:0;background:transparent;font-size:12px}.library{padding-top:30px}.list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}h2{font-size:20px}#count{color:var(--muted);font-size:12px;margin-left:8px}.list-heading button{font-size:12px;padding:8px 12px}.search{display:flex;gap:12px;align-items:center;background:#101714;border:1px solid #24342c;border-radius:12px;padding:10px 16px;margin:10px 0 18px;color:var(--muted)}.search input{border:0;background:transparent;color:inherit;width:100%;padding:5px;outline:none}ol{list-style:none;padding:0;margin:0}.song{display:flex;align-items:center;gap:10px;border-bottom:1px solid #17261e;padding:7px 4px;border-radius:8px}.song.current{background:#103025}.song .choose{flex:1;display:flex;gap:16px;align-items:center;text-align:left;border:0;background:transparent;padding:12px 8px;min-width:0}.number{font-variant-numeric:tabular-nums;font-size:12px;color:#729287;width:32px;flex-shrink:0}.song-name{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.song .heart{border:0;background:transparent;color:#6e8b7c;font-size:23px}.song .heart[aria-pressed=true]{color:var(--accent)}footer{display:flex;justify-content:space-between;gap:15px;padding:32px 0;color:var(--muted);font-size:10px;letter-spacing:1px}dialog{max-width:420px;border:1px solid #345044;border-radius:16px;background:#101a16;padding:24px}dialog::backdrop{background:#000a}[hidden]{display:none!important}@media(max-width:600px){main{padding:15px 12px 0}.heading{font-size:9px;letter-spacing:1px;margin:15px 0}.deck{padding:18px 16px;border-radius:17px}.transport{gap:17px;margin:18px 0 12px}.transport .main-play{width:57px;height:57px}.list-heading{flex-wrap:wrap}.list-heading h2{margin:8px 0}.library{padding-top:20px}footer{flex-direction:column}.song-name{font-size:13px}h1{font-size:18px}.song .choose{gap:7px}}

.collections{display:flex;gap:12px;margin-top:24px}.collections button{flex:1}.collections button[aria-pressed=true]{background:#103025}

.advertisement{display:flex;flex-direction:column;align-items:center;gap:8px;margin:28px 0;max-width:100%;overflow:hidden}.advertisement>span{font-size:11px;letter-spacing:.08em;color:#8ca29b}.advertisement iframe{display:block;border:0;width:320px;height:50px;flex-shrink:0}