:root{--nav-radius:.125rem}#navbar[data-hide-on-scroll]{will-change:transform;transition:transform .4s cubic-bezier(.16,1,.3,1)}#navbar.nav-hidden{transform:translateY(-110%)}.nav-button{color:color-mix(in oklch, var(--foreground) 70%, transparent);cursor:pointer;border-radius:var(--nav-radius);background:0 0;border:1px solid #0000;padding:.625rem 1.75rem;font-family:inherit;font-size:.95rem;transition:color .15s,border-color .15s}.nav-button:hover{color:var(--foreground);border-color:color-mix(in oklch, var(--border) 50%, transparent)}.nav-button.nav-button-active,.nav-button.nav-button-active:hover{color:var(--background);border-color:var(--foreground);background:var(--foreground)}.nav-item-group{position:relative}.nav-dropdown{opacity:0;visibility:hidden;pointer-events:none;z-index:50;padding-top:.5rem;transition:opacity .2s,transform .25s cubic-bezier(.16,1,.3,1),visibility .2s;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(8px)scale(.97)}.nav-item-group:hover .nav-dropdown,.nav-item-group:focus-within .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.nav-dropdown--wide{left:0;transform:translate(0)translateY(8px)scale(.97)}.nav-item-group:hover .nav-dropdown--wide,.nav-item-group:focus-within .nav-dropdown--wide{transform:translate(0)translateY(0)scale(1)}.nav-dropdown--wide.nav-dropdown--end{left:auto;right:0}.nav-mega{background:var(--border);border-radius:var(--nav-radius);flex-direction:column;gap:1px;min-width:18rem;padding:1px;display:flex;box-shadow:0 1px 2px #0000000f,0 8px 24px #0000001f}.nav-mega-grid{flex-direction:column;gap:1px;display:flex}.nav-mega-item{background:var(--background);flex-direction:column;gap:.25rem;padding:.875rem 1rem;text-decoration:none;transition:all .15s;display:flex}.nav-mega-cell{min-width:0;display:flex;position:relative}.nav-mega-cell>.nav-mega-item{flex:1;min-width:0}.nav-mega-cell:first-child>.nav-mega-item{border-radius:var(--nav-radius) var(--nav-radius) 0 0}.nav-mega-cell:last-child>.nav-mega-item{border-radius:0 0 var(--nav-radius) var(--nav-radius)}.nav-mega--wide{min-width:36rem;position:relative}.nav-mega-grid--cols-2{grid-template-columns:1fr 1fr;gap:1px;display:grid}.nav-mega-grid--cols-2 .nav-mega-item{border-radius:0;padding:.75rem 1rem}.nav-mega-grid--cols-2 .nav-mega-cell:first-child>.nav-mega-item{border-radius:var(--nav-radius) 0 0 0}.nav-mega-grid--cols-2 .nav-mega-cell:nth-child(2)>.nav-mega-item{border-radius:0 var(--nav-radius) 0 0}.nav-mega-grid--cols-2 .nav-mega-cell:last-child:nth-child(odd){grid-column:1/-1}.nav-flyout{background:var(--border);border-radius:var(--nav-radius);opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;gap:1px;width:17rem;padding:1px;transition:opacity .15s,transform .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:100%;transform:translate(-4px);box-shadow:0 1px 2px #0000000f,0 8px 24px #0000001f}.nav-mega-cell:nth-child(odd) .nav-flyout{left:auto;right:100%;transform:translate(4px)}.nav-flyout.is-open,.nav-mega-cell:nth-child(odd) .nav-flyout.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.nav-flyout-title{background:var(--background);border-radius:var(--nav-radius) var(--nav-radius) 0 0;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);margin:0;padding:.625rem 1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.6875rem}.nav-flyout-list{flex-direction:column;gap:1px;display:flex}.nav-flyout-item{background:var(--background);padding:.625rem 1rem;text-decoration:none;transition:background .15s;display:block}.nav-flyout-item:last-child{border-radius:0 0 var(--nav-radius) var(--nav-radius)}.nav-flyout-label{color:var(--foreground);font-size:.8125rem;line-height:1.35}.nav-flyout-item:hover{background:color-mix(in oklch, var(--primary) 8%, var(--background))}.nav-flyout-more{background:var(--background);border-radius:0 0 var(--nav-radius) var(--nav-radius);letter-spacing:.06em;text-transform:uppercase;color:var(--primary);padding:.625rem 1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.6875rem;font-weight:500;text-decoration:none;transition:background .15s;display:block}.nav-flyout-more:hover{background:color-mix(in oklch, var(--primary) 8%, var(--background))}.nav-mega-item:hover~.nav-flyout{background:var(--border)}@media (prefers-reduced-motion:reduce){.nav-flyout{transition:opacity .01ms;transform:none}}.nav-mega-footer{background:var(--background);border-radius:0 0 var(--nav-radius) var(--nav-radius);text-transform:uppercase;letter-spacing:.06em;color:var(--primary);padding:.625rem 1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.6875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:block}.nav-mega-footer:hover{background:color-mix(in oklch, var(--primary) 8%, var(--background))}.nav-mega-item:hover{background:var(--foreground)}.nav-mega-item:hover .nav-mega-label{color:var(--background)}.nav-mega-item:hover .nav-mega-badge{color:color-mix(in oklch, var(--background) 60%, transparent)}.nav-mega-item:hover .nav-mega-desc{color:color-mix(in oklch, var(--background) 70%, transparent)}.nav-mega-label-row{align-items:center;gap:.5rem;display:flex}.nav-mega-label{color:var(--foreground);font-size:.875rem;font-weight:500}.nav-mega-new-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:color-mix(in oklch, var(--primary) 12%, transparent);border-radius:2px;padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.5625rem;font-weight:600}.nav-mega-item:hover .nav-mega-new-badge{color:var(--background);background:color-mix(in oklch, var(--background) 20%, transparent)}.nav-mega-badge{text-transform:uppercase;letter-spacing:.05em;color:color-mix(in oklch, var(--muted-foreground) 60%, transparent);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.5625rem;font-weight:500}.nav-mega-desc{color:color-mix(in oklch, var(--muted-foreground) 60%, transparent);font-size:.6875rem;line-height:1.4}.mobile-nav-item{font-size:1rem;font-weight:500}