/* Persistent product switcher, shared by creation and viewing surfaces. */
.portal-switcher{position:sticky;top:0;z-index:30;box-sizing:border-box;width:100%;padding:8px max(12px,env(safe-area-inset-left)) 8px max(12px,env(safe-area-inset-right));background:#111918;border-bottom:1px solid #34413d;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.portal-switcher>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:620px;margin:0 auto}
.portal-switcher a{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:56px;padding:8px 12px;border:1px solid transparent;border-radius:10px;text-decoration:none;color:#edece3;line-height:1.3;text-align:center}
.portal-switcher a strong{font-size:16px;font-weight:700}.portal-switcher a span{font-size:14px;color:#b9c7c2}
.portal-switcher a[aria-current]{border-color:#ad9158;background:#29332e;color:#f0d49a}
.portal-switcher a:hover{background:#35423a}.portal-switcher a:focus-visible{outline:3px solid #f0d49a;outline-offset:1px}
.portal-switcher~.social-app .social-topbar,.portal-switcher~.joint-app .joint-topbar{position:relative;top:auto}
.library-filter-label{display:block;font-size:14px;color:#c2c8cc;margin-bottom:6px}
@media(max-width:380px){.portal-switcher a{padding:8px 4px}.portal-switcher a strong{font-size:15px}.portal-switcher a span{font-size:13px}}

/* One coordinated stack: search remains visible; navigation returns on upward scroll. */
.viewer-header{--viewer-nav-height:0px;position:sticky;top:calc(-1 * var(--viewer-nav-height));z-index:30;background:#101315;transition:top .18s ease}
.viewer-header.navigation-revealed{top:0}
.viewer-header .portal-switcher,.viewer-header .library-search{position:relative;top:auto}
.viewer-header .topbar{background:#101315}
/* The product switcher belongs to library browsing, not the movie player. */
body:has(#watch:not([hidden])) .viewer-header .portal-switcher{display:none}
.viewer-header .portal-switcher a{min-height:48px;padding:6px 10px}
.viewer-header .search-help{font-size:14px}
.filters{align-items:end}
.filters label{min-width:0}
.filters select{height:46px}
.section-heading h2{margin:0}
.results-count{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.5}
@media(max-width:700px){
 .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .filters label:has(#archive){grid-column:1/-1}
 .filters label[hidden]{display:none}
 .viewer-header .topbar{padding:12px 20px;gap:12px}
 .viewer-header .topbar nav{gap:16px}
 .viewer-header .library-search{padding:10px 20px}
 .viewer-header .search-help{display:none}
 .viewer-header .library-search #search{font-size:16px}
 .section-heading{gap:12px;align-items:start}
 .section-heading #refresh{padding:8px 0;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.viewer-header{transition:none}}