/* In-flow section shortcuts cannot cover a heading, filter or list row. */ html[data-layout="glass-stage"] #listPane > .sec-rail { position:static; inset:auto; transform:none; display:flex !important; align-self:flex-start; flex:none; flex-direction:row; flex-wrap:nowrap; width:max-content; max-width:100%; margin:0 0 12px; z-index:auto; } html[data-layout="glass-stage"] #listPane > .sec-rail.hidden { display:none !important; } html[data-layout="glass-stage"] #listPane > .sec-rail .sec-rail-btn { flex:none; } html[data-layout="glass-stage"] #listPane > .sec-rail .sec-rail-label { z-index:1; } /* Keep the progress strip inside the same rounded card as the controls. */ html[data-layout="glass-stage"] .mini-bar { bottom:calc(var(--glass-nav-height, 66px + env(safe-area-inset-bottom)) + 8px); border-radius:18px; overflow:hidden; border:1px solid var(--glass-line); background:var(--glass); -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px); } html[data-layout="glass-stage"] .mini-bar-inner { border:0; border-radius:0; background:transparent; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; } html[data-layout="glass-stage"] .mini-progress { margin:0; height:3px; overflow:hidden; } html[data-layout="glass-stage"] .player-pane { padding-bottom:var(--glass-bottom-clearance, 32px); scroll-padding-bottom:var(--glass-bottom-clearance, 32px); } html[data-layout="glass-stage"] #listPane { padding-bottom:var(--glass-bottom-clearance, 32px) !important; scroll-padding-bottom:var(--glass-bottom-clearance, 32px); } @media (max-width:860px) { /* Portrait uses one shared scroller: reserve chrome once, at its tail. */ html[data-layout="glass-stage"] .body { padding-bottom:var(--glass-bottom-clearance, calc(82px + env(safe-area-inset-bottom))); scroll-padding-bottom:var(--glass-bottom-clearance, calc(82px + env(safe-area-inset-bottom))); } html[data-layout="glass-stage"] .player-pane { padding-bottom:14px; } html[data-layout="glass-stage"] #listPane { padding-bottom:16px !important; } }