/* Compact header controls preserve the existing desktop header. */
.mobile-header-actions,.mobile-site-menu{display:none}
@media(max-width:767px){
 .topbar{padding-inline:12px;gap:6px}
 .topbar>.brand{font-size:14px;gap:6px}
 .topbar>.brand>.bi{font-size:22px}
 .topbar .top-actions{gap:6px;margin-left:auto}
 .topbar :is(.language-switch,.create-language,.video-language,.nsfw-language,.information-language,.remaining-language){gap:0;padding:0;border:0;background:transparent;border-radius:4px}
 .topbar :is(.language-switch,.create-language,.video-language,.nsfw-language,.information-language,.remaining-language) a{min-width:23px;min-height:32px;padding:3px;font-size:10px;line-height:1;border-radius:4px}
 .topbar :is(.language-switch,.create-language,.video-language,.nsfw-language,.information-language,.remaining-language) a[aria-current=page]{background:#30222d;color:#f3b1ce}
 .topbar .top-actions>.button,.page-topbar>.button{display:none}
 .topbar .mobile-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
 .mobile-header-actions .mobile-join{display:inline-flex;min-height:32px;padding:8px 11px;font-size:11px;line-height:1.3;border-radius:7px;white-space:nowrap}
 .mobile-menu-toggle{display:grid;place-items:center;width:28px;height:36px;flex-shrink:0;padding:0;background:transparent;color:#f5f4f6;border:0;border-radius:4px}
 .mobile-menu-toggle[aria-expanded=true]{background:#30222d;color:#f48eb8}
 .topbar .mobile-site-menu:not([hidden]){display:flex;position:absolute;top:100%;left:0;right:0;margin:0;padding:12px 16px;gap:0;flex-direction:column;align-items:stretch;max-height:calc(100dvh - var(--header));overflow-y:auto;background:#111014;border-bottom:1px solid #4b3544;box-shadow:0 8px 16px #0005}
 .topbar .mobile-site-menu a{display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:14px;color:#f5eaf0;border-radius:6px}
 .mobile-site-menu a:hover,.mobile-site-menu a:focus-visible{background:#30222d}
}