.top-nav{z-index:1000;background:color-mix(in srgb, var(--primary) 75%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);view-transition-name:top-nav;position:sticky;top:0}html:active-view-transition .top-nav{background:var(--primary)}::view-transition-group(top-nav){z-index:1}::view-transition-group(top-nav){animation:none}::view-transition-new(top-nav){animation:none}::view-transition-old(top-nav){display:none}.nav-container{justify-content:flex-end;align-items:center;gap:24px;max-width:640px;margin:0 auto;padding:16px 0;display:flex}.nav-links{align-items:center;gap:24px;display:flex}.nav-link{font-family:var(--font-inter), sans-serif;color:var(--text-muted);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:400;text-decoration:none;transition:color .2s;display:inline-block;position:relative}.nav-link:hover,.nav-link.active{color:var(--heading-color)}.nav-link.active:after{content:"";background-image:radial-gradient(circle,#a8a29ea6 1px,#0000 1.2px);background-repeat:repeat-x;background-size:4px 2px;height:2px;position:absolute;bottom:1px;left:-1px;right:-1px}.nav-icons{align-items:center;gap:12px;display:flex}.theme-toggle{cursor:pointer;color:var(--text-muted);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.theme-toggle:hover{color:var(--heading-color)}html.dark .theme-icon-moon,html.light .theme-icon-sun{display:none}html.dark .theme-icon-sun,html.light .theme-icon-moon{display:block}@media (max-width:660px){.nav-container{gap:18px;padding:12px 16px 10px}.nav-links{gap:18px}.nav-link{font-size:13px}}