.header{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--height-header);padding:0 var(--spacing-container);display:flex;gap:1rem;background-color:color-mix(in srgb,var(--color-background),transparent 20%);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;backdrop-filter:blur(var(--blur-header));-webkit-backdrop-filter:blur(var(--blur-header))}.nav{display:flex;flex-direction:row;align-items:center;gap:.5rem}.nav-item{padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--color-foreground-muted);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out-expo)}.nav-item:hover{color:var(--color-foreground);background-color:var(--color-surface)}.nav-item a{text-decoration:none;color:inherit}