:root{color-scheme:dark}*,:after,:before{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#2b0040,#05000d 55%,#020008);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;color:#f7e9ff;align-items:stretch}.page,body{display:flex;justify-content:center}.page{flex:1 1;padding:32px 16px}.shell{width:100%;max-width:460px;background:radial-gradient(circle at top,#3c0060,#110018 55%,#08000f);border-radius:32px;padding:20px 20px 22px;box-shadow:0 0 60px rgba(176,86,255,.6);border:1px solid hsla(0,0%,100%,.1);gap:18px}.shell,.top-bar{display:flex;flex-direction:column}.top-bar{gap:12px}.logo-pill{display:flex;align-items:center;gap:10px}.sigil{width:42px;height:42px;border-radius:18px;background:conic-gradient(from 200deg,#ff7bff,#4f00ff,#00f0ff,#ff7bff);box-shadow:0 0 25px rgba(255,123,255,.7);position:relative;overflow:hidden}.sigil:after{content:"";position:absolute;inset:5px;border-radius:14px;background:radial-gradient(circle at 30% 0,#426,#15001f)}.brand{font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:13px}.subtitle{font-size:11px;opacity:.7}.search{border-radius:999px;border:1px solid hsla(0,0%,100%,.15);background:rgba(12,0,30,.7);color:#f7e9ff;padding:7px 12px;font-size:12px;outline:none}.search::placeholder{color:rgba(254,238,255,.65)}.now-playing{display:flex;gap:14px;align-items:center}.cover-ring{padding:3px;background:conic-gradient(from 210deg,#ff7bff,#00f0ff,#ff7bff);box-shadow:0 0 25px rgba(255,123,255,.6)}.cover,.cover-ring{border-radius:999px}.cover{width:74px;height:74px;background-size:cover;background-position:50%}.np-meta{flex:1 1}.np-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.7;margin-bottom:4px}.np-title{font-size:14px;font-weight:600;margin-bottom:3px}.np-artist{font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.controls-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.transport{display:flex;gap:8px}.transport button{width:34px;height:34px;border-radius:999px;border:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 0,#ff4dff,#7b00ff);box-shadow:0 0 20px rgba(255,123,255,.7);color:#fff;cursor:pointer;font-size:16px}.play-btn{width:46px!important;height:46px!important;font-size:18px!important}.toggles{display:flex;gap:6px}.toggle{border-radius:999px;border:1px solid hsla(0,0%,100%,.16);background:rgba(11,0,26,.85);padding:4px 10px;font-size:11px;color:#f7e9ff;cursor:pointer}.toggle.active{border-color:rgba(0,255,255,.8);box-shadow:0 0 14px rgba(0,255,255,.6);background:radial-gradient(circle at 30% 0,#00ffe1,#50f)}.library{flex:1 1;display:flex;flex-direction:column;min-height:0}.lib-header{font-size:12px;text-transform:uppercase;letter-spacing:.16em;opacity:.75;margin-bottom:6px}.lib-scroll{flex:1 1;min-height:0;overflow:auto;padding-right:4px}.artist-block+.artist-block{margin-top:10px}.artist-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.8;cursor:pointer}.artist-row:hover{opacity:1}.artist-count{font-size:10px;opacity:.7}.track-row{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 0;margin-left:4px;margin-top:3px;border-radius:8px;cursor:pointer;font-size:12px;opacity:.8}.track-row:hover{background:radial-gradient(circle at 0 0,rgba(151,71,255,.45),rgba(17,0,28,.4));opacity:1}.track-row.active{background:radial-gradient(circle at 0 0,rgba(0,255,220,.6),rgba(10,0,30,.9));box-shadow:0 0 20px rgba(0,255,255,.6);opacity:1}.dot{width:6px;height:6px;border-radius:999px;background:#ff7bff}.track-row.active .dot{background:#00ffe1}.title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:540px){.shell{max-width:100%;padding:18px 16px 20px}}