: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{background:transparent;color:color-mix(in oklch,var(--foreground) 70%,transparent);padding:.625rem 1.75rem;font-family:inherit;font-size:.95rem;cursor:pointer;border-radius:var(--nav-radius);border:1px solid transparent;transition:color .15s ease,border-color .15s ease}.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{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px) scale(.97);padding-top:.5rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .25s cubic-bezier(.16,1,.3,1),visibility .2s ease;z-index:50}.nav-item-group:hover .nav-dropdown,.nav-item-group:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1);pointer-events:auto}.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);box-shadow:0 1px 2px #0000000f,0 8px 24px #0000001f;min-width:18rem;padding:1px;display:flex;flex-direction:column;gap:1px}.nav-mega-grid{display:flex;flex-direction:column;gap:1px}.nav-mega-item{display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;background:var(--background);text-decoration:none;transition:all .15s ease}.nav-mega-cell{position:relative;display:flex;min-width:0}.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{display:grid;grid-template-columns:1fr 1fr;gap:1px}.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{position:absolute;top:0;left:100%;width:17rem;background:var(--border);border-radius:var(--nav-radius);box-shadow:0 1px 2px #0000000f,0 8px 24px #0000001f;padding:1px;display:flex;flex-direction:column;gap:1px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-4px);transition:opacity .15s ease,transform .2s cubic-bezier(.16,1,.3,1)}.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;padding:.625rem 1rem;margin:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground)}.nav-flyout-list{display:flex;flex-direction:column;gap:1px}.nav-flyout-item{display:block;padding:.625rem 1rem;background:var(--background);text-decoration:none;transition:background .15s ease}.nav-flyout-item:last-child{border-radius:0 0 var(--nav-radius) var(--nav-radius)}.nav-flyout-label{font-size:.8125rem;line-height:1.35;color:var(--foreground)}.nav-flyout-item:hover{background:color-mix(in oklch,var(--primary) 8%,var(--background))}.nav-flyout-more{display:block;padding:.625rem 1rem;background:var(--background);border-radius:0 0 var(--nav-radius) var(--nav-radius);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.6875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);text-decoration:none;transition:background .15s ease}.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{display:block;padding:.625rem 1rem;background:var(--background);border-radius:0 0 var(--nav-radius) var(--nav-radius);font-size:.6875rem;font-weight:500;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);text-decoration:none;transition:background .15s ease,color .15s ease}.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{display:flex;align-items:center;gap:.5rem}.nav-mega-label{font-size:.875rem;font-weight:500;color:var(--foreground)}.nav-mega-new-badge{font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:color-mix(in oklch,var(--primary) 12%,transparent);padding:.125rem .375rem;border-radius:2px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}.nav-mega-item:hover .nav-mega-new-badge{color:var(--background);background:color-mix(in oklch,var(--background) 20%,transparent)}.nav-mega-badge{font-size:.5625rem;font-weight:500;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}.nav-mega-desc{font-size:.6875rem;color:color-mix(in oklch,var(--muted-foreground) 60%,transparent);line-height:1.4}.mobile-nav-item{font-size:1rem;font-weight:500}