@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{flex-wrap:wrap;align-items:center;column-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:.875rem;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-mobile{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.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);color:hsl(var(--foreground));border-radius:.375rem;justify-content:center;align-items:center;display:inline-flex}.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<=399px){.site-nav-brand{--site-nav-brand-size:.875rem}}@media (width<=359px){.site-nav-brand .brand-prompt-glyph,.site-nav-brand .brand-prompt-cursor{display:none}}@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}}.background-grid{z-index:0;pointer-events:none;contain:layout paint;background:radial-gradient(120px at 20% 25%,#0000 119px,#ffffff08 120px,#0000 121px),radial-gradient(60px at 20% 25%,#0000 59px,#ffffff05 60px,#0000 61px),radial-gradient(180px at 75% 70%,#0000 179px,#ffffff06 180px,#0000 181px),radial-gradient(90px at 75% 70%,#0000 89px,#ffffff04 90px,#0000 91px),radial-gradient(40px at 90% 15%,#0000 39px,#ffffff0a 40px,#0000 41px),radial-gradient(circle,#ffffff05 0%,#0000 70%);width:100vw;max-width:100%;position:fixed;inset:0;overflow:hidden}.background-grid:before,.background-grid:after{content:"";position:absolute;inset:0}.background-grid:before{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:80px 80px}.background-grid:after{background-image:radial-gradient(circle,#ffffff14 1.5px,#0000 1.5px);background-size:80px 80px}.share-label{color:hsl(var(--muted-foreground));font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem;font-size:.625rem;line-height:1rem}.share-group{flex-wrap:wrap;gap:.5rem;display:flex}.share-action{white-space:nowrap;border:1px solid hsl(var(--border));min-height:2.75rem;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:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.75rem;line-height:1rem;display:inline-flex}.share-action:hover{color:hsl(var(--foreground));border-color:hsl(var(--foreground) / .3)}.share-action-icon{flex-shrink:0;width:.875rem;height:.875rem}}