header.banner{z-index:30;width:min(100%, calc(var(--content-wide) + (var(--space-6) * 2)));padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) var(--space-3);grid-template-columns:var(--icon-button-size) 1fr var(--icon-button-size);align-items:center;gap:var(--space-3);min-height:calc(var(--header-height) + env(safe-area-inset-top));background:var(--bg-header);backdrop-filter:blur(18px);border-bottom:1px solid var(--nav-border);text-align:center;color:var(--text);margin:0 auto;font-size:1.125rem;font-weight:700;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)translateY(0)}header.banner>div:empty{visibility:hidden}@media (width<=899px){header.banner{-webkit-backdrop-filter:none}}.bleft,.bright{justify-content:center;align-items:center;display:flex}.bleft button,.bright button{width:var(--icon-button-size);height:var(--icon-button-size);min-height:var(--icon-button-size);border-radius:var(--radius-pill);border-color:var(--border);color:var(--text);transition:transform var(--motion-duration-1) var(--motion-ease-out), background-color var(--motion-duration-2) var(--motion-ease-out), border-color var(--motion-duration-2) var(--motion-ease-out);background:0 0;justify-content:center;align-items:center;padding:0;font-size:1.1rem;line-height:1;display:inline-flex}.bleft button>svg,.bright button>svg{stroke:currentColor;flex:none;width:1.35rem;height:1.35rem;display:block}@media (hover:hover){.bleft button:hover,.bright button:hover{background:var(--accent-soft);transform:translateY(-1px)}}@media (width>=900px){header.banner{width:auto;padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-6) var(--space-3);background:color-mix(in srgb, var(--bg-header) 86%, var(--bg));border:0;border-bottom:1px solid var(--nav-border);box-shadow:none;border-radius:0;top:0;left:14rem;right:0;transform:none}body:has(.auth-form) header.banner{width:auto;left:0;right:0}}