:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0f1418;--panel:#141d23;--panel-strong:#121a20;--button:#1e2a31;--button-strong:#d9f2ff;--button-strong-text:#071017;--border:#26343c;--border-strong:#334650;--text:#f2f7f9;--muted:#99acb6;--accent:#8fe3ff;--liked:#ff8fa3;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f2f5f6;--panel:#fff;--panel-strong:#e9eef1;--button:#e6edf1;--button-strong:#12313f;--button-strong-text:#fff;--border:#c8d4da;--border-strong:#aabac2;--text:#0e171d;--muted:#556873;--accent:#0c6f91;--liked:#bb3150}}:root[data-theme=dark]{--bg:#0f1418;--panel:#141d23;--panel-strong:#121a20;--button:#1e2a31;--button-strong:#d9f2ff;--button-strong-text:#071017;--border:#26343c;--border-strong:#334650;--text:#f2f7f9;--muted:#99acb6;--accent:#8fe3ff;--liked:#ff8fa3}:root[data-theme=light]{--bg:#f2f5f6;--panel:#fff;--panel-strong:#e9eef1;--button:#e6edf1;--button-strong:#12313f;--button-strong-text:#fff;--border:#c8d4da;--border-strong:#aabac2;--text:#0e171d;--muted:#556873;--accent:#0c6f91;--liked:#bb3150}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:1px solid var(--border-strong);background:var(--button);min-width:100px;min-height:60px;color:var(--text);border-radius:8px}button:disabled{opacity:.45}button:active{transform:translateY(1px)}input{border:1px solid var(--border-strong);background:var(--panel-strong);min-height:60px;color:var(--text);border-radius:8px;font-size:25px}.app{background:var(--bg);flex-direction:column;width:min(1170px,100vw);height:100vh;min-height:550px;margin:0 auto;display:flex;overflow:hidden}.playerBar{border-bottom:1px solid var(--border);background:var(--panel-strong);grid-template-columns:150px minmax(0,1fr) 304px;grid-template-areas:"actions now-playing controls";align-items:center;gap:16px;height:88px;padding:8px 14px 12px;display:grid}.transportControls{grid-area:controls;grid-template-columns:repeat(3,92px);justify-self:end;align-items:center;gap:14px;display:grid;transform:translateY(-2px)}.iconButton,.playButton{place-items:center;display:grid}.transportControls>button{width:92px;min-width:92px;height:52px;min-height:52px}.playButton{background:var(--button);color:var(--text)}.nowPlaying{grid-area:now-playing;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.nowPlayingCover{place-items:center;width:64px;min-width:64px;height:64px;min-height:64px;padding:0;display:grid;position:relative;overflow:hidden}.nowPlayingCover:disabled{color:var(--muted);cursor:default}.nowPlayingCover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.nowPlayingDetails{min-width:0}.nowPlayingInfo{width:100%;min-width:0;min-height:0;color:inherit;text-align:left;background:0 0;border:0;border-radius:0;padding:0;display:block}button.nowPlayingInfo{cursor:pointer}.nowPlaying strong,.songText strong,.historyItem strong{text-overflow:ellipsis;white-space:nowrap;font-size:25px;font-weight:700;display:block;overflow:hidden}.nowPlaying strong{font-size:22px}.nowPlaying span,.songText span,.historyItem span,.sectionHeader span,.status{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.progress{width:100%;min-height:18px;accent-color:var(--accent);margin-top:5px}.clock{color:var(--text);text-align:right;font-size:18px;font-weight:700}.playerActions{grid-area:actions;grid-template-rows:35px 1fr;align-self:stretch;justify-items:start;gap:4px;min-width:0;padding-bottom:4px;display:grid}.settingsButton{justify-self:start;width:112px;min-width:0;min-height:32px;padding:0 12px;font-size:18px}.playerActions .clock{text-align:right;white-space:nowrap;place-self:end start;width:112px;padding-bottom:0}.searchBar{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 64px 112px 112px;align-items:center;gap:10px;height:80px;padding:12px 14px;display:grid}.quickButtons{grid-column:1;grid-template-columns:58px repeat(3,112px);gap:8px;display:grid}.quickButtons button{min-width:0}.searchControls{grid-column:1;grid-template-columns:38px minmax(0,1fr) 96px;align-items:center;gap:8px;min-width:0;display:grid}.searchBar button{min-height:52px;font-size:18px}.likedButton{width:64px;min-width:64px;padding:0}.randomButton,.recentButton{min-width:112px}.searchBar input{width:100%;padding:0 82px 0 18px}.searchField{min-width:0;position:relative}.searchField button{background:0 0;border-left:0;border-radius:0 8px 8px 0;width:70px;min-width:70px;height:60px;position:absolute;top:0;right:0}.searchBar button,.secondaryButton,.actionButton{justify-content:center;align-items:center;gap:8px;display:flex}.collectionActions{grid-column:1/-1;gap:10px;display:flex}.backToResults{width:min(180px,100%)}.albumShuffleButton{min-width:112px;margin-left:auto}.albumFavouriteButton{width:64px;min-width:64px;margin-left:auto;padding:0}.albumFavouriteButton.liked{color:var(--liked)}.albumFavouriteButton+.albumShuffleButton{margin-left:10px}.content{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;padding:14px;display:grid}.results{border:1px solid var(--border);background:var(--panel);border-radius:8px;min-height:0;overflow:hidden}.sectionHeader{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:14px;height:54px;padding:0 14px;display:flex}.buttonHeader{border:1px solid var(--border-strong);background:var(--button);border-radius:8px;width:calc(100% - 16px);min-height:60px;margin:8px}h2,h3{margin:0;font-size:25px}.sectionHeader h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}h3{font-size:18px}.songList,.historyList{overflow-y:auto}.songListContainer{height:calc(100% - 76px);position:relative}.songList{height:100%}.scrollCue{height:58px;color:var(--muted);background:linear-gradient(to bottom, transparent, var(--panel) 72%);pointer-events:none;justify-content:center;align-items:flex-end;gap:6px;padding-bottom:8px;font-size:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.albumPager{grid-template-columns:repeat(3,112px);gap:8px;width:352px;display:grid}.albumPager button{justify-content:center;align-items:center;gap:8px;min-width:0;min-height:48px;display:flex}.albumHeader{border:1px solid var(--border-strong);background:var(--button);border-radius:8px;width:calc(100% - 16px);height:60px;min-height:60px;margin:8px}.historyList{height:calc(100% - 76px);padding-bottom:10px}.songRow{border-bottom:1px solid var(--border);grid-template-columns:34px minmax(0,1fr) 60px;align-items:center;gap:10px;min-height:84px;padding:8px 10px;display:grid}.songRow.playlistSongRow{grid-template-columns:42px 34px minmax(0,1fr) 60px}.songRow.dragging{opacity:.38}.songRow.dropBefore{box-shadow:inset 0 5px 0 var(--accent)}.songRow.dropAfter{box-shadow:inset 0 -5px 0 var(--accent)}.playlistRow,.albumRow,.artistRow{grid-template-columns:72px minmax(0,1fr)}.playlistRow{background:color-mix(in srgb, var(--accent), transparent 93%)}.coverButton{width:72px;min-width:72px;height:68px;padding:0;overflow:hidden}.coverButton.playing{color:#000}.trackNumber{color:#000;text-align:center;width:34px;font-size:18px;font-weight:700}.trackNumber:not(.playing){color:var(--muted)}.coverButton img{object-fit:cover;width:100%;height:100%;display:block}.songText{text-align:left;background:0 0;border:0;min-width:0}.trackIconButton{place-items:center;width:100%;min-width:0;padding:0;display:grid}.wideAction{grid-column:span 2}.inlineHeart{color:var(--liked);vertical-align:-2px}.historyRow{border:1px solid var(--border-strong);background:var(--button);border-radius:8px;grid-template-columns:42px minmax(0,1fr) 52px;gap:0;width:calc(100% - 20px);min-height:72px;margin:8px 10px 0;display:grid;overflow:hidden}.historyRow.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent), transparent 82%)}.historyRow.dragging{opacity:.38}.historyRow.dropBefore{box-shadow:0 -5px 0 var(--accent)}.historyRow.dropAfter{box-shadow:0 5px 0 var(--accent)}.dragHandle{min-width:42px;color:var(--muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:0;padding:0}.resultDragHandle{align-self:stretch}.historyItem{text-align:left;background:0 0;border:0;border-radius:0;width:100%;min-width:0;padding:8px 12px}.historyMenuButton{background:0 0;border:0;border-radius:0;min-width:52px;padding:0}.dragGhost{z-index:40;border:2px solid var(--accent);background:var(--panel);width:360px;max-width:calc(100vw - 16px);min-height:72px;color:var(--text);pointer-events:none;border-radius:8px;align-content:center;padding:8px 14px;display:grid;position:fixed;box-shadow:0 18px 44px #00000061}.dragGhost strong,.dragGhost span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dragGhost strong{font-size:25px}.dragGhost span{color:var(--muted);font-size:14px}.loginScreen{background:var(--bg);min-height:100vh;padding:28px 24px;display:block}.loginPanel{border:1px solid var(--border);background:var(--panel);border-radius:8px;width:min(640px,100%);margin:0 auto;padding:28px}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 8px;font-size:14px}.loginPanel h1{margin:0 0 24px;font-size:34px}.loginPanel form{gap:14px;display:grid}.loginPanel input{width:100%;padding:0 18px}.passwordField{grid-template-columns:minmax(0,1fr) 76px;gap:10px;display:grid}.passwordField button{width:100%;min-width:0}.loginPanel button[type=submit]{background:var(--button-strong);width:100%;color:var(--button-strong-text)}.status{margin:16px 0 0}.modalBackdrop{z-index:20;background:#0000008c;place-items:start center;padding:14px 24px 24px;display:grid;position:fixed;inset:0}.actionSheet{overscroll-behavior:contain;border:1px solid var(--border-strong);background:var(--panel);border-radius:8px;width:min(760px,100%);max-height:min(900px,100vh - 28px);padding:18px;overflow-y:auto;box-shadow:0 24px 60px #00000059}.actionSheet.inputFocused{max-height:min(550px,100vh - 28px)}.actionSheet header{z-index:1;border-bottom:1px solid var(--border);background:var(--panel);grid-template-columns:minmax(0,1fr) 130px;align-items:center;gap:14px;margin:-18px -18px 14px;padding:18px 18px 14px;display:grid;position:sticky;top:-18px}.actionSheet>button,.playlistList button,.newPlaylist button{justify-content:flex-start;width:100%;margin-top:10px;padding:0 18px;font-size:25px}.trackMenuInfo{border:1px solid var(--border);background:var(--panel-strong);border-radius:8px;grid-template-columns:minmax(0,1fr) 160px;gap:14px;margin-bottom:14px;padding:14px 16px;display:grid}.trackMenuMetadata{gap:8px;min-width:0;display:grid}.trackMenuMetadata div{min-width:0}.trackMenuFacts{grid-template-columns:160px 120px;gap:10px;display:grid}.trackMenuMetadata strong{text-overflow:ellipsis;white-space:nowrap;font-size:21px;display:block;overflow:hidden}.trackMenuMetadata span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.trackMenuCover{background:var(--button);width:160px;height:160px;color:var(--muted);border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.trackMenuCover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.queueAfterButton{background:var(--button-strong);color:var(--button-strong-text)}.trackMenuBrowse{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.trackMenuBrowse button{min-width:0;min-height:52px;font-size:19px}.playlistBox{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.playlistList{gap:8px;display:grid}.playlistList button{align-items:center;gap:12px;display:flex}.playlistList .selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent), transparent 80%)}.newPlaylist{grid-template-columns:minmax(0,1fr) 120px;gap:10px;margin-top:10px;display:grid}.newPlaylist button{justify-content:center;margin-top:0}.themeButtons{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.userMenuActions{gap:10px;margin-top:18px;display:grid}.userMenuActions>button{justify-content:flex-start;width:100%;padding:0 18px;font-size:25px}.themeButtons button{min-width:0;font-size:25px}.settingsSheet{width:min(570px,100%);max-height:min(675px,100vh - 28px);padding:14px}.settingsSheet header{grid-template-columns:minmax(0,1fr) 98px;gap:10px;margin:-14px -14px 10px;padding:14px 14px 10px;top:-14px}.settingsSheet h2{font-size:19px}.settingsSheet header button,.settingsSheet .playlistList button,.settingsSheet .themeButtons button,.settingsSheet .accountActions button{min-height:45px;font-size:19px}.settingsSheet .playlistBox{border-top:0;margin-top:14px;padding-top:0}.settingsSheet .playlistBox h3{font-size:16px}.settingsSheet .playlistList{gap:6px}.settingsSheet .playlistList button,.settingsSheet .accountActions button{margin-top:0;padding:0 14px}.settingsSheet .userMenuActions{gap:8px;margin-top:14px}.settingsSheet .themeButtons{gap:8px}.accountActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.settingsSheet .accountActions button{justify-content:center;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.themeButtons .selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent), transparent 80%)}.albumLetterGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.albumLetterGrid button{justify-content:center;min-width:0;margin:0;font-size:25px}@media (height<=620px){.playerBar{grid-template-columns:120px minmax(0,1fr) 280px;height:80px;padding:6px 12px 8px}.nowPlaying{grid-template-columns:58px minmax(0,1fr);gap:8px}.nowPlayingCover{width:58px;min-width:58px;height:58px;min-height:58px}.transportControls{grid-template-columns:repeat(3,84px);gap:12px}.transportControls>button{width:84px;min-width:84px;height:52px;min-height:52px}.searchBar{grid-template-columns:minmax(0,1fr) 58px 104px 112px;height:72px;padding:8px 12px}.quickButtons{grid-template-columns:54px repeat(3,104px);gap:8px}.albumPager{grid-template-columns:repeat(3,104px);width:328px}.likedButton{width:58px;min-width:58px}.randomButton,.recentButton{min-width:104px}.content{padding:10px 12px}.songRow{min-height:76px}.loginScreen{padding-top:12px}}