/* The same keyboard-accessible avatar slot serves guests and signed-in users. */
#topbarAvatar { padding:0; flex-shrink:0; }
body #topbarAvatar.is-guest-avatar {
  background:#e9e5f1;
  color:#665d78;
  border:0;
  border-radius:50% !important;
  overflow:hidden;
  box-shadow:none;
}
body #topbarAvatar.is-guest-avatar:hover { background:#ddd6eb; box-shadow:none; }
#topbarAvatar.is-guest-avatar svg { width:24px; height:24px; flex-shrink:0; }
#topbarAvatar:focus-visible { outline:2px solid var(--accent-primary); outline-offset:3px; }
#desktopMainNavigation, #desktopHeaderStore { display:none; }
@media(min-width:769px) {
  body.has-shared-header { --header-h:64px; }
  body.has-shared-header .topbar {
    height:64px;
    padding:0 22px;
    gap:12px;
    background:#faf9ff !important;
    color:#141625;
    border-bottom:1px solid #f0edf5 !important;
    box-shadow:none !important;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  body.has-shared-header .topbar::after { display:none; }
  body.has-shared-header .topbar-actions { display:contents; }
  body.has-shared-header #topbarAvatar { order:-3; width:36px; height:36px; min-width:36px; border-radius:7px; border:0; box-shadow:none; margin:0; }
  body.has-shared-header #topbarLogoBtn { order:-2; margin:0 auto 0 0; padding:0; width:auto; height:44px; background:none; border:0; box-shadow:none; color:#141625; }
  body.has-shared-header #topbarLogoBtn img { display:none; }
  body.has-shared-header #topbarLogoBtn::after { content:'Selebox'; font-size:20px; font-weight:800; letter-spacing:-.4px; }
  body.has-shared-header :is(#topbarMenuBtn,.topbar-quests-wrap,#topbarCoinPill,#topbarSearch) { display:none; }
  body.has-shared-header .books-shell-action { display:flex; align-items:center; justify-content:center; width:30px; height:44px; padding:0; border:0; background:none; color:#141625; position:relative; flex:none; }
  body.has-shared-header #booksHeaderSearch { order:1; }
  body.has-shared-header .topbar-bell-wrap { order:2; margin:0; }
  body.has-shared-header #booksHeaderMessages { display:none !important; }
  body.has-shared-header #desktopHeaderStore { display:flex; align-items:center; justify-content:center; order:3; width:30px; height:44px; flex:none; color:#141625; border-radius:8px; }
  #desktopHeaderStore svg { width:23px; height:23px; }
  #desktopHeaderStore:hover { background:#edeaf3; }
  #desktopHeaderStore[aria-current] { color:var(--accent-primary); }
  #desktopHeaderStore:focus-visible { outline:2px solid var(--accent-primary); outline-offset:2px; }
  body.has-shared-header #btnNotifications { width:30px; height:44px; padding:4px; background:none; color:#141625; box-shadow:none; border:0; }
  body.has-shared-header #btnNotifications svg { width:23px; height:23px; }
  body.has-shared-header #notifBadge { font-size:9px; min-width:15px; height:15px; top:1px; right:-3px; background:var(--accent-primary); border:1px solid white; }
  body.has-shared-header .books-bottom-nav { display:none; }
  body.has-shared-header #desktopMainNavigation {
    display:flex;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:min(680px,calc(100% - 400px));
    height:64px;
    gap:6px;
  }
  #desktopMainNavigation a { display:flex; position:relative; flex:1; min-width:0; align-items:center; justify-content:center; height:64px; padding-top:3px; border-bottom:3px solid transparent; border-radius:8px 8px 0 0; color:#707582; transition:background .15s ease,color .15s ease; }
  #desktopMainNavigation a:hover { background:#edeaf3; }
  #desktopMainNavigation a:focus-visible { outline:2px solid var(--accent-primary); outline-offset:-5px; }
  #desktopMainNavigation a[aria-current] { color:var(--accent-primary); border-bottom-color:var(--accent-primary); }
  #desktopMainNavigation svg { width:27px; height:27px; }
  #desktopMainNavigation a[aria-current] svg { fill:currentColor; stroke:white; stroke-width:1; }
  /* Keep the headband open: filling this outline turns it into a solid dome. */
  #desktopMainNavigation a[data-header-section="radiobox"][aria-current] svg {
    fill:none;stroke:currentColor;stroke-width:2.3;
  }
  body.has-shared-header.desktop-search-open #topbarSearch {
    display:block !important;
    position:absolute;
    top:72px;
    left:22px;
    width:min(400px,calc(100vw - 44px));
    max-width:none;
    background:#fff;
    border:1px solid #e9e3f2;
    border-radius:12px;
    box-shadow:0 6px 24px #20143820;
  }
  body.has-shared-header.desktop-search-open #topbarSearch input { width:100%; color:#211b2b; }
  body.has-shared-header.desktop-search-open #searchResults { position:absolute; top:124px; left:22px; width:min(400px,calc(100vw - 44px)); }
  body.has-shared-header:not(.desktop-search-open) #searchResults { display:none !important; }
  /* The Komiks workspace keeps its own controls beneath global navigation. */
  body.has-shared-header.on-komiks .topbar { z-index:1000 !important; }
  body.has-shared-header.on-komiks:not(.on-komiks-embedded) .komiks-tk { top:64px; }
  body.has-shared-header.on-komiks:not(.on-komiks-embedded) .kx-app { height:calc(100dvh - 64px); }
}

