/* Listener suite 1.5: one authoritative player layout, independent of the page theme. */
#listening-dock{--ink:#f5f2e9;--text:#f5f2e9;--muted:#becbd3;--soft:#e0e7ec;--accent:#e5c17d;--line:#4a6070;--panel:#102b40;position:fixed;inset:auto 0 0;width:100%;max-width:none;height:auto;max-height:calc(100dvh - 16px);margin:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(420px,1fr) minmax(0,1.2fr);gap:12px 20px;align-items:start;overflow-y:auto;background:#102b40;color:#f5f2e9;border:1px solid #4a6070;border-radius:0;box-shadow:0 -8px 32px #08192740;z-index:90;font:12px/1.45 system-ui,-apple-system,'Segoe UI',sans-serif;color-scheme:dark;text-align:left}
#listening-dock,#listening-dock *{box-sizing:border-box}
#listening-dock[hidden],#listening-dock [hidden]{display:none!important}
#listening-dock button,#listening-dock input,#listening-dock select,#listening-dock a.small-button{font:600 12px/1.3 system-ui,sans-serif;letter-spacing:normal;text-transform:none;color:#f5f2e9;background:#203e52;border:1px solid #597183;border-radius:8px;min-height:44px;padding:8px 11px;box-shadow:none;max-width:100%}
#listening-dock button,#listening-dock a.small-button{cursor:pointer;white-space:nowrap;flex-shrink:0}
#listening-dock a.small-button{display:inline-flex;align-items:center;justify-content:center}
#listening-dock button:hover,#listening-dock a.small-button:hover{background:#31556d;color:#fff;border-color:#9bb0bd}
#listening-dock button:disabled{opacity:.45;cursor:default}
#listening-dock :is(button,a,input,select):focus-visible{outline:2px solid #ffda8d;outline-offset:3px}
#listening-dock a{color:#f1ce8c;text-decoration:none}
#listening-dock :is(h2,h3){font:600 16px/1.4 system-ui,sans-serif;letter-spacing:normal;color:#f5f2e9;margin:0 0 8px}
#listening-dock p,#listening-dock label,#listening-dock small{color:#becbd3;font-family:inherit}
#listening-dock .listening-dock-header{display:grid;grid-column:1;grid-row:1;grid-template-columns:200px minmax(0,1fr);grid-template-rows:auto 1fr;gap:10px 12px;align-items:start;position:static;margin:0;padding:0;background:transparent;min-width:0}
#listening-dock #lp-video-slot{display:block;position:static;inset:auto;grid-column:1;grid-row:1/3;width:200px;height:200px;min-width:200px;min-height:200px;margin:0;padding:0;border:0;border-radius:0;background:#000;box-shadow:none;overflow:visible}
#listening-dock #lp-video-slot:empty{display:grid;place-items:center;color:#becbd3;font-size:12px;text-align:center;padding:18px}
#listening-dock #lp-video-slot:empty::before{content:'Choose an approved recording to begin'}
#listening-dock #lp-video-slot :is(iframe,div){display:block;width:100%;height:100%;min-width:200px;min-height:200px;border:0;margin:0;border-radius:0}
#listening-dock .listening-current{grid-column:2;grid-row:1;display:flex;flex:auto;flex-direction:column;gap:3px;min-width:0;overflow:hidden}
#listening-dock #lp-song{display:block;font-size:13px;font-weight:650;color:#f8e3b8;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#listening-dock #lp-title,#listening-dock #lp-channel{display:block;font-size:11px;line-height:1.4;color:#becbd3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#listening-dock .listening-transport{grid-column:2;grid-row:2;display:flex;align-items:center;align-content:start;flex-wrap:wrap;gap:6px;min-width:0}
#listening-dock #lp-toggle{background:#e5c17d;color:#172b3b;border-color:#e5c17d;font-weight:700;min-width:58px;margin:0}
#listening-dock #lp-toggle:hover{background:#f4d69e;color:#172b3b}
#listening-dock #lp-thumbnail{display:block;flex:0 0 auto;width:auto;height:auto;min-width:76px;min-height:44px;padding:8px 11px;font-size:12px}
#listening-dock #lp-more{display:none}
#listening-dock #lp-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;margin:0;font-size:22px;line-height:1}
#listening-dock .listening-primary{display:contents}
#listening-dock #lp-options-panel{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;gap:7px 10px;align-content:start;align-items:center;min-width:0;max-width:none;margin:0;padding:0}
#listening-dock #lp-options-panel>.listening-mode-switch{display:flex;gap:3px;align-items:center;flex-wrap:nowrap;width:max-content;max-width:100%;margin:0;padding:3px;border:1px solid #597183;border-radius:10px;background:#0a2031}
#listening-dock .listening-mode-switch button{min-width:64px;min-height:38px;border:0;border-radius:7px;background:#0a2031;color:#e0e7ec;padding:8px 10px;font-size:12px}
#listening-dock .listening-mode-switch button[aria-pressed=true]{background:#e5c17d;color:#172b3b;font-weight:700}
#listening-dock #lp-options-panel>.listening-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0}
#listening-dock .listening-toolbar label{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px}
#listening-dock .listening-toolbar select{width:auto;min-width:102px;font-size:11px}
#listening-dock #lp-source{display:block;order:5;width:100%;margin:0;font-size:10px;line-height:1.5}
#listening-dock #lp-progress-row{display:flex;order:3;width:100%;align-items:center;flex-wrap:nowrap;gap:8px;margin:4px 0 0}
#listening-dock #lp-progress{display:block;flex:1 1 0;min-width:0;width:0;height:4px;margin:0;accent-color:#e5c17d}
#listening-dock #lp-position{flex:0 0 auto;font-size:10px;line-height:1.4;color:#becbd3;white-space:nowrap;font-variant-numeric:tabular-nums}
#listening-dock #lp-status{order:4;width:100%;margin:0;font-size:11px;line-height:1.5;min-height:17px;color:#becbd3;white-space:normal;overflow-wrap:anywhere}
#listening-dock #lp-options-panel>.listening-links{display:flex;order:6;width:100%;flex-wrap:wrap;gap:8px 16px;margin:0;font-size:10px}
#listening-dock #lp-options-panel>.listening-policy{display:block;order:7;width:100%;font-size:9px;line-height:1.5;margin:0}
#listening-dock .listening-drawer{grid-column:1/-1;width:100%;max-height:26dvh;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:12px 0 0;border-top:1px solid #4a6070}
#listening-dock .listening-drawer-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
#listening-dock .listening-drawer ol{padding:0;margin:8px 0;list-style:none}
#listening-dock .listening-drawer li{display:flex;align-items:center;gap:4px;padding:6px 0;border-bottom:1px solid #4a6070}
#listening-dock .listening-drawer li.current{background:#203e52;color:#f5f2e9}
#listening-dock .listening-queue-title{flex:1 1 0;min-width:0;white-space:normal;text-align:left;overflow-wrap:anywhere;font-size:12px;background:transparent;border:0}
#listening-dock .listening-drawer .listening-icon{flex:0 0 36px;width:36px;min-width:36px;min-height:44px;padding:4px;font-size:16px}
#listening-dock .listening-collection-form{padding-top:10px;border-top:1px solid #4a6070}
#listening-dock .listening-collection-form label{display:block;font-size:12px;margin:0 0 6px}
#listening-dock .listening-collection-form>div{display:flex;flex-wrap:wrap;gap:8px}
#listening-dock .listening-collection-form input{min-width:120px;flex:1}
#listening-dock .listening-collection-form p{font-size:11px;margin:5px 0}
#listening-dock .listening-related-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;padding:8px 0;border-bottom:1px solid #4a6070}
#listening-dock .listening-related-row a{min-width:0;overflow-wrap:anywhere}
#listening-dock .listening-now-details{display:none}
#listening-dock.is-video-mode{inset:0;width:auto;max-width:none;height:100dvh;max-height:none;display:block;margin:0;padding:16px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom));border:0;border-radius:0;overflow-y:auto;z-index:1000;background:#0b2132}
#listening-dock.is-video-mode .listening-dock-header{max-width:1100px;margin:0 auto 14px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center}
#listening-dock.is-video-mode #lp-video-slot{grid-column:1/-1;grid-row:1;width:100%;height:clamp(200px,52dvh,640px);max-width:1100px;margin:0 auto}
#listening-dock.is-video-mode .listening-current{grid-column:1;grid-row:2}
#listening-dock.is-video-mode .listening-transport{grid-column:2;grid-row:2}
#listening-dock.is-video-mode #lp-options-panel,#listening-dock.is-video-mode .listening-drawer,#listening-dock.is-video-mode .listening-now-details{max-width:1100px;margin:12px auto}
#listening-dock.is-video-mode .listening-now-details{display:block;border-top:1px solid #4a6070;padding:16px 0}
#lp-consent{background:#fffdf9;color:#142b41;border:1px solid #b6b0a5;border-radius:14px;max-width:470px;width:calc(100% - 32px);padding:24px;font:14px/1.6 system-ui,sans-serif;color-scheme:light}
#lp-consent h2{font:600 22px/1.3 system-ui,sans-serif;color:#142b41}
#lp-consent p{color:#405366}
#lp-consent a{color:#8f452b;text-decoration:underline}
#lp-consent button{font:600 13px/1.4 system-ui,sans-serif;min-height:44px;padding:10px 16px;border:1px solid #9b7457;border-radius:8px;background:#f2e6d6;color:#142b41}
#lp-consent button[value=agree]{background:#102b40;color:white;border-color:#102b40}
body.app-shell .sidebar .nav-link,body.app-shell .sidebar .nav-link>span{font:500 13px/1.4 system-ui,sans-serif;letter-spacing:normal;text-transform:none}
body.app-shell .sidebar .nav-link{min-height:44px}
body.app-shell .sidebar .rail-note{font:400 16px/1.6 system-ui,sans-serif}
body.app-shell #sidebar{left:auto;right:0}
body.app-shell.workspace-public #sidebar{transform:translateX(100%)}
body.app-shell.menu-open #sidebar{left:auto;right:0;transform:translateX(0)}
@media(min-width:951px){body.app-shell:not(.workspace-public) .site-main{margin-left:0;margin-right:80px}body.app-shell.workspace-public .site-main{margin-left:0;margin-right:0}}
@media(max-width:950px){
 #listening-dock:not(.is-video-mode){inset:auto 8px calc(74px + env(safe-area-inset-bottom));width:auto;max-width:none;padding:8px;display:block;border-radius:12px;max-height:calc(100dvh - 95px)}
 #listening-dock #lp-options-panel{margin-top:8px}
 #listening-dock #lp-more{display:block;min-width:44px;font-size:22px}
 body.app-shell #sidebar{transform:translateX(100%)}body.app-shell.menu-open #sidebar{transform:translateX(0)}body.app-shell .site-main{margin-left:0;margin-right:0}
}
@media(max-width:650px){
 #listening-dock .listening-dock-header,#listening-dock.is-video-mode .listening-dock-header{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:8px}
 #listening-dock #lp-video-slot{grid-column:1;grid-row:1;width:100%;height:200px}
 #listening-dock .listening-current,#listening-dock.is-video-mode .listening-current{grid-column:1;grid-row:2}
 #listening-dock .listening-transport,#listening-dock.is-video-mode .listening-transport{grid-column:1;grid-row:3;gap:6px}
 #listening-dock.is-video-mode #lp-video-slot{height:max(200px,42dvh)}
 #listening-dock.is-video-mode{padding:10px}
}
@media print{#listening-dock{display:none!important}}

/* 1.5.7: slim transport bar and separate official 200px video. */
#listening-dock[hidden],#listening-dock[hidden] *{display:none!important}
#listening-dock:not([hidden]):not(.is-video-mode){inset:auto var(--player-menu-space,0px) var(--player-nav-height,0px) 0;width:auto;max-width:none;height:auto;max-height:calc(100dvh - 80px);padding:4px 12px 8px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;overflow:visible;border:0;border-top:1px solid #555;border-radius:0;background:#202020;box-shadow:0 -4px 20px #0003}
#listening-dock:not(.is-video-mode) .listening-dock-header{display:contents}
#listening-dock:not(.is-video-mode) .listening-transport{display:contents}
#listening-dock:not(.is-video-mode) .listening-primary{display:contents}
#listening-dock:not(.is-video-mode) #lp-options-panel{display:contents}
#listening-dock:not(.is-video-mode) #lp-options-panel>.listening-toolbar{display:contents}
#listening-dock:not(.is-video-mode) #lp-video-slot{position:fixed;inset:auto calc(var(--player-menu-space,0px) + 12px) calc(var(--listening-dock-height,100px) + var(--player-nav-height,0px) + 12px) auto;width:200px;height:200px;min-width:200px;min-height:200px;margin:0;padding:0;box-shadow:0 4px 24px #0006;z-index:1}
#listening-dock #lp-video-slot:empty::before{content:none}
#listening-dock:not(.is-video-mode) .listening-current{display:flex;order:5;flex:1 1 170px;min-width:0;max-width:none;gap:1px;margin:0 8px}
#listening-dock:not(.is-video-mode) #lp-song{font-size:13px;color:#fff}
#listening-dock:not(.is-video-mode) #lp-title{display:none}
#listening-dock:not(.is-video-mode) :is(#lp-channel,#lp-raga){font:400 11px/1.3 system-ui,sans-serif;color:#ccc;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#listening-dock:not(.is-video-mode) button{background:transparent;color:#f5f5f5;border:1px solid transparent;min-height:44px;padding:6px;font-size:11px;border-radius:6px}
#listening-dock:not(.is-video-mode) button:hover{background:#3b3b3b}
#listening-dock:not(.is-video-mode) button[aria-pressed=true]{color:#ffdb95;border-color:#9e8454}
#listening-dock:not(.is-video-mode) #lp-previous{order:1}
#listening-dock:not(.is-video-mode) #lp-toggle{order:2;min-width:58px;background:#e5c17d;color:#172b3b}
#listening-dock:not(.is-video-mode) #lp-next{display:block;order:3}
#listening-dock:not(.is-video-mode) #lp-position{order:4;font:400 10px/1.4 system-ui,sans-serif;white-space:nowrap;color:#ccc;font-variant-numeric:tabular-nums}
#listening-dock:not(.is-video-mode) #lp-save{order:6}
#listening-dock:not(.is-video-mode) #lp-add-playlist{order:7}
#listening-dock:not(.is-video-mode) #lp-show-queue{order:8}
#listening-dock:not(.is-video-mode) #lp-mute{order:9}
#listening-dock:not(.is-video-mode) .listening-volume{display:flex;order:10;align-items:center;width:84px}
#listening-dock:not(.is-video-mode) .listening-volume>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#listening-dock #lp-volume{width:84px;min-width:0;min-height:32px;padding:0;accent-color:#e5c17d}
#listening-dock:not(.is-video-mode) #lp-repeat{order:11}
#listening-dock:not(.is-video-mode) #lp-shuffle{order:12}
#listening-dock:not(.is-video-mode) #lp-thumbnail{display:block;order:13;min-width:64px;font-size:11px}
#listening-dock:not(.is-video-mode) #lp-close{display:grid;order:14;flex:0 0 36px;width:36px;min-width:36px;font-size:22px}
#listening-dock:not(.is-video-mode) :is(#lp-browse,#lp-more,#lp-source,#lp-show-related,#lp-timer-left,.listening-mode-switch,.listening-links,.listening-policy,.listening-toolbar>label:not(.listening-volume),.listening-transport>a){display:none}
#listening-dock:not(.is-video-mode) #lp-progress-row{display:flex;order:0;flex:1 0 100%;height:16px;margin:0;padding:0}
#listening-dock #lp-progress{height:16px;min-height:16px;padding:0;border:0;background:transparent;accent-color:#e5c17d}
#listening-dock:not(.is-video-mode) #lp-status{order:15;flex-basis:100%;margin:0;font-size:10px;line-height:1.3;min-height:13px;color:#ccc}
#listening-dock:not(.is-video-mode) .listening-drawer{order:16;flex-basis:100%;max-height:30dvh;overflow:auto;background:#202020}
#listening-dock.is-video-mode #lp-raga{color:#becbd3;font-size:12px}
#listening-dock.is-video-mode .listening-volume{display:flex;align-items:center;gap:6px}
#listening-dock.is-video-mode #lp-position{color:#becbd3;font-size:12px}
@media(max-width:950px){
 #listening-dock:not([hidden]):not(.is-video-mode){padding:4px 8px 6px;gap:3px 6px}
 #listening-dock:not(.is-video-mode) .listening-current{order:1;flex:1 1 calc(100% - 128px);margin:0;max-width:none}
 #listening-dock:not(.is-video-mode) #lp-song{font-size:12px}
 #listening-dock:not(.is-video-mode) #lp-channel{font-size:10px}
 #listening-dock:not(.is-video-mode) #lp-toggle{order:2;min-width:52px}
 #listening-dock:not(.is-video-mode) #lp-next{order:3;font-size:0;min-width:44px}
 #listening-dock:not(.is-video-mode) #lp-next::after{content:'▶|';font-size:16px}
 #listening-dock:not(.is-video-mode) #lp-add-playlist{order:4}
 #listening-dock:not(.is-video-mode) #lp-show-queue{order:5}
 #listening-dock:not(.is-video-mode) #lp-thumbnail{order:6;margin-left:auto}
 #listening-dock:not(.is-video-mode) #lp-position{order:7}
 #listening-dock:not(.is-video-mode) :is(#lp-previous,#lp-save,#lp-repeat,#lp-shuffle,#lp-mute,#lp-raga,#lp-close,.listening-volume){display:none}
 #listening-dock:not(.is-video-mode) #lp-status{max-height:26px;overflow:auto}
}
/* Browsing keeps only the left rail and the same video iframe. */
#listening-dock.is-browse-mode:not([hidden]):not(.is-video-mode){inset:auto calc(var(--player-menu-space,0px) + 8px) calc(var(--player-nav-height,0px) + 8px) auto;width:260px;max-width:calc(100vw - 16px);height:216px;max-height:none;padding:8px;display:grid;grid-template-columns:36px 200px;grid-template-rows:200px;gap:8px;border-radius:10px;overflow:visible;background:#202020}
#listening-dock.is-browse-mode:not(.is-video-mode) #lp-video-slot{position:static;grid-column:2;grid-row:1;inset:auto;width:200px;height:200px;min-width:200px;min-height:200px;margin:0}
#listening-dock.is-browse-mode:not(.is-video-mode) .listening-transport{display:flex;grid-column:1;grid-row:1;flex-direction:column;justify-content:center;align-items:stretch;gap:8px}
#listening-dock.is-browse-mode:not(.is-video-mode) :is(.listening-current,#lp-options-panel,.listening-drawer,.listening-transport>a,#lp-previous,#lp-next,#lp-position,#lp-thumbnail,#lp-more,#lp-close){display:none}
#listening-dock.is-browse-mode:not(.is-video-mode) #lp-browse{display:block;min-width:36px;width:36px;min-height:76px;padding:6px 4px;writing-mode:vertical-rl;font-size:11px;border:1px solid #aaa;color:#fff}
#listening-dock.is-browse-mode:not(.is-video-mode) #lp-toggle{display:block;width:36px;min-width:36px;min-height:48px;padding:4px 2px;font-size:10px;flex:none}
body.player-menu-stacked.menu-open #sidebar{top:232px;bottom:var(--player-nav-height,68px);max-height:calc(100dvh - 232px - var(--player-nav-height,68px));overscroll-behavior:contain}
body.player-menu-stacked.menu-open #listening-dock:not([hidden]):not(.is-video-mode),body.playlist-picker-open #listening-dock.is-browse-mode:not([hidden]):not(.is-video-mode){top:8px;right:8px;bottom:auto}
body.player-menu-cramped.menu-open #listening-dock{display:none!important}

/* 1.5.8: expanded player shares the compact bar skin and groups controls in rows. */
#listening-dock:not(.is-video-mode) .listening-expanded-break,#listening-dock:not(.is-video-mode) .listening-provider-details{display:none}
#listening-dock.is-video-mode{--panel:#202020;inset:0;width:100%;height:100dvh;max-height:100dvh;margin:0;padding:16px max(16px,calc((100vw - 1100px)/2)) 28px;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:6px 8px;background:#202020;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#listening-dock.is-video-mode .listening-dock-header{display:contents}
#listening-dock.is-video-mode .listening-transport{display:contents}
#listening-dock.is-video-mode .listening-primary{display:contents}
#listening-dock.is-video-mode #lp-options-panel{display:contents}
#listening-dock.is-video-mode #lp-options-panel>.listening-toolbar{display:contents}
#listening-dock.is-video-mode #lp-video-slot{position:static;inset:auto;order:0;flex:0 0 100%;width:100%;max-width:none;height:clamp(200px,42dvh,480px);min-width:200px;min-height:200px;margin:0;padding:0;box-shadow:none;background:#000}
#listening-dock.is-video-mode .listening-current{order:1;display:flex;flex:0 0 100%;width:100%;min-width:0;gap:3px;margin:6px 0 10px}
#listening-dock.is-video-mode #lp-song{font-size:17px;font-weight:650;line-height:1.35;color:#fff;white-space:normal;overflow-wrap:anywhere}
#listening-dock.is-video-mode #lp-title{display:none}
#listening-dock.is-video-mode #lp-channel,#listening-dock.is-video-mode #lp-raga{font:400 12px/1.4 system-ui,sans-serif;color:#ccc;white-space:normal;overflow-wrap:anywhere}
#listening-dock.is-video-mode button,#listening-dock.is-video-mode a.small-button{font:600 12px/1.3 system-ui,sans-serif;min-height:44px;padding:7px 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:#f5f5f5;box-shadow:none}
#listening-dock.is-video-mode button:hover,#listening-dock.is-video-mode a.small-button:hover{background:#3b3b3b}
#listening-dock.is-video-mode button[aria-pressed=true]{color:#ffdb95;border-color:#9e8454}
#listening-dock.is-video-mode :is(.listening-mode-switch,#lp-browse,#lp-more,.listening-transport>a){display:none}
#listening-dock.is-video-mode #lp-previous{order:3}
#listening-dock.is-video-mode #lp-toggle{order:4;min-width:64px;margin:0;background:#e5c17d;color:#172b3b;border-color:#e5c17d}
#listening-dock.is-video-mode #lp-next{order:5}
#listening-dock.is-video-mode #lp-position{order:6;font:400 11px/1.4 system-ui,sans-serif;color:#ccc;white-space:nowrap;font-variant-numeric:tabular-nums}
#listening-dock.is-video-mode #lp-progress-row{order:7;display:flex;flex:1 1 200px;width:auto;min-width:150px;max-width:none;height:24px;margin:0;padding:0}
#listening-dock.is-video-mode #lp-progress{height:24px;min-height:24px}
#listening-dock.is-video-mode .listening-expanded-break{display:block;flex:0 0 100%;width:100%;height:0;min-height:0;padding:0;margin:0;border:0}
#listening-dock.is-video-mode .listening-break-primary{order:8}
#listening-dock.is-video-mode #lp-save{order:10}
#listening-dock.is-video-mode #lp-add-playlist{order:11}
#listening-dock.is-video-mode #lp-show-queue{order:12}
#listening-dock.is-video-mode #lp-shuffle{order:13}
#listening-dock.is-video-mode #lp-repeat{order:14}
#listening-dock.is-video-mode #lp-mute{order:15}
#listening-dock.is-video-mode .listening-volume{order:16;display:flex;align-items:center;gap:6px;font-size:11px;color:#ccc}
#listening-dock.is-video-mode #lp-volume{width:90px;min-width:0;min-height:32px;padding:0}
#listening-dock.is-video-mode .listening-break-secondary{order:18}
#listening-dock.is-video-mode .listening-toolbar>label:not(.listening-volume){order:20;display:flex;align-items:center;gap:8px;color:#ccc;font-size:11px}
#listening-dock.is-video-mode #lp-timer{min-height:44px;padding:6px;font-size:11px;background:#2c2c2c;border-color:#555;color:#f5f5f5}
#listening-dock.is-video-mode #lp-timer-left{order:21;color:#ccc;font-size:11px}
#listening-dock.is-video-mode #lp-show-related{order:22}
#listening-dock.is-video-mode #lp-thumbnail{order:23;display:block;margin-left:auto;min-width:90px;min-height:44px;font-size:12px}
#listening-dock.is-video-mode #lp-close{order:24;display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;font-size:24px}
#listening-dock.is-video-mode #lp-status{order:25;flex:0 0 100%;width:100%;margin:4px 0;font-size:11px;line-height:1.5;color:#ccc}
#listening-dock.is-video-mode .listening-drawer{order:26;flex:0 0 100%;width:100%;max-width:none;margin:6px 0;max-height:40dvh}
#listening-dock.is-video-mode #lp-related-panel{order:27}
#listening-dock.is-video-mode .listening-provider-details{order:30;flex:0 0 100%;width:100%;padding:12px 0;border-top:1px solid #555;color:#ccc;font-size:12px}
#listening-dock.is-video-mode .listening-provider-details summary,#listening-dock.is-video-mode .listening-detail-section summary{cursor:pointer;min-height:44px;padding:12px 4px;font-size:13px;font-weight:600;color:#f5f5f5}
#listening-dock.is-video-mode .listening-provider-details #lp-source{font-size:11px;margin:8px 0}
#listening-dock.is-video-mode .listening-provider-details .listening-links{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;margin:8px 0}
#listening-dock.is-video-mode #lp-now-details{display:block;order:31;flex:0 0 100%;width:100%;max-width:none;margin:0;padding:0;border:0}
#listening-dock.is-video-mode .listening-detail-section{padding:0 0 8px;border-top:1px solid #555}
#listening-dock.is-video-mode .listening-detail-section p{font-size:12px;line-height:1.6;margin:8px 4px}
#listening-dock.is-video-mode .listening-detail-section .suite-actions{margin:4px 0 10px;gap:6px}
@media(max-width:650px){
 #listening-dock.is-video-mode{padding:10px 10px max(20px,env(safe-area-inset-bottom));gap:5px 6px}
 #listening-dock.is-video-mode #lp-video-slot{height:clamp(200px,32dvh,320px)}
 #listening-dock.is-video-mode #lp-song{font-size:15px}
 #listening-dock.is-video-mode button,#listening-dock.is-video-mode a.small-button{font-size:11px;padding:6px 8px}
 #listening-dock.is-video-mode #lp-progress-row{flex:0 0 100%;width:100%;min-width:0}
 #listening-dock.is-video-mode #lp-position{margin-left:auto}
 #listening-dock.is-video-mode #lp-thumbnail{margin-left:auto}
}

#listening-dock.is-video-mode .listening-drawer li.current{background:#303030;color:#fff}

/* 1.5.9: accessible vector icons with readable labels; no font icon dependency. */
#listening-dock .lp-labelled-control{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
#listening-dock .lp-control-icon{display:block;flex:none;width:20px;height:20px;margin:0 auto 2px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#listening-dock .lp-control-label{display:block;font:600 9.5px/1.25 system-ui,sans-serif;letter-spacing:0;text-align:center;white-space:nowrap;pointer-events:none}
#listening-dock .lp-control-label #lp-queue-count{font:inherit}
#listening-dock:not(.is-video-mode):not(.is-browse-mode) #lp-next.lp-labelled-control,#listening-dock:not(.is-video-mode):not(.is-browse-mode) #lp-thumbnail.lp-labelled-control,#listening-dock:not(.is-video-mode):not(.is-browse-mode) #lp-close.lp-labelled-control{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:50px;padding:5px 6px}
#listening-dock:not(.is-video-mode) #lp-next::after{content:none}
#listening-dock:not(.is-video-mode) #lp-close.lp-labelled-control{width:42px;min-width:42px;flex:0 0 42px;height:50px;font-size:12px}
#listening-dock:not(.is-video-mode) #lp-thumbnail.lp-labelled-control{min-width:48px}
#listening-dock.is-video-mode #lp-close.lp-labelled-control{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;height:52px;min-height:52px;gap:2px}
#listening-dock .lp-volume-caption,#listening-dock:not(.is-video-mode) .listening-volume>.lp-volume-caption{position:static;display:block;flex:none;width:auto;height:auto;overflow:visible;clip-path:none}
#listening-dock .lp-volume-caption .lp-control-label{font-size:9px}
#listening-dock.is-browse-mode:not(.is-video-mode) #lp-browse.lp-labelled-control{display:inline-flex;writing-mode:horizontal-tb;flex-direction:column;align-items:center;justify-content:center;width:36px;min-width:36px;min-height:56px;padding:4px 1px}
#listening-dock.is-browse-mode:not(.is-video-mode) #lp-toggle.lp-labelled-control,#listening-dock.is-browse-mode:not(.is-video-mode) #lp-close.lp-labelled-control{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:36px;min-width:36px;min-height:48px;height:auto;padding:4px 1px;flex:none}
#listening-dock.is-browse-mode:not(.is-video-mode) .lp-control-icon{width:18px;height:18px}
#listening-dock.is-browse-mode:not(.is-video-mode) .lp-control-label{font-size:8px}
@media(max-width:950px){
 #listening-dock:not(.is-video-mode) #lp-close.lp-labelled-control{display:inline-flex;order:8;margin:0}
 #listening-dock:not(.is-video-mode) #lp-toggle.lp-labelled-control{min-width:48px;padding:5px 6px}
 #listening-dock:not(.is-video-mode) #lp-status{font-size:9px}
}
#listening-dock #lp-options-panel .listening-volume{flex-wrap:nowrap;width:124px;gap:6px}

#listening-dock.is-video-mode .listening-break-settings{display:none}
@media(max-width:650px){#listening-dock.is-video-mode .listening-break-settings{display:block;order:22}}

/* 1.5.10: explicit official-app handoff; the site player remains visibility-bound. */
#listening-dock:not(.is-video-mode) #lp-handoff{order:12}
#listening-dock.is-video-mode #lp-handoff{order:22}
#listening-dock.is-browse-mode:not(.is-video-mode) #lp-handoff{display:none}
.listening-handoff-dialog{width:calc(100% - 28px);max-width:460px;max-height:calc(100dvh - 28px);overflow:auto;padding:22px;border:1px solid #626262;border-radius:14px;background:#202020;color:#f5f5f5;font:14px/1.6 system-ui,sans-serif;color-scheme:dark}
.listening-handoff-dialog::backdrop{background:#0008}
.listening-handoff-dialog h2{margin:0 0 10px;font:650 21px/1.3 system-ui,sans-serif;color:#fff}
.listening-handoff-dialog p{color:#ddd;margin:10px 0}
.listening-handoff-dialog #lp-handoff-track{color:#f1ce8d;font-weight:600;overflow-wrap:anywhere}
.listening-handoff-links{display:flex;flex-direction:column;gap:10px;margin:18px 0}
.listening-handoff-links a,.listening-handoff-dialog button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #73654b;border-radius:8px;background:#2c2c2c;color:#f5f5f5;text-decoration:none;font:600 13px/1.4 system-ui,sans-serif;cursor:pointer}
.listening-handoff-links a:first-child{background:#e5c17d;color:#172b3b}
.listening-handoff-dialog .listening-handoff-note{font-size:11px;color:#bbb}
.listening-handoff-dialog :is(a,button):focus-visible{outline:2px solid #e5c17d;outline-offset:3px}
@media(max-width:450px){
 #listening-dock:not(.is-video-mode){column-gap:3px}
 #listening-dock:not(.is-video-mode) #lp-handoff{order:6;min-width:44px;padding:5px 4px}
 #listening-dock:not(.is-video-mode) #lp-close.lp-labelled-control{width:40px;min-width:40px;flex-basis:40px}
}
@media(max-width:450px){
 #listening-dock:not(.is-video-mode) #lp-position{position:absolute;right:8px;top:4px;max-width:64px;font-size:9px;line-height:16px}
 #listening-dock:not(.is-video-mode) #lp-progress-row{padding-right:70px}
}