:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#101212;color:#f3f1e9}*{box-sizing:border-box}body{margin:0}header{padding:26px 5%;border-bottom:1px solid #303333;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:850;letter-spacing:2px;text-decoration:none;color:inherit}.brand span{font-size:11px;color:#9ea6a0;font-weight:500;letter-spacing:1px}main{max-width:1280px;margin:auto;padding:48px 5% 20px}.intro h1{font-size:clamp(36px,5vw,66px);letter-spacing:-3px;margin:12px 0}.intro p:not(.eyebrow){color:#aeb6ae;font-size:17px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#c5f270}button,.button{border:0;border-radius:8px;background:#c5f270;color:#142008;padding:12px 17px;cursor:pointer;font:inherit;font-weight:650;text-decoration:none;display:inline-block}button:disabled{opacity:.45;cursor:wait}button:hover,.button:hover{filter:brightness(1.08)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e4ffad;outline-offset:3px}#message{padding:15px 0;color:#d0dcbd;min-height:50px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0;color:#aeb6ae;font-size:13px}select{margin-left:10px;background:#1d2120;color:#eee;border:1px solid #424841;border-radius:6px;padding:10px;font:inherit}.grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px}section.search,aside,.queue{background:#191d1b;border:1px solid #31382f;border-radius:16px;padding:25px}h2{font-size:22px;letter-spacing:-.6px;margin:0 0 20px}form{display:flex;gap:8px}input{min-width:0;width:100%;background:#101412;border:1px solid #46503f;border-radius:8px;padding:14px;color:white;font:inherit}.muted,#status{color:#a4ada3;font-size:14px;line-height:1.6}.row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #30372d}.row:last-child{border-bottom:0}.row .title{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.row button{padding:8px 10px;font-size:12px}.number{color:#94a087;font-size:12px;min-width:20px}.disc{font-size:64px;color:#c5f270;padding:15px 0}.controls{display:flex;flex-wrap:wrap;gap:8px}.controls button{font-size:12px}.quiet{background:#303a2b;color:#e2e9d9}.queue{grid-column:1/-1}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title span{color:#9da891;font-size:12px}footer{display:flex;justify-content:space-between;border-top:1px solid #30372d;margin-top:45px;padding:24px 0;font-size:11px;color:#8e9888;letter-spacing:1px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:750px){.grid{grid-template-columns:1fr}header{padding:18px 5%}.brand span{display:none}main{padding-top:30px}.toolbar{align-items:flex-start;flex-direction:column}.row{flex-wrap:wrap}.row .title{flex-basis:70%}section.search,aside,.queue{padding:20px}.intro h1{letter-spacing:-1.5px}footer{gap:20px}}

.artwork{position:relative;flex:0 0 96px;width:96px;height:54px;background:#303a2b;border-radius:7px;overflow:hidden;display:grid;place-items:center;color:#c5f270;font-size:25px}.artwork img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.track-actions{display:flex;gap:6px;flex-wrap:wrap}.row .title{flex:1;min-width:100px}@media(max-width:750px){.row .title{flex-basis:calc(100% - 150px)}.track-actions{margin-left:auto}.artwork{flex-basis:80px;width:80px;height:45px}}