/* Compact shared navigation: desktop's controls in two touch-friendly rows. */
@media(max-width:768px) {
  body.has-shared-header { --header-h:100px; }
  body.has-shared-header .topbar {
    height:100px; padding:0 10px 44px; gap:4px;
    background:#faf9ff !important; color:#141625;
    border-bottom:1px solid #eeeaf4 !important; box-shadow:none !important;
    backdrop-filter:none; -webkit-backdrop-filter:none;
  }
  body.has-shared-header .topbar::after { display:none; }
  body.has-shared-header .topbar-actions { display:contents; }
  body.has-shared-header #topbarMenuBtn { order:-4; display:flex; width:40px; height:44px; flex:0 0 40px; padding:8px; border-radius:8px; background:transparent; color:#555269; }
  body.has-shared-header #topbarAvatar { order:-3; width:32px; height:32px; min-width:32px; border:0; border-radius:7px; margin:0; box-shadow:none; }
  body.has-shared-header #topbarLogoBtn { display:flex; align-items:center; order:-2; margin:0 auto 0 2px; width:auto; height:44px; padding:0; background:none; border:0; box-shadow:none; filter:none; color:#141625; }
  body.has-shared-header #topbarLogoBtn img { display:none; }
  body.has-shared-header #topbarLogoBtn::after { content:'Selebox'; font-size:18px; font-weight:800; letter-spacing:-.5px; }
  body.has-shared-header :is(.topbar-quests-wrap,#topbarCoinPill,#topbarSearch,#booksHeaderMessages) { display:none !important; }
  body.has-shared-header #booksHeaderSearch { order:1; display:flex; align-items:center; justify-content:center; width:40px; height:44px; flex:none; padding:8px; border:0; border-radius:8px; background:transparent; color:#141625; }
  body.has-shared-header .topbar-bell-wrap { order:2; margin:0; }
  body.has-shared-header #btnNotifications { width:40px; height:44px; padding:8px; background:none; border:0; color:#141625; box-shadow:none; }
  body.has-shared-header #desktopHeaderStore { order:3; display:flex; align-items:center; justify-content:center; width:40px; height:44px; flex:none; color:#141625; border-radius:8px; }
  body.has-shared-header :is(#booksHeaderSearch,#btnNotifications,#desktopHeaderStore) svg { width:22px; height:22px; }
  body.has-shared-header #notifBadge { font-size:9px; min-width:15px; height:15px; top:2px; right:1px; background:var(--accent-primary); border:1px solid white; }
  body.has-shared-header #desktopMainNavigation { display:flex; position:absolute; bottom:0; left:8px; right:8px; height:44px; gap:4px; }
  body.has-shared-header #desktopMainNavigation a { display:flex; flex:1; min-width:0; align-items:center; justify-content:center; height:44px; padding:0; border-bottom:3px solid transparent; color:#707582; }
  body.has-shared-header #desktopMainNavigation svg { width:24px; height:24px; }
  body.has-shared-header #desktopMainNavigation a[aria-current] { color:var(--accent-primary); border-bottom-color:var(--accent-primary); }
  body.has-shared-header #desktopMainNavigation a[aria-current] svg { fill:currentColor; stroke:white; stroke-width:1; }
  body.has-shared-header #desktopMainNavigation a[data-header-section="radiobox"][aria-current] svg { fill:none; stroke:currentColor; stroke-width:2.3; }
  body.has-shared-header .books-bottom-nav { display:none; }
  body.has-shared-header :is(#desktopMainNavigation a,#desktopHeaderStore,#booksHeaderSearch,#topbarMenuBtn):hover { background:#edeaf3; }
  body.has-shared-header :is(#desktopMainNavigation a,#desktopHeaderStore,#booksHeaderSearch,#topbarMenuBtn,#topbarLogoBtn):focus-visible { outline:2px solid var(--accent-primary); outline-offset:-3px; }
  body.has-shared-header.desktop-search-open #topbarSearch {
    display:flex !important; position:fixed; top:108px; left:10px; right:10px;
    width:auto; height:44px; min-width:0; max-width:none; margin:0; z-index:1100;
    background:var(--bg2); border:1px solid var(--border); border-radius:12px; transform:none;
  }
  body.has-shared-header.desktop-search-open #topbarSearch input { position:static; opacity:1; padding:0 10px; width:100%; height:100%; font-size:16px; color:var(--text); cursor:text; }
  body.has-shared-header.desktop-search-open #searchResults { position:fixed; top:158px; left:10px; right:10px; width:auto; max-height:calc(100dvh - 170px); overflow-y:auto; }
  body.has-shared-header:not(.desktop-search-open) #searchResults { display:none !important; }
  body.has-shared-header.on-komiks:not(.on-komiks-embedded) .komiks-tk { top:100px; }
  body.has-shared-header.on-komiks:not(.on-komiks-embedded) .kx-app { height:calc(100dvh - 100px); }

  /* Books retains its page architecture beneath the same shared header. */
  body.on-books:has(#bookPage.books-mobile-v2) { --header-h:100px; }
  body.on-books:has(#bookPage.books-mobile-v2) .topbar { height:100px; padding:0 10px 44px; gap:4px; }
  body.on-books:has(#bookPage.books-mobile-v2) #topbarMenuBtn { display:flex !important; }
  body.on-books:has(#bookPage.books-mobile-v2) #appSidebar { display:flex !important; }
  body.on-books:has(#bookPage.books-mobile-v2) #topbarAvatar { width:32px; height:32px; min-width:32px; }
  body.on-books:has(#bookPage.books-mobile-v2) #topbarLogoBtn::after { font-size:18px; }
  body.on-books:has(#bookPage.books-mobile-v2) #booksHeaderMessages { display:none !important; }
  body.on-books:has(#bookPage.books-mobile-v2) :is(#booksHeaderSearch,#btnNotifications) { width:40px; }
  body.on-books:has(#bookPage.books-mobile-v2) .main-wrap { margin-top:100px !important; }
  #booksMobileV2 .bmv2-tabs { top:100px; }
  #booksMobileV2 .bmv2-shell { padding-bottom:24px; }
}

/* Keep the Lounge inside the shared shell. Its writing shortcuts form a
   horizontal subnavigation, leaving the main site rail available. */
body.has-shared-header #wlRoot,
body.has-shared-header #wlBootShell { top:var(--header-h); }
body.has-shared-header.wl-open .topbar { z-index:10510 !important; }
body.has-shared-header.wl-open #wlRoot {
  padding:24px;
  container-type:inline-size;
  overscroll-behavior:contain;
}
body.has-shared-header.wl-open:has(#wlSidebar) #wlRoot { top:calc(var(--header-h) + 64px); }
body.has-shared-header.wl-open #wlSidebar {
  display:flex;
  top:var(--header-h); right:0; bottom:auto; left:0;
  width:auto; height:64px; padding:8px 24px;
  border-right:0; border-bottom:1px solid var(--wl-border);
  overflow:visible; box-sizing:border-box;
}
body.has-shared-header #wlSidebar :is(.wl-sb-logo,.wl-sb-foot) { display:none; }
body.has-shared-header #wlSidebar .wl-sb-nav {
  flex-direction:row; align-items:center; gap:4px;
  min-width:0; width:100%; height:100%;
  overflow:visible; box-sizing:border-box;
}
body.has-shared-header #wlSidebar :is(.wl-sb-item,.wl-sb-measure-item) {
  flex:0 0 auto; width:auto; min-height:44px; box-sizing:border-box;
  padding:8px 12px; gap:7px; white-space:nowrap;
  font-size:13px;
}
body.has-shared-header #wlSidebar .wl-sb-ic svg { width:18px; height:18px; }
body.has-shared-header #wlSidebar .wl-sb-tools { position:relative; flex:none; }
body.has-shared-header #wlSidebar .wl-sb-tools > summary {
  display:flex; align-items:center; justify-content:center; gap:10px;
  min-height:44px; padding:8px 14px; box-sizing:border-box;
  list-style:none; cursor:pointer; border-radius:10px; color:var(--wl-muted);
  font-size:13px; font-weight:550;
}
body.has-shared-header #wlSidebar .wl-sb-tools > summary::-webkit-details-marker { display:none; }
body.has-shared-header #wlSidebar .wl-sb-tools > summary:hover,
body.has-shared-header #wlSidebar .wl-sb-tools[open] > summary,
body.has-shared-header #wlSidebar .wl-sb-tools > summary.is-active { background:var(--wl-primary-soft); color:var(--wl-text); }
body.has-shared-header #wlSidebar .wl-sb-tools > summary:focus-visible { outline:2px solid var(--wl-primary); outline-offset:-2px; }
.wl-sb-chevron { width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg); }
.wl-sb-tools[open] .wl-sb-chevron { transform:translateY(2px) rotate(225deg); }
body.has-shared-header #wlSidebar .wl-sb-tools-panel {
  position:absolute; top:calc(100% + 10px); right:0; width:232px;
  max-width:calc(100vw - 32px); max-height:calc(100dvh - var(--header-h) - 88px);
  overflow-y:auto; overscroll-behavior:contain; padding:6px; box-sizing:border-box;
  border:1px solid var(--wl-border); border-radius:14px; background:var(--wl-surface);
  box-shadow:0 12px 32px #0003;
}
body.has-shared-header #wlSidebar .wl-sb-tools-panel .wl-sb-item { width:100%; text-align:left; }
body.has-shared-header #wlSidebar .wl-sb-tools { margin-left:auto; }
#wlSidebar .wl-sb-tools[hidden] { display:none; }
#wlSidebar .wl-sb-measure { position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; pointer-events:none; }
#wlSidebar .wl-sb-measure-row { display:flex; width:max-content; gap:4px; }
#wlSidebar .wl-sb-measure-item { font-weight:600; }
@media(max-width:380px) {
  body.has-shared-header #wlSidebar :is(.wl-sb-nav > [data-nav="dashboard"], .wl-sb-measure-row > [data-nav="dashboard"]) .wl-sb-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  body.has-shared-header #wlSidebar :is(.wl-sb-nav > [data-nav="dashboard"], .wl-sb-measure-row > [data-nav="dashboard"]) { width:44px; justify-content:center; padding:8px; }
}

@media(min-width:769px) {
  body.has-shared-header :is(#wlRoot,#wlBootShell,#wlSidebar) { left:var(--sidebar-w); }
  body.has-shared-header.wl-open #wlSidebar { left:var(--sidebar-w); }
}
@container (max-width:1000px) {
  #wlRoot .wl-top { grid-template-columns:minmax(0,1fr); }
  #wlRoot .wl-cw { flex-wrap:wrap; }
  #wlRoot .wl-cw-actions { flex:1 1 100%; }
}
@media(max-width:768px) {
  body.has-shared-header.wl-open #wlRoot { padding:16px; }
  body.has-shared-header.wl-open #wlSidebar { padding:8px 16px; }
  body.has-shared-header.wl-open #appSidebar { z-index:10512; }
  body.has-shared-header.wl-open .sidebar-backdrop { z-index:10511; }
}

/* On small screens, reuse the sidebar as a wide menu below the header. */
.sidebar-menu-heading { display:none; }
@media(max-width:768px) {
  body.sidebar-drawer-open { overflow:hidden; }
  body #appSidebar {
    --menu-panel:var(--bg); --menu-card:var(--bg2); --menu-icon:var(--bg3);
    top:calc(var(--header-h) + 8px); left:8px; right:8px; bottom:8px;
    width:auto; max-width:none; max-height:calc(100dvh - var(--header-h) - 16px);
    padding:0 12px 12px !important; gap:12px !important;
    background:var(--menu-panel) !important; border:1px solid var(--border) !important;
    border-radius:16px; box-shadow:0 10px 36px #17132030 !important;
    backdrop-filter:none; -webkit-backdrop-filter:none;
    overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin;
    visibility:hidden; opacity:0; transform:translateY(-6px);
    transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;
  }
  body.light #appSidebar { --menu-panel:#f6f7f9; --menu-card:#fff; --menu-icon:#ececf1; }
  body #appSidebar::after { display:none; }
  body.sidebar-drawer-open #appSidebar {
    visibility:visible; opacity:1; transform:none;
    transition:opacity .16s ease,transform .16s ease,visibility 0s;
  }
  #appSidebar .sidebar-menu-heading {
    display:flex; align-items:center; justify-content:space-between; flex:none;
    position:sticky; top:0; z-index:2; background:var(--menu-panel);
    margin:0 -12px -2px; padding:12px 16px 10px;
  }
  #sidebarMenuTitle { margin:0; font-size:26px; line-height:1.25; font-weight:750; letter-spacing:-.6px; color:var(--text); outline:none; }
  #sidebarMenuClose {
    display:flex; align-items:center; justify-content:center; width:40px; height:40px;
    padding:10px; border:0; border-radius:50%; background:var(--menu-icon); color:var(--text2); cursor:pointer;
  }
  #sidebarMenuClose svg { width:20px; height:20px; }
  #sidebarMenuClose:hover { background:var(--border); }
  #sidebarMenuClose:focus-visible { outline:2px solid var(--accent-primary); outline-offset:2px; }
  body #appSidebar :is(.sidebar-nav-card,.sidebar-settings-card) {
    flex:0 0 auto !important; min-height:auto !important; overflow:visible !important;
    gap:2px !important; padding:8px !important; border:1px solid var(--border) !important;
    border-radius:12px !important; background:var(--menu-card) !important;
    box-shadow:0 1px 2px #17132012 !important;
  }
  body #appSidebar .sidebar-item {
    height:54px; min-height:54px; flex:none; gap:12px; padding:7px 10px !important;
    border-radius:8px !important; color:var(--text) !important; box-shadow:none; transform:none;
  }
  body #appSidebar .sidebar-item::before { display:none; }
  body #appSidebar .sidebar-icon {
    width:36px; height:36px; flex:0 0 36px; border-radius:50%;
    background:var(--menu-icon) !important; color:var(--text2) !important; box-shadow:none !important;
  }
  body #appSidebar .sidebar-icon svg { width:21px; height:21px; color:inherit !important; }
  body #appSidebar .sidebar-label { display:block; font-size:15px; font-weight:550; letter-spacing:0; }
  body #appSidebar .sidebar-item.active { background:var(--accent-soft) !important; color:var(--accent-strong) !important; }
  body #appSidebar .sidebar-item.active .sidebar-icon { background:rgba(var(--accent-rgb),.18) !important; color:var(--accent-strong) !important; }
  body #appSidebar .sidebar-item.active .sidebar-label { font-weight:650; }
  body #appSidebar .sidebar-divider { display:block !important; flex:none; height:1px; margin:8px 10px; background:var(--border); }
  body #appSidebar .sidebar-badge { margin-left:auto; }
  body.sidebar-drawer-open #topbarMenuBtn { background:var(--accent-soft); color:var(--accent-strong); }
  body .sidebar-backdrop { background:rgba(20,18,30,.24); }
}
@media(max-width:768px) and (prefers-reduced-motion:reduce) {
  body #appSidebar,body.sidebar-drawer-open #appSidebar { transition:none; }
}

