/* Compact transport and numbered record pages, following the supplied reference. */
.player-source-badge{display:none}.player-volume{position:relative;display:flex;align-items:center}
.player-bar,.player-bar .track-title,.player-bar .transport .icon-btn{color:var(--text)}.player-bar .track-artist{color:var(--muted)}
/* A quiet, lightly frosted surface; keep the existing pill and controls crisp. */
html #player .player-bar{background:var(--surface)}
@supports ((backdrop-filter:blur(6px)) or (-webkit-backdrop-filter:blur(6px))){
 html #player .player-bar{background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
}
html[data-reduce-transparency=true] #player .player-bar{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}
@media(min-width:601px){
 .player-bar{left:calc(var(--sidebar-width) + 20px);right:20px;bottom:18px;max-width:840px;margin:0 auto;height:72px;border:1px solid var(--line);border-radius:999px;padding:9px 24px;display:grid;grid-template-columns:182px minmax(100px,1fr) 156px;gap:18px;box-shadow:0 8px 28px #00000016}
 .player-center{display:contents;transform:none}.player-bar .transport{grid-column:1;grid-row:1;gap:5px;height:auto;margin:0;justify-content:space-between}.player-bar .transport .icon-btn{width:29px;height:36px;background:none;border-radius:50%}.player-bar .transport .play-btn{color:var(--text);width:33px}.player-bar .transport .play-btn .icon{width:25px;height:25px}.player-bar .transport .minor .icon{width:18px;height:18px}
 .player-track{grid-column:2;grid-row:1;padding-bottom:4px}.player-track>.icon-btn{display:none}.player-open{gap:10px}.player-open img{width:42px;height:42px;border-radius:5px}.player-track .track-title{font-size:13px;font-weight:650;line-height:1.3}.player-track .track-artist{font-size:11px;line-height:1.4}.player-bar .progress-wrap{position:absolute;left:calc(24px + 182px + 18px);right:calc(24px + 156px + 18px);bottom:7px;gap:0}.player-bar .progress-wrap .time{display:none}.player-bar .progress-wrap input{height:2px;margin:0;background:linear-gradient(to right,var(--text) var(--progress,0%),var(--line) var(--progress,0%))}.player-bar .progress-wrap input::-webkit-slider-thumb{background:var(--text);width:7px;height:7px}
 .player-options{grid-column:3;grid-row:1;display:flex;gap:4px;justify-content:flex-end}.player-options>[data-action=lyrics],.player-options>[data-action=full]{display:none}.player-options .icon-btn{width:29px;height:34px;flex-shrink:0}.player-source-badge{display:inline-flex;align-items:center;padding:4px 7px;line-height:1;font-size:9px;letter-spacing:.6px;font-weight:650;color:var(--muted);background:var(--line);border-radius:999px;margin-right:4px}.player-volume .volume-slider{display:none;position:absolute;bottom:calc(100% + 7px);right:-2px;width:95px;max-width:95px;box-sizing:content-box;border:12px solid var(--surface);box-shadow:0 3px 18px #00000015;border-radius:12px;margin:0!important}.player-volume:hover .volume-slider,.player-volume:focus-within .volume-slider{display:block}.player-volume:before{content:'';position:absolute;bottom:100%;right:0;width:120px;height:10px}.queue-panel{bottom:105px}
}
@media(min-width:601px) and (max-width:1000px){.player-bar{grid-template-columns:142px minmax(70px,1fr) 104px;gap:12px;padding:9px 18px;height:68px}.player-source-badge{display:none}.player-bar .progress-wrap{left:172px;right:134px}.player-bar .transport{gap:0}.player-bar .transport .icon-btn{width:26px}.player-open img{width:38px;height:38px}.player-track .track-title{font-size:11px}.player-track .track-artist{font-size:10px}}
.record-page .workspace,.record-page #player{--bg:#043a17;--surface:#17391e;--text:#e7f1e6;--muted:#a8c9ad;--line:#ffffff22;--accent:#d7ebd6;--accent-soft:#ffffff20;--hover:#ffffff16}
.record-page .workspace{background:#043a17;color:var(--text)}.record-page #topbar{background:#043a17;color:var(--text);border-color:#ffffff1c}.record-page #topbar .avatar{background:#ffffff24;color:#e7f1e6}.record-page .detail-hero{background:transparent!important}.record-page #main>.detail-hero>img{box-shadow:0 12px 30px #00000023}.record-page .detail-hero .primary-button{background:#d7ebd6;color:#12331c}.record-page #main .wide-list{border:0}.record-page #main .song-row{position:relative;min-height:58px;padding:0 18px;border:0;border-radius:15px;background:transparent;gap:10px}.record-page #main .song-row:after{content:'';position:absolute;left:10px;right:10px;bottom:0;height:1px;background:#ffffff20;pointer-events:none}.record-page #main .song-row:hover,.record-page #main .song-row:focus-within{background:#ffffff30}.record-page #main .song-row.playing{background:#ffffff1c}.record-page #main .song-row:hover:after,.record-page #main .song-row.playing:after,.record-page #main .song-row:focus-within:after{opacity:0}.record-page #main .row-main{gap:19px;min-height:58px}.record-page #main .row-number{width:22px;flex-shrink:0;font-size:14px;color:var(--muted);text-align:center}.record-page #main .row-main>img,.record-page #main .track-artist{display:none}.record-page #main .track-title{font-size:14px;color:var(--text)}.record-page #main .duration{color:var(--muted);font-size:13px}.record-page #main .song-row>.icon-btn{width:38px;color:var(--muted)}.record-page #main .equalizer{color:#e7f1e6}.record-page #main .song-row.playing .track-title{color:#fff}.record-page #main .song-row .row-number .icon{width:16px;height:16px}
@media(max-width:600px){.record-page #main .song-row{padding:0 8px}.record-page #main .row-main{gap:10px}.record-page #main .track-title{font-size:12px}.record-page #main .duration{font-size:11px}.record-page .player-bar{border-radius:22px}.record-page #mobile-nav{background:#17391e;color:#e7f1e6}.record-page .online-artist-hero .online-links{justify-content:center}}
/* Expanded mobile navigation meets the display; its compact state is a circle. */
@media(max-width:600px){
 #mobile-nav{left:0;right:0;bottom:0;width:auto;max-width:none;height:calc(72px + env(safe-area-inset-bottom));padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0;border-bottom:0;box-sizing:border-box;gap:4px}
 #mobile-nav .mobile-tab{position:relative;z-index:1;flex:1 1 0;min-width:0;width:0;height:56px;border-radius:999px;transition:color .22s ease}
 #mobile-nav .mobile-tab.selected{background:transparent}
 #mobile-nav .mobile-nav-indicator{position:absolute;pointer-events:none;left:12px;top:8px;width:calc((100% - 40px)/5);height:56px;transform:translateX(calc(var(--nav-index,1) * (100% + 4px)));transition:transform .42s cubic-bezier(.22,.8,.25,1)}
 #mobile-nav .mobile-nav-indicator:before{content:'';position:absolute;left:50%;top:50%;width:min(56px,100%);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:var(--accent-soft);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 #ffffff30}
 .nav-collapsed #mobile-nav .mobile-nav-indicator{display:none}
 .player-bar,.record-page .player-bar{left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));height:54px;border-radius:999px;padding:7px 12px 7px 8px;overflow:hidden}
 .player-open img{border-radius:50%;width:38px;height:38px}.player-bar .mini-progress{left:26px;max-width:calc(100% - 52px);bottom:3px}
 .nav-collapsed #mobile-nav{left:auto;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:54px;min-width:54px;max-width:54px;height:54px;min-height:54px;max-height:54px;aspect-ratio:1;padding:4px;border-radius:50%;border-bottom:1px solid var(--line);box-sizing:border-box}
 .nav-collapsed #mobile-nav .mobile-tab{width:100%;height:100%;border-radius:50%;padding:3px;gap:2px;flex:1}
 .nav-collapsed .player-bar,.nav-collapsed.record-page .player-bar{left:12px;right:80px;bottom:calc(12px + env(safe-area-inset-bottom));height:54px;border-radius:999px;padding-right:10px}
 .nav-collapsed .player-open img{width:38px;height:38px}.mobile-transport .icon-btn{height:36px}
}
html[data-reduce-motion=true] #mobile-nav .mobile-nav-indicator{transition:none}
html[data-reduce-transparency=true] #mobile-nav .mobile-nav-indicator:before{backdrop-filter:none;-webkit-backdrop-filter:none}
@media(prefers-reduced-motion:reduce){#mobile-nav .mobile-nav-indicator{transition:none}}