:root{--music-dock-height:104px}
.player-dock{height:var(--music-dock-height);min-height:0;grid-template-columns:minmax(180px,1fr) minmax(260px,1.5fr) minmax(110px,1fr);align-items:center;gap:22px;padding:12px 24px;border-top:1px solid #ffffff16;background:#101010;box-shadow:none}
.player-dock .now-track{gap:12px;min-width:0}.player-dock .cover{width:56px;height:56px;border:0;border-radius:5px;overflow:hidden}.player-dock .now-track strong{font-size:13px;line-height:20px}.player-dock .now-track span{margin-top:1px;line-height:18px}.player-dock #save-current{margin-top:3px;padding:1px 7px;min-height:21px;font-size:9px}.player-dock .transport{min-width:0;align-self:center}.player-dock .transport-buttons{gap:18px;height:44px;margin:0 0 7px}.player-dock .transport-buttons button{display:grid;place-items:center;position:relative;flex-shrink:0;width:28px;height:32px;min-width:0;padding:0;border:0;border-radius:50%;color:#aab4bc;background:none}.player-dock .transport-buttons button:hover:not(:disabled){color:#fff;background:#ffffff0a}.player-dock .transport-buttons #toggle{order:2;width:38px;height:38px;min-width:38px;padding:0;background:#f0f6fa;color:#0b1116;border-radius:50%}.player-dock #toggle:hover:not(:disabled){background:#fff;transform:scale(1.04)}.player-dock #toggle:disabled{background:#343b40;color:#8c969d;opacity:.65}.player-dock #loop{order:0}.player-dock #autoplay{order:4}.player-dock #skip{order:3}.player-dock #back,.player-dock #forward{display:none!important}.player-dock #autoplay[aria-pressed=true],.player-dock #loop.dock-active{color:#71c2ff;background:none}.player-dock #loop.dock-active:after,.player-dock #autoplay[aria-pressed=true]:after{content:'';position:absolute;bottom:-4px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#71c2ff}.player-dock #loop[data-mode=track]:before{content:'1';position:absolute;font-size:8px;background:#101010;line-height:10px;color:#71c2ff}
.player-dock .scrubber{margin:0;gap:9px;font-size:10px;font-variant-numeric:tabular-nums}.player-dock input[type=range]{height:4px}.player-dock .extras{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.player-dock .extras>label{display:flex;align-items:center;margin:0;color:#bec8cf;flex-shrink:0}.player-dock .extras #volume-value{display:none}.player-dock .extras>input{width:100%;max-width:110px;margin:0}.player-dock .extras>div{display:none}.player-dock #status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.library-row{grid-template-columns:24px minmax(170px,2fr) minmax(100px,1fr) 90px 42px 30px 25px}.library-queue{display:grid;place-items:center;width:28px;height:28px;padding:0!important;border:1px solid #ffffff35!important;border-radius:50%!important;font-size:20px!important;line-height:1;background:none!important;color:#d5e3ed}.library-queue:hover:not(:disabled){border-color:#71c2ff!important;color:#71c2ff;background:#0092ff18!important}.library-queue:disabled{opacity:.35}
@media(min-width:1100px) and (max-width:1350px){.library-row{grid-template-columns:22px minmax(120px,2fr) minmax(65px,1fr) 38px 28px 25px}}
@media(max-width:1099px) and (min-width:721px){.library-row{grid-template-columns:22px minmax(140px,2fr) minmax(70px,1fr) 75px 38px 28px 25px}.player-dock{gap:14px;padding:12px 16px;grid-template-columns:minmax(160px,1fr) minmax(230px,1.3fr) 100px}}
@media(max-width:720px){:root{--music-dock-height:148px}.app{padding-bottom:var(--music-dock-height)}.player-dock{height:148px;min-height:0;padding:10px 16px 12px;grid-template-columns:minmax(0,1fr) 85px;grid-template-rows:56px 60px;gap:6px 10px}.player-dock .now-track{grid-column:1;grid-row:1}.player-dock .cover{width:44px;height:44px}.player-dock .transport{grid-column:1/-1;grid-row:2}.player-dock .transport-buttons{height:34px;margin-bottom:5px;gap:24px}.player-dock .transport-buttons #toggle{width:34px;height:34px;min-width:34px}.player-dock .extras{grid-column:2;grid-row:1;gap:6px}.player-dock .extras svg{width:16px}.player-dock .now-track #like-current{margin-left:0}.library-row{grid-template-columns:20px minmax(100px,1fr) 35px 28px 25px}.library-queue{width:25px;height:25px;font-size:18px!important}}
.video-mode-switch{display:flex;gap:4px;padding:8px 10px;background:#12171c}.video-mode-switch[hidden]{display:none}.video-mode-switch button{flex:1;padding:6px 9px;font-size:10px;border:1px solid transparent;border-radius:16px;background:none;color:#a8bccb}.video-mode-switch button[aria-pressed=true]{color:#dcefff;background:#0092ff22;border-color:#0092ff55}
.library-sort-wrap{position:relative;flex-shrink:0}.library-sort-wrap>button{display:flex;align-items:center;gap:9px;border:0;background:none;color:#c8d4de;padding:10px 8px;font-size:11px;white-space:nowrap;border-radius:6px}.library-sort-menu{position:absolute;right:0;top:calc(100% + 5px);z-index:30;width:190px;padding:6px;background:#282828;border:1px solid #ffffff12;border-radius:6px;box-shadow:0 8px 30px #0009}.library-sort-menu[hidden]{display:none}.library-sort-menu>small{display:block;padding:8px 12px;color:#a7b3bd;font-size:10px}.library-sort-menu>button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:none;border:0;padding:11px 12px;border-radius:3px;font-size:12px;color:#eee}.library-sort-menu>button:hover{background:#ffffff12}.library-sort-menu>button[aria-checked=true]{color:#71c2ff}.library-sort-menu>button[aria-checked=true]:after{content:"✓"}.library-toolbar>button[aria-pressed=true]{color:#71c2ff}.library-toolbar>button[aria-pressed=true]:after{content:"";display:block;width:4px;height:4px;border-radius:50%;background:#71c2ff;margin:2px auto 0}
.video-settings{display:none!important}#watch-dialog[hidden],.now-video-card #watch-dialog[hidden]{display:none!important}
.track-art,.cover{position:relative}.artwork-placeholder{position:absolute;inset:0;display:grid!important;place-items:center;font-size:24px!important;font-style:normal;color:#d9e7ef!important;margin:0!important;line-height:1!important;border-radius:inherit}.track-art img[hidden],.cover img[hidden]{display:none!important}
.personal-settings-card{max-width:700px;background:#1b1b1b;border:1px solid #ffffff12;border-radius:12px;padding:24px;margin-bottom:18px}.personal-settings-card>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:700}.personal-settings-card output{font-size:13px;color:#71c2ff}.personal-settings-card p{font-size:13px;line-height:1.7;color:#aabac5;margin:12px 0 24px}.personal-settings-card>input{width:100%;margin:10px 0}.settings-range-labels{display:flex;justify-content:space-between;margin-bottom:20px;color:#9eacb8}.personal-settings-card>small{font-size:11px;line-height:1.7;color:#a4b5c3}.personal-settings-card h3{font-family:inherit;font-size:17px;margin:0}.personal-settings-card .music-actions{display:flex;flex-wrap:wrap;gap:8px}
.artist-banner{min-height:clamp(260px,25vw,360px)}.artist-banner .artist-portrait{inset:0!important;width:100%!important;height:100%!important;object-position:center 42%!important;opacity:.7}.artist-banner:after{background:linear-gradient(0deg,#080c10ef,transparent 100%),linear-gradient(90deg,#09151dbb,transparent 85%)!important}.artist-audience{display:block;font-size:12px;color:#c3d1dc;line-height:1.8;margin-top:6px}.artist-audience[hidden]{display:none}
.artist-banner .artist-ambient{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;filter:blur(24px);opacity:.32}.artist-banner .artist-portrait{object-fit:contain!important;object-position:right center!important;opacity:.8}

.music-card img.fallback,.now-video-cover>img.fallback,.cover img.fallback,.track-art img.fallback{padding:0!important;object-fit:cover!important;background:#173443!important}.music-card .cover-link img{width:100%;aspect-ratio:1;object-fit:cover;padding:0!important}


#join{background:#0092ff!important;border-color:#0092ff!important;color:white!important}#join.voice-leave{background:#cf303b!important;border-color:#cf303b!important}#join:disabled{opacity:.55}


#watch-dialog:not(.watch-expanded) .watch-stage{pointer-events:none}#watch-dialog.watch-expanded .watch-stage{pointer-events:auto}


.side-actions .playlist-membership{display:flex;flex:1 1 auto;gap:6px;flex-wrap:wrap;min-width:0}.side-actions .playlist-membership[hidden]{display:none!important}.side-actions .playlist-membership button{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 10px;background:#172c3a;color:#b9ddf6;border:1px solid #29495c;border-radius:15px;font-size:11px}.side-actions{align-items:center;flex-wrap:wrap}.side-actions .playlist-membership+button{flex-shrink:0}


.watch-stage:fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;background:#000;display:block;border:0;border-radius:0}.watch-stage:fullscreen iframe{width:100%!important;height:100%!important;min-height:0!important;border:0;display:block}.watch-stage:fullscreen::backdrop{background:#000}


.watch-stage{background-color:#080808;background-size:contain;background-position:center;background-repeat:no-repeat}.watch-stage iframe{transition:opacity .18s ease}.watch-stage.video-shielded iframe{opacity:0!important;pointer-events:none!important}


.library-play{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important}.library-play svg{display:block;width:24px;height:24px;flex-shrink:0}