@layer components{.site-nav{inset-inline:0;z-index:50;border-bottom:1px solid hsl(var(--border));background:hsl(var(--background) / .85);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:fixed;top:0}.site-nav-bar{justify-content:space-between;align-items:center;gap:.75rem;width:100%;max-width:1400px;margin-inline:auto;padding:.625rem 1rem;display:flex}.site-nav-brand-group{align-items:center;gap:.5rem;min-width:0;display:flex}.site-nav-brand{outline-offset:4px;min-width:0;height:2.75rem;transition:opacity var(--dur-base) var(--ease-standard);border-radius:.375rem;align-items:center;display:inline-flex}.site-nav-brand:hover{opacity:.8}.site-nav-live{color:#fca5a5;min-height:2.75rem;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;transition:color var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard);background:#ef44441a;border:1px solid #ef444459;border-radius:9999px;flex-shrink:0;align-items:center;gap:.375rem;padding-inline:.625rem;font-size:.625rem;font-weight:600;display:inline-flex}.site-nav-live:hover{color:#fecaca;border-color:#f8717199}.site-nav-live-dot{background:#f87171;border-radius:9999px;width:.375rem;height:.375rem}.site-nav-desktop{align-items:center;gap:.25rem;display:none}.site-nav-link{color:hsl(var(--muted-foreground));font-family:var(--font-mono);transition:color var(--dur-base) var(--ease-standard), background-color var(--dur-base) var(--ease-standard);border-radius:.375rem;padding:.5rem .625rem;font-size:.75rem;line-height:1rem}.site-nav-link:hover,.site-nav-search:hover{color:hsl(var(--foreground));background:hsl(var(--card))}.site-nav-projects{position:relative}.site-nav-projects-trigger{align-items:center;gap:.25rem;display:inline-flex}.site-nav-chevron{transition:transform var(--dur-base) var(--ease-standard);font-size:.875rem;line-height:1}.site-nav-chevron-open{transform:rotate(180deg)}.site-nav-search{width:2.25rem;height:2.25rem;color:hsl(var(--muted-foreground));transition:color var(--dur-base) var(--ease-standard), background-color var(--dur-base) var(--ease-standard);border-radius:.375rem;justify-content:center;align-items:center;display:inline-flex}.site-nav-search-icon{width:1rem;height:1rem}.site-nav-lang{border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));font-family:var(--font-mono);transition:color var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard);border-radius:.375rem;margin-left:.5rem;padding:.375rem .625rem;font-size:.75rem;line-height:1rem}.site-nav-lang:hover,.site-nav-mobile-lang:hover{color:hsl(var(--foreground));border-color:hsl(var(--primary) / .5)}.site-nav-mobile{align-items:center;gap:.5rem;display:flex}.site-nav-mobile-lang,.site-nav-menu-button{border:1px solid hsl(var(--border));width:2.75rem;height:2.75rem;transition:color var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard), background-color var(--dur-base) var(--ease-standard);border-radius:.375rem;justify-content:center;align-items:center;display:inline-flex}.site-nav-mobile-lang{color:hsl(var(--muted-foreground));font-family:var(--font-mono);font-size:.75rem;line-height:1rem}.site-nav-menu-button{color:hsl(var(--foreground))}.site-nav-menu-button:hover{border-color:hsl(var(--primary) / .5);background:hsl(var(--card))}.site-nav-menu-icon{width:1.25rem;height:1.25rem}@media (width>=640px){.site-nav-bar{padding:.75rem 1.5rem}}@media (width>=1280px){.site-nav-desktop{display:flex}.site-nav-mobile{display:none}}@media (width>=1536px){.site-nav-desktop{gap:.5rem}.site-nav-link{padding-inline:.75rem}}}