/* Shared capsule surfaces for navigation, search and playback. */
:root{--bar-glass:rgba(255,255,255,.66);--bar-edge:rgba(255,255,255,.46);--bar-highlight:rgba(255,255,255,.65);--bar-shadow:0 6px 24px #18212b0a;--bar-active:color-mix(in srgb,var(--accent) 13%,var(--bar-glass))}
html[data-theme="dark"]{--bar-glass:rgba(26,28,30,.72);--bar-edge:rgba(255,255,255,.07);--bar-highlight:rgba(255,255,255,.055);--bar-shadow:0 6px 24px #0002;--bar-active:color-mix(in srgb,var(--accent) 17%,var(--bar-glass))}
body :is(.player-bar,.top-search,.search-field,.nav-item,.filter-chip,.custom-select-trigger,.queue-segments,.queue-segments button,.album-mode-switch,.album-scene-switch,.album-mode-switch button,.album-scene-switch button,.import-button,.album-profile){border-radius:999px}
body :is(.player-bar,.top-search,.search-field,.custom-select-trigger,.filter-chip,.import-button){background:var(--bar-glass);border:1px solid var(--bar-edge);box-shadow:inset 0 1px 0 var(--bar-highlight),var(--bar-shadow);backdrop-filter:blur(10px) saturate(1.15);-webkit-backdrop-filter:blur(10px) saturate(1.15)}
body .top-search{padding:10px 17px;min-height:40px;max-width:100%;box-sizing:border-box}
body .search-field{padding-inline:20px;min-width:0}
body .search-field input{min-width:0}
body .search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
body .nav-item{box-shadow:none;transition:background .22s ease,color .22s ease;overflow:hidden}
body .nav-item:hover{background:var(--bar-glass)}
body .nav-item.selected{background:var(--bar-active);color:var(--accent);box-shadow:inset 0 1px 0 var(--bar-highlight);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body .filter-chip.selected{background:var(--bar-active);color:var(--text);border-color:var(--bar-edge)}
body .queue-segments{border:0;background:transparent;padding:4px;gap:4px;box-shadow:none}
body .queue-segments button{border:0}
body .queue-segments button[aria-pressed="true"]{background:var(--bar-glass);box-shadow:inset 0 1px 0 var(--bar-highlight);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body .player-bar{border-radius:999px!important}
body .album-mode-switch,body .album-scene-switch{border-radius:999px}
body .full-tabs .icon-btn{border-radius:50%}
@media(max-width:600px){
 body #mobile-nav{left:10px;right:10px;bottom:calc(7px + env(safe-area-inset-bottom));width:auto;height:72px;padding:8px 12px;border-radius:999px;background:var(--bar-glass);border:1px solid var(--bar-edge);box-shadow:inset 0 1px 0 var(--bar-highlight),var(--bar-shadow);backdrop-filter:blur(10px) saturate(1.15);-webkit-backdrop-filter:blur(10px) saturate(1.15)}
 body.nav-collapsed #mobile-nav{left:auto;right:12px;width:54px;height:54px;padding:4px;border-radius:50%}
 body .search-field{padding-inline:16px}
}
html[data-reduce-transparency="true"],html[data-high-contrast="true"]{--bar-glass:var(--surface);--bar-edge:var(--line)}
html[data-reduce-transparency="true"] body :is(.player-bar,.top-search,.search-field,.custom-select-trigger,.filter-chip,.import-button,.nav-item.selected,.queue-segments button,#mobile-nav){backdrop-filter:none;-webkit-backdrop-filter:none}
@media(prefers-reduced-transparency:reduce){body{--bar-glass:var(--surface)}body :is(.player-bar,.top-search,.search-field,.custom-select-trigger,.filter-chip,.import-button,.nav-item.selected,.queue-segments button,#mobile-nav){backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){body .nav-item{transition:none}}