.theme-toggle{width:2.25rem;height:2.25rem;padding:0}.theme-toggle-icon{width:1.25rem;height:1.25rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.header{z-index:50;border-bottom:1px solid var(--color-border);background:var(--color-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;height:4rem;margin-left:auto;margin-right:auto;padding:0 1rem;display:flex}@media (min-width:640px){.header-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.header-container{padding-left:2rem;padding-right:2rem}}.header-logo{align-items:center;gap:var(--space-2);padding:var(--space-2);margin:calc(-1*var(--space-2));border-radius:var(--radius-md);transition:background var(--duration-fast)var(--ease-in-out);text-decoration:none;display:flex}.header-logo:hover{background:var(--color-bg-subtle)}.header-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-fg);font-weight:700}.header-actions{align-items:center;gap:var(--space-2);display:flex}.header-nav{align-items:center;gap:var(--space-1);display:flex}.header-nav-link{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-fg-muted);transition:background var(--duration-fast)var(--ease-in-out),color var(--duration-fast)var(--ease-in-out);font-weight:500;text-decoration:none;display:flex}.header-nav-link:hover{background:var(--color-bg-subtle);color:var(--color-fg)}.header-nav-button{cursor:pointer;background:0 0;border:none;font-family:inherit}.header-user{align-items:center;gap:var(--space-2);display:flex}.header-avatar{width:1.75rem;height:1.75rem;transition:border-color var(--duration-fast)var(--ease-in-out);border:2px solid #0000;border-radius:9999px}.header-nav-link:hover .header-avatar{border-color:var(--color-primary)}.header-username{font-size:var(--text-sm);color:inherit;font-weight:500}@media (max-width:640px){.header-username{display:none}}