/* Main search follows the mobile search surface across every section. */
body.has-shared-header.desktop-search-open .topbar #topbarSearch {
  display:flex !important; align-items:center; gap:10px;
  position:fixed !important; top:calc(var(--header-h,64px) + 8px) !important;
  left:auto !important; right:20px !important; width:min(440px,calc(100vw - 40px)) !important;
  height:48px !important; min-width:0; max-width:none !important; margin:0 !important;
  padding:0 14px !important; transform:none !important; z-index:1200;
  border:1px solid var(--border) !important; border-radius:24px !important;
  background:var(--bg2) !important; box-shadow:0 5px 24px #2014381c !important;
}
body.has-shared-header.desktop-search-open .topbar #topbarSearch .topbar-search-icon { flex:none; width:18px; height:18px; margin:0; position:static; color:var(--text3); }
body.has-shared-header.desktop-search-open .topbar #searchInput {
  display:block; position:static !important; flex:1; min-width:0; width:100%; height:100%; opacity:1;
  padding:0 !important; margin:0; border:0 !important; border-radius:0 !important; outline:none;
  background:transparent !important; color:var(--text) !important; box-shadow:none !important;
  font:400 14px/1.4 Inter,sans-serif; cursor:text;
}
body.has-shared-header.desktop-search-open .topbar #searchInput::placeholder { color:var(--text3) !important; }
body.has-shared-header .topbar #topbarSearchClear { position:static; transform:none; flex:none; width:28px; height:28px; align-items:center; justify-content:center; border:0; border-radius:50%; color:var(--text3); background:var(--bg3); font-size:21px; }
body.has-shared-header.desktop-search-open .topbar #searchResults {
  position:fixed !important; top:calc(var(--header-h,64px) + 64px) !important;
  left:auto !important; right:20px !important; transform:none !important;
  width:min(440px,calc(100vw - 40px)) !important; max-height:calc(100dvh - var(--header-h,64px) - 80px);
  overflow:auto; overscroll-behavior:contain; padding:10px; border-radius:18px; z-index:1200;
  background:var(--bg2); color:var(--text); border:1px solid var(--border); box-shadow:0 10px 36px #20143826;
}
#searchResults .search-result-item { width:100%; border:0; background:transparent; color:inherit; text-align:left; font:inherit; }
#searchResults .search-result-item:hover,#searchResults button:focus-visible { background:var(--bg3); }
#searchResults button:focus-visible { outline:2px solid var(--accent-primary); outline-offset:-2px; }
#searchResults .search-result-info { display:flex; flex-direction:column; gap:3px; }
#searchResults .search-result-title { font-size:14px; }
#searchResults .search-result-meta { font-size:12px; margin:0; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
#searchResults .search-result-item .avatar { width:40px; height:40px; border-radius:50%; overflow:hidden; display:grid; place-items:center; }
#searchResults .avatar img { width:100%; height:100%; object-fit:cover; }
#searchResults .search-result-chevron { font-size:20px; color:var(--text3); }
#searchResults .search-result-group h2,#searchResults .search-section-heading h2 { font-size:15px; font-weight:650; margin:12px 12px 4px; color:var(--text); }
#searchResults .search-section-heading { display:flex; align-items:center; justify-content:space-between; }
#searchResults .search-section-heading button,#searchResults .search-state button { background:none; border:0; color:var(--accent-primary); font-size:12px; padding:10px; cursor:pointer; }
#searchResults .search-recent-row { display:flex; align-items:center; }
#searchResults .search-recent-row>button:last-child { flex:none; background:none; border:0; color:var(--text3); width:34px; height:34px; font-size:20px; cursor:pointer; border-radius:50%; }
#searchResults .search-history-icon { font-size:22px; color:var(--text3); }
#searchResults .search-state { padding:24px 14px; text-align:center; font-size:14px; }
#searchResults .search-state p { color:var(--text3); font-size:13px; margin:8px 0; }
.search-skeleton>div { display:flex; align-items:center; gap:12px; padding:10px; }
.search-skeleton i { width:40px; height:40px; border-radius:50%; background:var(--bg3); }
.search-skeleton span { height:30px; width:65%; border-radius:8px; background:var(--bg3); }
.search-skeleton { animation:search-pulse 1s ease-in-out infinite alternate; }
@keyframes search-pulse { to { opacity:.4; } }
@media(prefers-reduced-motion:reduce) { .search-skeleton { animation:none; } }
@media(max-width:900px) {
  body.has-shared-header.desktop-search-open .topbar #topbarSearch,body.has-shared-header.desktop-search-open .topbar #searchResults { right:10px !important; width:calc(100vw - 20px) !important; }
  body.has-shared-header.desktop-search-open .topbar #searchInput { font-size:16px; }
}