:root{color:#f3f1eb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#121210;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:0}input:not([type=range]){-webkit-user-select:text;user-select:text}input[type=range]:focus{outline:0}.authPage{width:min(380px,100% - 40px);margin:0 auto;padding:14vh 0 80px}.authPage h1{letter-spacing:-.06em;margin:48px 0 32px;font-size:clamp(42px,8vw,72px)}.authPage a{color:#99998f}.authForm{gap:20px;margin-bottom:24px;display:grid}.authForm label{color:#99998f;gap:8px;font-size:13px;display:grid}.authForm input{color:#f3f1eb;background:0 0;border:0;border-bottom:1px solid #66665e;width:100%;padding:13px 0}.authForm button{color:#121210;background:#fedb00;border:0;padding:12px 18px;font-weight:700}.authForm p{color:#99998f;margin:0}
:root{--bg:#121210;--sidebar:#191917;--raised:#22221f;--hover:#292925;--text:#f3f1eb;--muted:#99998f;--quiet:#6f6f67;--line:#30302b;--accent:#fedb00;--player-height:92px;--sidebar-width:238px}.appShell{background:var(--bg);min-height:100vh}.sidebar{inset:0 auto var(--player-height) 0;width:var(--sidebar-width);background:var(--sidebar);flex-direction:column;padding:25px 14px;display:flex;position:fixed;overflow:hidden}.sidebarResizeHandle{z-index:30;top:0;bottom:var(--player-height);left:calc(var(--sidebar-width) - 5px);cursor:col-resize;touch-action:none;width:10px;position:fixed}.sidebarResizeHandle:after{background:var(--accent);content:"";opacity:0;width:1px;position:absolute;top:0;bottom:0;left:4px}.sidebarResizeHandle:hover:after,.sidebarResizeHandle:focus-visible:after,body.isSidebarResizing .sidebarResizeHandle:after{opacity:.7}.sidebarResizeHandle:focus-visible{outline:0}body.isSidebarResizing,body.isSidebarResizing *{cursor:col-resize!important}.brand{align-items:center;height:30px;margin:0 9px 34px;display:flex}.brand img{width:136px;height:auto;display:block}.sidebar nav,.playlistNav,.artistNav{gap:3px;display:grid}.sidebarCollections{min-height:0;overflow-y:auto}.sidebarFooter{flex:none;margin-top:auto;padding-top:18px}.sidebarFooter .navItem{color:var(--quiet)}.navItem{width:100%;min-height:39px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:5px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 10px;display:grid}.navItem:hover{color:var(--text);background:var(--hover)}.navItem.active{color:var(--text);background:var(--raised)}.navItem span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.navItem small{color:var(--quiet);font-size:11px}.sidebarHeading{color:var(--quiet);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:37px 10px 10px;font-size:11px;font-weight:700;display:flex}.sidebarHeading button,.trackActions>button{color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.sidebarHeading button{width:29px;height:29px;margin-right:-5px}.trackActions>button{width:28px;height:28px}.sidebarHeading button:hover,.trackActions>button:hover{color:var(--text)}.artistHeading{margin-top:29px}.playlistForm{padding:0 6px 5px}.playlistForm input{background:var(--raised);border:1px solid #47473f;border-radius:4px;width:100%;height:36px;padding:0 9px}.emptyPlaylist{color:var(--quiet);text-align:left;background:0 0;border:0;padding:8px 10px;font-size:12px;line-height:1.5}.playlistItem{border-radius:5px;position:relative}.playlistItem .navItem,.artistNav .navItem{grid-template-columns:20px minmax(0,1fr);padding-right:44px}.artistNav .navItem{position:relative}.playlistItem small,.artistNav small{text-align:center;width:29px;position:absolute;right:5px}.playlistDelete{width:29px;height:29px;color:var(--quiet);opacity:0;background:0 0;border:0;border-radius:3px;place-items:center;padding:0;display:grid;position:absolute;top:5px;right:5px}.playlistItem:hover .playlistDelete,.playlistDelete:focus-visible{opacity:1}.playlistItem:hover small{opacity:0}.playlistDelete:hover{color:#ff847a;background:#34221f}.playlistItem.dropTarget{background:color-mix(in srgb, var(--accent) 14%, transparent);outline:1px solid var(--accent);outline-offset:-1px}.playlistItem.dropTarget .navItem{color:var(--accent)}.workspace{min-height:calc(100vh - var(--player-height));margin-left:var(--sidebar-width);padding:0 42px 100px}.libraryTopbar{z-index:10;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;gap:20px;padding:18px 0;display:flex;position:sticky;top:0}.searchField{border:1px solid var(--line);width:min(340px,42vw);height:38px;color:var(--quiet);background:#171715;border-radius:5px;align-items:center;gap:9px;padding:0 12px;display:flex}.searchField:focus-within{color:var(--muted);border-color:#66665d}.searchField input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:13px}.searchField input::placeholder{color:var(--quiet)}.libraryTopbar>input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.uploadButton{color:#151611;background:var(--accent);border:0;border-radius:5px;align-items:center;gap:8px;min-height:38px;padding:0 15px;font-size:13px;font-weight:750;display:flex}.uploadButton:hover{background:#e3ff7c}.uploadButton:disabled{opacity:.6}.uploadTray{z-index:80;right:28px;bottom:calc(var(--player-height) + 24px);background:var(--raised);border:1px solid #3c3c36;border-radius:5px;width:min(360px,100vw - 32px);padding:14px;position:fixed;box-shadow:0 16px 40px #0007}.uploadTray>header{margin-bottom:12px}.uploadTray>header strong{color:var(--text);font-size:12px;font-weight:700}.uploadQueue{gap:13px;max-height:min(300px,45vh);display:grid;overflow-y:auto}.uploadItem{gap:7px;display:grid}.uploadItemMeta{justify-content:space-between;gap:16px;min-width:0;display:flex}.uploadItemMeta span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.uploadItemMeta small{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.uploadItem progress{appearance:none;background:#45453e;border:0;border-radius:0;width:100%;height:3px;display:block;overflow:hidden}.uploadItem progress::-webkit-progress-bar{background:#45453e}.uploadItem progress::-webkit-progress-value{background:var(--accent)}.uploadItem progress::-moz-progress-bar{background:var(--accent)}.importProgress{background:#45453e;width:100%;height:3px;overflow:hidden}.importProgress>span{background:var(--accent);will-change:transform;width:33.3333%;height:100%;animation:1.2s linear infinite importProgress;display:block;transform:translate(-100%)}@keyframes importProgress{to{transform:translate(300%)}}.scanButton{border:1px solid var(--line);min-height:38px;color:var(--text);background:var(--raised);border-radius:5px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;display:flex}.scanButton:hover:not(:disabled){background:var(--hover)}.scanButton:disabled{color:var(--muted)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dropOverlay{z-index:150;color:#121210;background:color-mix(in srgb, var(--accent) 94%, transparent);pointer-events:none;place-content:center;justify-items:center;gap:12px;padding:32px;animation:.12s ease-out dropOverlayIn;display:grid;position:fixed;inset:0}.dropOverlay:before{content:"";border:2px dashed #121210;position:absolute;inset:16px}.dropOverlayIcon{margin-bottom:14px}.dropOverlay strong{letter-spacing:-.055em;text-align:center;font-size:clamp(36px,6vw,72px);line-height:.95}.dropOverlay span{text-align:center;font-size:13px;font-weight:650}@keyframes dropOverlayIn{0%{opacity:0;transform:scale(.995)}}.libraryIntro{padding:clamp(52px,9vh,105px) 0 44px}.libraryIntro p{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:750}.libraryIntro h1{letter-spacing:-.065em;max-width:800px;margin:0;font-size:clamp(44px,6vw,78px);font-weight:750;line-height:.95}.libraryIntro>span{color:var(--muted);margin-top:19px;font-size:13px;display:block}.libraryMetaRow{align-items:center;gap:16px;margin-top:19px;display:flex}.libraryMetaRow>span{color:var(--muted);font-size:13px}.playlistShareButton{min-height:28px;color:var(--quiet);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:12px;display:flex}.playlistShareButton:hover{color:var(--text)}.playlistShareButton.copied{color:var(--accent)}.playlistShareButton.failed{color:#ff9b93}.errorBanner{color:#ffb0aa;background:#261a18;border-left:2px solid #ff796f;justify-content:space-between;gap:20px;margin-bottom:18px;padding:12px 14px;font-size:13px;display:flex}.errorBanner button{color:inherit;background:0 0;border:0;text-decoration:underline}.importIntro{padding-bottom:38px}.importList{width:100%}.importHeader,.importRow{grid-template-columns:minmax(220px,1fr) 125px 80px 100px;align-items:center;gap:18px;display:grid}.importHeader{border-bottom:1px solid var(--line);height:34px;color:var(--quiet);letter-spacing:.1em;text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:700}.importRow{min-height:66px;color:var(--muted);border-bottom:1px solid #20201d;padding:8px}.importRow:hover{background:#181816}.importIdentity{gap:4px;min-width:0;display:grid}.importIdentity strong,.importIdentity span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.importIdentity strong{color:var(--text);font-size:14px;font-weight:650}.importIdentity span{color:var(--muted);font-size:11px}.importRow>time,.importRow>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.importRow button{color:#151611;background:var(--accent);border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:12px;font-weight:750;display:flex}.importRow button:hover:not(:disabled){background:#e3ff7c}.importRow button:disabled{opacity:.55}.importState{min-height:220px;color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.trackList{width:100%}.trackHeader,.trackRow{grid-template-columns:42px minmax(210px,1fr) 124px minmax(140px,.45fr) minmax(160px,.55fr) minmax(110px,.3fr) 58px 62px 88px;align-items:center;display:grid}.trackHeader{border-bottom:1px solid var(--line);height:34px;color:var(--quiet);letter-spacing:.1em;text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:700}.artistHeader,.notesHeader{padding-left:8px}.trackRow{min-height:64px;color:var(--muted);cursor:pointer;border-bottom:1px solid #20201d;padding:6px 8px}.trackRow:hover{background:#181816}.trackRow.dragging{opacity:.42}body.isTrackDragging,body.isTrackDragging *{cursor:grabbing!important}.dragPreview{z-index:100;width:min(280px,100vw - 32px);color:var(--text);pointer-events:none;transform-origin:18%;will-change:transform;background:#282824;border:1px solid #4d4d45;border-radius:5px;align-items:center;gap:10px;padding:9px 12px 9px 9px;display:flex;position:fixed;top:0;left:0;box-shadow:0 14px 34px #0008}.dragPreviewMark{color:#171712;background:var(--accent);flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.dragPreview>span:last-child{gap:3px;min-width:0;display:grid}.dragPreview strong,.dragPreview small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dragPreview strong{font-size:13px}.dragPreview small{color:var(--muted);font-size:11px}.trackRow.current{color:var(--accent)}.rowPlay{width:30px;height:30px;color:inherit;background:0 0;border:0;place-items:center;display:grid;position:relative}.rowPlay svg,.trackRow:hover .rowPlay span,.trackRow.current .rowPlay span{display:none}.trackRow:hover .rowPlay svg,.trackRow.current .rowPlay svg{display:block}.trackIdentity{min-width:0;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:grid}.trackDetails{align-content:center;gap:4px;min-width:0;display:grid}.trackIdentity strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.trackRow.current .trackIdentity strong{color:var(--accent)}.trackSubline{align-items:center;gap:8px;min-width:0;display:flex}.trackSubline>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.versionCell{justify-content:flex-start;align-items:center;min-width:0;display:flex}.versionDisclosure{min-height:30px;color:var(--muted);white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:11px;font-weight:650;display:flex}.versionDisclosure:hover{color:var(--text)}.versionDisclosure svg{transition:transform .15s}.versionDisclosure svg.expanded{transform:rotate(180deg)}.versionRow{background:#151513;min-height:56px}.versionRow .trackDetails{padding-left:18px}.versionRow .rowPlay>span{color:var(--quiet);font-size:12px;font-weight:750}.versionRow .trackIdentity strong{color:var(--muted);font-size:13px}.trackRow.versionRow.current .trackIdentity strong{color:var(--accent)}.artistCell,.notesCell{min-width:0;padding-right:18px}.artistCell input,.notesCell input{width:100%;height:30px;color:var(--text);text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:3px;outline:0;padding:0 7px;font-size:12px}.artistCell input::placeholder,.notesCell input::placeholder{color:var(--quiet)}.artistCell input:hover,.notesCell input:hover{background:var(--raised)}.artistCell input:focus,.notesCell input:focus{background:var(--raised);border-color:#56564e}.artistCell input:disabled,.notesCell input:disabled{opacity:.55}.trackRow time,.bpm,.duration{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.trackActions{justify-content:flex-end;display:flex;position:relative}.trackActions .shareButton.copied{color:var(--accent)}.trackActions .shareButton.failed{color:#ff9b93}.trackMenu{z-index:20;background:#242421;border:1px solid #3b3b35;border-radius:6px;width:210px;padding:7px;display:grid;position:absolute;top:35px;right:0;box-shadow:0 18px 40px #0008}.trackMenu button,.trackMenu a{color:var(--text);text-align:left;background:0 0;border:0;border-radius:3px;padding:9px;text-decoration:none}.trackMenu button:hover,.trackMenu a:hover{background:#30302b}.trackMenu .menuDanger{color:#ff9b93}.trackMenu .menuDanger:hover{color:#ffc0bb;background:#382421}.emptyState{color:var(--muted);text-align:center;justify-items:center;padding:13vh 20px;display:grid}.emptyArtwork{color:#161712;background:var(--accent);border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:22px;display:grid}.emptyState h2{color:var(--text);letter-spacing:-.025em;margin:0 0 8px;font-size:21px}.emptyState p{margin:0;font-size:13px}.visuallyHidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.listeningPage{background:var(--bg);min-height:100vh}.listeningMain{place-items:center;min-height:100vh;padding:clamp(24px,7vw,96px);display:grid}.listeningPanel{border:1px solid var(--line);background:#181816;width:min(1080px,100%)}.listeningPanelHeader{border-bottom:1px solid var(--line);align-items:center;min-height:84px;padding:0 28px;display:flex}.listeningBrand{align-items:center;display:flex}.listeningBrand img{width:112px;height:auto;display:block}.listeningInlinePlayer{grid-template-rows:auto auto;grid-template-columns:118px minmax(0,1fr);align-items:end;gap:22px 28px;padding:28px;display:grid}.listeningPlay{aspect-ratio:1;width:118px;color:var(--text);background:var(--raised);border:1px solid #3b3b35;grid-row:1/span 2;align-self:center;place-items:center;padding:0;display:grid}.listeningPlay:hover{background:var(--hover)}.listeningIdentity{grid-column:2;min-width:0}.listeningIdentity h1,.listeningState h1{color:var(--text);letter-spacing:-.045em;overflow-wrap:anywhere;margin:0;font-size:clamp(24px,3vw,38px);line-height:1}.listeningIdentity span,.listeningState span{color:var(--muted);margin-top:8px;font-size:13px;display:block}.listeningTimeline{color:var(--muted);font-variant-numeric:tabular-nums;grid-column:2;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;font-size:11px;display:grid}.listeningTimeline .waveformScrubber{height:40px}.listeningState{text-align:center;padding:clamp(50px,9vw,100px) 28px}.listeningState p{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:750}.listeningState a{color:var(--text);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;margin-top:28px;font-size:13px;display:inline-block}.sharedPlaylistIntro{border-bottom:1px solid var(--line);padding:28px}.sharedPlaylistIntro p{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:750}.sharedPlaylistIntro h1{color:var(--text);letter-spacing:-.055em;margin:0;font-size:clamp(30px,4vw,52px);line-height:1}.sharedPlaylistIntro span{color:var(--muted);margin-top:12px;font-size:12px;display:block}.sharedPlaylistEmpty{color:var(--muted);text-align:center;padding:72px 28px;font-size:13px}.sharedPlaylistTracks{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.sharedPlaylistTracks button{width:100%;min-height:62px;color:var(--muted);text-align:left;background:0 0;border:0;border-bottom:1px solid #242420;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 28px;display:grid}.sharedPlaylistTracks li:last-child button{border-bottom:0}.sharedPlaylistTracks button:hover{background:#1d1d1a}.sharedPlaylistTracks button[aria-current=true]{color:var(--accent)}.sharedTrackIndex{place-items:center;font-size:12px;display:grid}.sharedTrackIdentity{gap:4px;min-width:0;display:grid}.sharedTrackIdentity strong,.sharedTrackIdentity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sharedTrackIdentity strong{color:var(--text);font-size:13px}.sharedTrackIdentity small{color:var(--muted);font-size:11px}.sharedPlaylistTracks button>span:last-child{font-variant-numeric:tabular-nums;font-size:11px}.player{z-index:40;height:var(--player-height);border-top:1px solid var(--line);background:#181816;grid-template-columns:minmax(200px,250px) minmax(300px,1fr) minmax(130px,150px);align-items:center;column-gap:18px;padding:0 18px;display:grid;position:fixed;inset:auto 0 0}.nowPlaying{align-items:center;gap:12px;min-width:0;display:flex}.miniArtwork{color:#171812;background:var(--accent);flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:17px;font-weight:800;display:grid}.nowPlaying>div:last-child{gap:3px;min-width:0;display:grid}.nowPlaying strong,.nowPlaying span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nowPlaying strong{font-size:13px}.nowPlaying span{color:var(--muted);font-size:11px}.transport{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.transportButtons{justify-content:center;align-items:center;gap:6px;display:flex}.transport button{width:30px;height:30px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.transport button:hover:not(:disabled){color:var(--text)}.transport .primaryPlay{color:#161712;background:var(--text);border-radius:50%;width:34px;height:34px}.transport .primaryPlay:hover:not(:disabled){color:#161712;background:#d8d6d0}.transport button:disabled{opacity:.25}.timeline{color:var(--quiet);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.timeReadout{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:flex}.timeReadout>span:nth-child(2){color:var(--muted)}.waveformScrubber{cursor:ew-resize;min-width:0;height:34px;position:relative;overflow:hidden}.waveformScrubber:before{content:"";background:#484842;height:1px;position:absolute;top:50%;left:0;right:0}.waveformScrubber>div{z-index:1;position:relative}.waveformScrubber.is-ready:before{opacity:0}.waveformScrubber.is-loading:before{background:linear-gradient(90deg,#484842 0 35%,#77776d 50%,#484842 65% 100%) 0 0/200% 100%;animation:1.2s linear infinite waveformLoading}.waveformScrubber:focus{outline:0}@keyframes waveformLoading{to{background-position:-200% 0}}input[type=range]{height:3px;accent-color:var(--accent);cursor:pointer;margin:0}.volume{color:var(--muted);justify-self:end;align-items:center;gap:9px;display:flex}.volume input{width:80px}.dialogBackdrop{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080807c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirmDialog{background:#22221f;border:1px solid #41413b;border-radius:6px;width:min(420px,100%);padding:25px;box-shadow:0 26px 80px #000b}.confirmDialog>p{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:10px;font-weight:750}.confirmDialog h2{color:var(--text);letter-spacing:-.035em;margin:0 0 10px;font-size:25px}.confirmDialog>span{color:var(--muted);font-size:13px;line-height:1.55;display:block}.dialogActions{justify-content:flex-end;gap:8px;margin-top:28px;display:flex}.dialogActions button{border:0;border-radius:4px;min-height:38px;padding:0 14px;font-size:13px;font-weight:700}.dialogCancel{color:var(--text);background:#30302b}.dialogCancel:hover{background:#3a3a34}.dialogDanger{color:#fff;background:#a5372f}.dialogDanger:hover{background:#c2463d}@media (max-width:1050px) and (min-width:761px){.workspace{padding-inline:24px}.trackHeader,.trackRow{grid-template-columns:42px minmax(130px,1fr) 116px minmax(100px,.45fr) minmax(120px,.55fr) 58px 62px 88px}.trackHeader>span:nth-child(6),.trackRow time{display:none}}@media (max-width:760px){:root{--player-height:116px}.sidebar{width:100%;height:auto;padding:16px;display:block;position:static;overflow:visible}.sidebarResizeHandle{display:none}.brand{margin:0 0 16px}.sidebarCollections{overflow:visible}.sidebar nav,.playlistNav,.artistNav{scrollbar-width:none;display:flex;overflow-x:auto}.sidebar nav::-webkit-scrollbar{display:none}.playlistNav::-webkit-scrollbar{display:none}.artistNav::-webkit-scrollbar{display:none}.navItem{width:auto;min-width:max-content}.sidebarHeading{margin:20px 7px 8px}.sidebarFooter{margin-top:12px;padding-top:0}.emptyPlaylist{display:none}.workspace{min-height:auto;margin-left:0;padding:0 16px 150px}.libraryTopbar{padding:12px 0}.searchField{width:100%}.uploadButton{flex:0 0 44px;justify-content:center;width:44px;padding:0;font-size:0}.uploadTray{right:16px;bottom:calc(var(--player-height) + 16px)}.scanButton{flex:0 0 44px;justify-content:center;width:44px;padding:0;font-size:0}.libraryIntro{padding:55px 0 34px}.libraryIntro h1{font-size:48px}.trackHeader{display:none}.trackRow{grid-template-rows:auto auto auto;grid-template-columns:36px minmax(0,1fr) auto 70px;min-height:88px;padding:7px 2px}.rowPlay{grid-area:1/1/span 3}.trackDetails{grid-area:1/2}.versionCell{grid-area:1/3}.trackRow time,.bpm{display:none}.duration{text-align:right}.trackActions{grid-area:1/4}.duration{text-align:right;grid-area:2/4;padding-right:6px}.versionDisclosure{font-size:10px}.versionRow .trackDetails{padding-left:8px}.artistCell{grid-area:2/2/auto/span 2;margin-top:2px;padding-right:0}.notesCell{grid-area:3/2/auto/span 3;padding-right:6px}.versionRow .artistCell,.versionRow .notesCell{padding-left:8px}.artistCell input,.notesCell input{border:0;height:22px;padding:0;font-size:11px}.artistCell input:hover,.artistCell input:focus,.notesCell input:hover,.notesCell input:focus{background:0 0}.importHeader{display:none}.importRow{grid-template-columns:minmax(0,1fr) auto;gap:12px}.importRow>time,.importRow>span{display:none}.importRow button{min-width:86px}.player{height:var(--player-height);grid-template-columns:1fr auto;padding:13px 16px 16px}.transport{display:flex}.transportButtons{gap:5px}.timeline,.volume{display:none}.listeningMain{padding:16px}.listeningPanelHeader{min-height:68px;padding:0 20px}.listeningInlinePlayer{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:20px 16px;padding:20px}.listeningPlay{grid-row:1;width:76px}.listeningPlay svg{width:26px}.listeningIdentity{grid-column:2}.listeningIdentity h1,.listeningState h1{font-size:24px}.listeningTimeline{grid-area:2/1/auto/-1;grid-template-columns:minmax(0,1fr) auto}.listeningTimeline>span:first-child{display:none}.listeningTimeline .waveformScrubber{height:34px}.sharedPlaylistIntro{padding:24px 20px}.sharedPlaylistTracks button{padding-inline:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.dropOverlay,.spin,.waveformScrubber.is-loading:before{animation:none}.importProgress>span{opacity:.45;width:100%;animation:1.2s cubic-bezier(.77,0,.175,1) infinite alternate importProgressPulse;transform:none}.versionDisclosure svg{transition:none}}@keyframes importProgressPulse{to{opacity:1}}.routeState{color:#f3f1eb;background:#121210;place-content:center;justify-items:center;gap:16px;min-height:100vh;display:grid}.routeState a,.routeState button{color:#121210;background:#fedb00;border:0;padding:10px 16px;text-decoration:none}
