:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#10151c;color:#e7edf3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 10%,#1a2930 0,transparent 60%);min-height:100svh}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #33404a;background:#202a34;color:#dbe4ec;border-radius:10px;padding:10px 14px;touch-action:manipulation}button:hover{background:#2b3944}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #83e6c0;outline-offset:4px}button:disabled{opacity:.35;cursor:default}button[hidden]{display:none}main{max-width:760px;margin:auto;padding:30px 28px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.brand{font-size:23px;font-weight:700;letter-spacing:-1px;text-decoration:none;color:inherit}.brand-icon{color:#88e5bf;margin-right:8px}.brand-dot{color:#88e5bf}.tag{font-size:9px;letter-spacing:2px;color:#81939e}.player{padding:25px 36px 12px;border:1px solid #33404a;background:linear-gradient(145deg,#202b34dd,#18212bdd);border-radius:22px;box-shadow:0 20px 80px #0003}.eyebrow{display:flex;align-items:center;gap:8px;color:#9ab5af;font-size:9px;letter-spacing:1.6px}.eyebrow>span:last-child{margin-left:auto;color:#8496a4}.live-dot{height:6px;width:6px;border-radius:50%;background:#8ae6bf}.track-art{height:92px;display:flex;justify-content:center;align-items:center;gap:6px}.track-art span{width:5px;height:26px;border-radius:8px;background:#88e5bf;opacity:.7}.track-art span:nth-child(2n){height:45px;opacity:.9}.track-art span:nth-child(3n){height:61px}.track-art span:nth-child(5){height:76px;background:#b2f8d8}.playing .track-art span{animation:pulse 1.2s ease-in-out infinite alternate}.playing .track-art span:nth-child(2n){animation-delay:-.6s}@keyframes pulse{to{transform:scaleY(.55)}}.now-label{text-align:center;font-size:9px;letter-spacing:2px;color:#8ce5c0}.now-label span{color:#8fa1ae;margin-left:8px}h1{text-align:center;font-weight:600;font-size:25px;letter-spacing:-.6px;overflow-wrap:anywhere;margin:9px 0 5px}#subtitle{text-align:center;color:#8fa0af;font-size:12px;margin:0 0 19px}.timeline input{width:100%;margin:0;accent-color:#91e6c0;height:20px;cursor:pointer}.time{display:flex;justify-content:space-between;color:#97a7b6;font-size:11px;font-variant-numeric:tabular-nums;margin-top:3px}.primary-controls{display:flex;align-items:stretch;justify-content:center;gap:12px;margin:20px 0 15px}.play,.play-all{min-height:52px;flex:1;max-width:180px;font-weight:650;font-size:14px}.play{background:#98edca;color:#122b25;border-color:#98edca}.play:hover{background:#b4f6da}.play-all{border-color:#668d7e;color:#b0f1d3;background:#2b403e}.icon-button{background:none;border:0;padding:5px 10px;color:#bbcad3;font-size:18px}.icon-button small{display:block;font-size:10px;margin-top:5px;color:#90a2b1}.secondary-controls{display:flex;justify-content:center;gap:8px;padding-top:15px;border-top:1px solid #33404a}.secondary-controls button{font-size:16px;padding:9px 15px;background:#1c2731;min-height:42px}.secondary-controls span{font-size:11px}.secondary-controls [aria-pressed=true]{color:#a4efce;border-color:#81c4a8;background:#2a433c}#status{text-align:center;color:#91a69f;font-size:10px;min-height:14px;margin:13px 0 0}.library{margin-top:25px}.library-heading{display:flex;align-items:center;justify-content:space-between}h2{font-size:16px;font-weight:550;margin:0}h2 span{color:#95b8aa;background:#21352e;padding:3px 7px;border-radius:5px;font-size:10px;margin-left:8px}.library-heading button{background:none;border:0;font-size:11px;color:#a2b3bf;padding:8px}.library-hint{font-size:8px;letter-spacing:1.5px;color:#758b98;margin:8px 0 13px}ol{list-style:none;margin:0;padding:0}li{margin:6px 0}li button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:#18212a;border:1px solid transparent;padding:14px 16px;border-radius:10px}.row-number{font-size:11px;color:#718591;font-variant-numeric:tabular-nums;min-width:20px}.row-title{min-width:0;flex:1;overflow-wrap:anywhere;font-size:12px}.row-type{font-size:8px;letter-spacing:1px;color:#8b9da7}li button[aria-current=true]{background:#22382f;border-color:#3e6555;color:#b5f3d5}li button[aria-current=true] .row-number{color:#9be7c0}#empty{text-align:center;color:#8c9faa;font-size:13px;line-height:2;padding:20px}footer{margin:28px 0 0;display:flex;justify-content:space-between;font-size:10px;color:#728693}footer span{font-size:8px;letter-spacing:1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:520px){main{padding:16px 14px}header{margin-bottom:16px}.brand{font-size:21px}.tag{display:none}.player{padding:17px 18px 10px;border-radius:17px}.track-art{height:73px;transform:scale(.8)}h1{font-size:20px}#subtitle{font-size:11px;margin-bottom:12px}.primary-controls{gap:7px;margin:13px 0}.play,.play-all{font-size:12px;min-height:48px;padding:8px}.icon-button{padding:5px 6px}.secondary-controls{gap:6px;padding-top:11px}.secondary-controls button{padding:9px 10px;flex:1;white-space:nowrap}.secondary-controls span{font-size:10px}.library{margin-top:18px}footer span{display:none}.eyebrow{font-size:8px;letter-spacing:1px}}@media(max-height:600px){main{padding-top:10px}header{margin-bottom:10px}.track-art{height:36px;transform:scale(.45)}.player{padding-top:12px}.primary-controls{margin:9px 0}.secondary-controls{padding-top:8px}#subtitle{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){.playing .track-art span{animation:none}}