.nav-hub > summary { list-style: none; cursor: pointer; }
.nav-hub > summary::-webkit-details-marker { display: none; }
.nav-hub > summary:focus-visible { outline: 2px solid var(--indigo); outline-offset: 4px; border-radius: 4px; }
.sidebar-search-btn i, .mobile-search-btn i, .theme-toggle i {
  display: inline-block; width: 18px; height: 18px; flex-shrink: 0; background: currentColor;
  -webkit-mask: var(--chrome-icon) center / contain no-repeat; mask: var(--chrome-icon) center / contain no-repeat;
}
.sidebar-search-btn i::before, .mobile-search-btn i::before, .theme-toggle i::before { display: none; }
.sidebar-search-btn, .mobile-search-btn { --chrome-icon: url('../assets/revamp/library/search.svg'); }
.theme-toggle { --chrome-icon: url('../assets/revamp/account/23-5548-moon.svg'); }

@media (min-width: 769px) {
  body[data-route="profile"] .main-content { padding-top: 0; }
}

@media (max-width: 768px) {
  .modal-overlay, .modal-footer, .session-auth-panel, .session-fallback-modal, .install-prompt {
    -webkit-backdrop-filter: blur(min(6px, var(--glass-blur-modal)));
    backdrop-filter: blur(min(6px, var(--glass-blur-modal)));
  }
  body[data-route="recommendations"] { --topbar-height: 72px; }
  body[data-route="help"] { --topbar-height: 76px; }
  body[data-route="library"], body[data-route="settings"] { --topbar-height: 56px; }
  body[data-route="library"] .main-content,
  body[data-route="recommendations"] .main-content,
  body[data-route="settings"] .main-content,
  body[data-route="help"] .main-content { padding-top: 0; }
  .mobile-menu-btn, .mobile-search-btn { min-width: 44px; min-height: 44px; }
  .sidebar { -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--glass-solid-3); }
}