:root{color-scheme:dark;--ink:#f5f5f7;--muted:#999aa4;--line:#303034;--accent:#fa526c}html,body{background:#111113;color:var(--ink)}body{font-family:Inter,Arial,sans-serif}.sidebar{background:#18181b;border-color:#2c2c30;overflow-y:auto}.side-search{background:#252529;border-color:#37373d}.side-search input{color:#eee}.sidebar nav button{color:#aaaab3}.sidebar nav button.active,.sidebar nav button:hover{background:#303035;color:white}.music-brand-logo,.footer-music-logo,.auth-wordmark,.masthead-symbol{filter:grayscale(1) brightness(0) invert(1)}.sidebar-bottom{border-color:#343439}.page,main{background:#111113}.eyebrow,.rhythm-label,.date-label,.view-description,.note{color:#a3a3ad}.page-heading h1,.section h2,.rhythm-heading h2{color:#fff}.page-heading h1 span{color:#fa526c}.player{position:sticky;top:0;z-index:30;display:grid!important;grid-template-columns:230px minmax(250px,1fr) 240px;gap:22px;align-items:center;min-height:112px;height:auto;padding:12px 26px;background:linear-gradient(120deg,#252c32eb,#343e47f5,#242a30f5);border:1px solid #4e5860;box-shadow:0 15px 35px #0006;backdrop-filter:blur(24px)}.player>.playback-buttons{display:flex;justify-content:center;gap:20px}.player-center{min-width:0;padding:12px 18px;border:1px solid #6e757c;background:#ffffff06;box-shadow:0 5px 20px #0002}.now-playing{display:flex!important;gap:16px}.now-art{display:grid!important;width:60px;height:60px;flex-shrink:0;background:#404b56!important;color:white!important;border-radius:9px;overflow:hidden}.now-art img{width:100%;height:100%;object-fit:cover}.now-text strong{font-size:14px;max-width:none!important;color:white}.now-text span{font-size:12px;max-width:none!important;color:#bfc6cf}.player .timeline{display:flex!important;margin:8px 0 0 76px;width:calc(100% - 76px);color:#b3bec8;font-size:10px;gap:8px}.player input{accent-color:#eee}.player-tools{display:flex!important;gap:12px;justify-content:end}.player-tools #volume{width:65px}.player-tools #queue,.add-player{display:none}.player #play{background:#647787!important;color:white}.icon-button,.text-button{color:#dadbe2}.red-button{background:#fa526c;color:white}.player #signInButton{white-space:nowrap;font-size:14px;border-left:1px solid #65707b;padding-left:14px}#sidebarPlaylists{padding-left:17px;max-height:260px;overflow:auto}#sidebarPlaylists button{font-size:12px;width:100%;min-height:34px}#sidebarPlaylists span{overflow:hidden;text-overflow:ellipsis}.directory-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:28px}.artist-portrait{max-width:125px;margin:auto;background:#35353d;color:#bcbcc9}.directory-card h3{font-size:14px}.directory-card p{color:#94949f}.follow-button{color:#ccc;border-color:#4d4d57}.follow-button[aria-pressed=true]{background:#34303b}.popular-artists{display:flex;gap:30px;overflow:auto;padding:18px 0}.popular-artists .directory-card{flex:0 0 125px;text-align:center}.record-art{background:linear-gradient(140deg,#30303b,#59526a)}.track{border-color:#303036}.track:hover{background:#242429}.track-title strong{color:#eee}.track-title span,.track-num{color:#9696a2}.track.is-playing{background:#2b2028}.track.is-playing .track-title strong{color:#ff657e}.song-add,.song-edit{color:#bbb;border-color:#484850}.local-cover{background:#303039;color:#aaa}.stream-count{font-size:10px;color:#aaa;white-space:nowrap}.music-carousel{border-radius:16px;margin-top:16px}.public-music-promo{background:#202024;border-color:#3c3c42;color:white}.rhythm-nav button,.genre-tabs button{background:#242429;color:#bdbdc7;border-color:#3b3b42}.genre-tabs button.selected{background:#eee;color:#111}.rhythm-section{margin:48px 0}.mp3-shelf{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.mp3-shelf .track-title strong{font-size:13px}.mp3-shelf .stream-count{display:none}.lower-grid{display:block}.message-banners{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:60px 0 30px}.message-banners article{padding:38px;border:1px solid #444047;border-radius:15px;background:radial-gradient(at 90% 0,#66374b,transparent 70%),#232027}.message-banners article+article{background:radial-gradient(at 90% 0,#284b60,transparent 70%),#1a222b}.message-banners h2{font-size:32px;letter-spacing:-1px;line-height:1.2}.message-banners p{color:#bdb8c4;font-size:13px;line-height:1.7}footer{background:transparent;border-color:#363639;color:#999}.empty{color:#9898a5;background:transparent}.history-label{display:flex;gap:15px;align-items:center}select,input:not([type=range]):not([type=checkbox]){background:#29292f!important;color:#eee!important;border-color:#44444c!important}dialog{background:#202024;color:#eee;border:1px solid #44444b}dialog::backdrop{background:#000a}.playlist-choice,.playlist-choice-button{background:#2a2a31;color:#eee}.auth-tabs button,.music-footer-links button,.consent button,#musicInfoBody{color:#b7b7c5}.auth-tabs .active{color:#fa526c;border-color:#fa526c}.playlist-label select{width:100%;padding:12px;margin-top:8px}#classicSliders{display:none}.topbar[hidden]{display:none!important}
@media(max-width:1200px){.player{grid-template-columns:160px minmax(190px,1fr) 130px;gap:12px;padding:12px}.player-tools #volume,.player-tools #mute{display:none}.player>.playback-buttons{gap:12px}.player-center{padding:10px}.stream-count{display:none}}
@media(max-width:900px){.sidebar{background:#18181b}.sidebar nav{display:flex;flex-wrap:wrap}.sidebar #sidebarPlaylists{display:flex;max-width:100%;padding:0}.sidebar #sidebarPlaylists button{width:auto}.sidebar-bottom{display:none}.player{grid-template-columns:140px 1fr 100px}.player .now-text{display:block}.now-art{width:42px;height:42px}.player .timeline{margin-left:0;width:100%}.player-tools{gap:2px}.player #signInButton{font-size:12px;padding-left:8px}.player-tools .icon-button{font-size:18px}.mp3-shelf{grid-template-columns:1fr}.message-banners{gap:14px}.message-banners article{padding:25px}}
@media(max-width:560px){.player{grid-template-columns:1fr 86px;gap:8px;padding:10px}.player-center{grid-column:1;grid-row:1;border:0;padding:0}.player>.playback-buttons{grid-column:1;grid-row:2;justify-content:start;padding-left:8px}.player-tools{grid-column:2;grid-row:1 / 3;flex-wrap:wrap}.player .now-text strong{font-size:12px}.player .now-text span{font-size:10px}.player .timeline{font-size:9px}.sidebar nav{display:none}.menu-open .sidebar nav{display:flex}.message-banners{grid-template-columns:1fr}.message-banners h2{font-size:28px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artist-portrait{max-width:100px}.unified-track{gap:8px}.player #shuffle,.player #repeat{display:inline-flex}.song-browser{width:100%}}
/* Compact header: 64px desktop, with the reference's three-part layout. */
.player{min-height:64px;height:64px;padding:6px 20px;grid-template-columns:180px minmax(180px,1fr) 205px;gap:18px;box-shadow:0 5px 16px #0004;border-width:0 0 1px;background:linear-gradient(110deg,#262b31f5,#313943f5,#262b31f5)}
.player-center{height:50px;padding:4px 12px;border:0;border-left:1px solid #ffffff16;border-right:1px solid #ffffff16;background:#ffffff04;box-shadow:none;box-sizing:border-box}
.player .now-playing{margin-top:0;gap:10px;align-items:center}
.player .now-art{width:30px;height:30px;border-radius:4px;font-size:16px}
.player .now-text strong{font-size:11px;line-height:14px}
.player .now-text span{font-size:10px;line-height:12px;margin-top:1px}
.player .timeline{margin:0 0 0 40px;width:calc(100% - 40px);height:12px;gap:6px}
.player .timeline span{font-size:9px}
.player>.playback-buttons{gap:14px}
.player .icon-button{font-size:16px;padding:4px}
.player #play{width:28px;height:28px;font-size:11px}
.player #signInButton{font-size:12px;padding:5px 0 5px 12px}
.player .player-tools{gap:10px}
@media(max-width:1200px){.player{grid-template-columns:145px minmax(150px,1fr) 110px;gap:10px;padding:6px 12px}.player>.playback-buttons{gap:10px}}
@media(max-width:900px){.player{grid-template-columns:130px minmax(130px,1fr) 95px;gap:6px}.player>.playback-buttons{gap:7px}.player-center{padding:4px 8px}.player .player-tools{gap:4px}}
@media(max-width:560px){.player{height:84px;min-height:84px;padding:6px 12px;grid-template-columns:minmax(0,1fr) 80px;grid-template-rows:42px 24px;gap:4px 8px}.player-center{height:42px;padding:0;border:0;background:none}.player .now-art{width:28px;height:28px}.player .timeline{margin-left:38px;width:calc(100% - 38px);height:10px}.player>.playback-buttons{padding-left:0;gap:15px}.player #play{width:24px;height:24px}.player .player-tools{gap:6px}.player .now-text strong{font-size:11px}.player .now-text span{font-size:9px}.player #signInButton{font-size:11px}}