:root{--nav-height:calc(3.3rem + env(safe-area-inset-top,0px));--nav-font-size:.95rem;--nav-logo-font-size:clamp(1rem, .8rem + 1.5vw, 1.3rem);--nav-language-picker-font-size:.8rem;--nav-language-picker-min-width:90px;--nav-mobile-menu-icon-size:1.7rem;--nav-button-height:38px;--nav-button-padding:0 var(--spacing-md);--nav-z-index:100;--nav-mobile-menu-z-index:102}.nav{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation))}@media (width<=36em){.nav{-webkit-backdrop-filter:blur(calc(var(--glass-blur) * .5)) saturate(calc(var(--glass-saturation) * .85));backdrop-filter:blur(calc(var(--glass-blur) * .5)) saturate(calc(var(--glass-saturation) * .85))}}@media (prefers-reduced-motion:reduce){.nav{-webkit-backdrop-filter:none;backdrop-filter:none}}.nav{background-color:var(--glass-bg);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-color);height:var(--nav-height);z-index:var(--nav-z-index);padding-top:env(safe-area-inset-top,0px);transition:transform var(--transition-discrete);contain:layout style;letter-spacing:.3px;justify-content:space-between;align-items:center;padding-bottom:0;display:flex;position:fixed;top:0;left:0;right:0;overflow:visible}.nav>.navSections{align-items:center;display:flex;position:relative}.nav .logoContainer{font-size:var(--nav-logo-font-size)}.nav .menu{gap:var(--spacing-lg);font-size:var(--nav-font-size);align-items:center;margin:0;padding:0;list-style:none;display:flex}:is(.nav .menu) a:not(.button){padding:var(--spacing-2xs) 0}:is(.nav .menu) .button{padding:var(--nav-button-padding);font-size:var(--button-font-size-compact-scrolled);height:var(--nav-button-height);box-sizing:border-box;transition:transform var(--transition-slow), box-shadow var(--transition-slow)}.nav .themeToggle{--theme-icon-sun-scale:1.02;--theme-icon-moon-scale:1;--theme-icon-auto-scale:.95;--theme-icon-hidden-scale:.5;border:var(--button-border-width) solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;box-sizing:border-box;transition:all var(--transition-base);color:var(--color-text-primary);background:0 0;justify-content:center;align-items:center;display:inline-flex}:is(.nav .themeToggle):hover{border-color:var(--border-color-hover);background-color:var(--bg-color-secondary)}:is(.nav .themeToggle):focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}:is(.nav .themeToggle):active{transform:translateY(0)}.nav .themeToggle{transition:all var(--transition-base);width:var(--nav-button-height);height:var(--nav-button-height)}:is(.nav .themeToggle):hover{transform:translateY(-1px)}.nav .themeToggle{position:relative}:is(.nav .themeToggle) svg{width:var(--button-icon-size);height:var(--button-icon-size);display:block}:is(.nav .themeToggle) .themeIcon{opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@starting-style{:is(.nav .themeToggle) .themeIcon{opacity:0;transform:translate(-50%, -50%) rotate(-90deg) scale(var(--theme-icon-hidden-scale))}}:is(.nav .themeToggle) .themeIconLight{color:var(--color-theme-icon-sun);transform:translate(-50%, -50%) scale(var(--theme-icon-sun-scale))}:is(.nav .themeToggle) .themeIconDark{color:var(--color-theme-icon-moon);transform:translate(-50%, -50%) scale(var(--theme-icon-moon-scale))}:is(.nav .themeToggle) .themeIconAuto{color:var(--color-theme-icon-auto);transform:translate(-50%, -50%) scale(var(--theme-icon-auto-scale))}[data-current-theme=light]:is(.nav .themeToggle) .themeIconLight{opacity:1;transform:translate(-50%, -50%) rotate(0deg) scale(var(--theme-icon-sun-scale));pointer-events:auto}[data-current-theme=light]:is(.nav .themeToggle) .themeIconDark,[data-current-theme=light]:is(.nav .themeToggle) .themeIconAuto{opacity:0;transform:translate(-50%, -50%) rotate(90deg) scale(var(--theme-icon-hidden-scale));pointer-events:none}[data-current-theme=dark]:is(.nav .themeToggle) .themeIconDark{opacity:1;transform:translate(-50%, -50%) rotate(0deg) scale(var(--theme-icon-moon-scale));pointer-events:auto}[data-current-theme=dark]:is(.nav .themeToggle) .themeIconLight,[data-current-theme=dark]:is(.nav .themeToggle) .themeIconAuto{opacity:0;transform:translate(-50%, -50%) rotate(90deg) scale(var(--theme-icon-hidden-scale));pointer-events:none}[data-current-theme=auto]:is(.nav .themeToggle) .themeIconAuto{opacity:1;transform:translate(-50%, -50%) rotate(0deg) scale(var(--theme-icon-auto-scale));pointer-events:auto}[data-current-theme=auto]:is(.nav .themeToggle) .themeIconLight,[data-current-theme=auto]:is(.nav .themeToggle) .themeIconDark{opacity:0;transform:translate(-50%, -50%) rotate(90deg) scale(var(--theme-icon-hidden-scale));pointer-events:none}.nav .languagePickerWrapper{border:var(--button-border-width) solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;box-sizing:border-box;transition:all var(--transition-base);color:var(--color-text-primary);background:0 0;justify-content:center;align-items:center;display:inline-flex;position:relative}:is(.nav .languagePickerWrapper):hover{border-color:var(--border-color-hover);background-color:var(--bg-color-secondary)}:is(.nav .languagePickerWrapper):focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}:is(.nav .languagePickerWrapper):active{transform:translateY(0)}.nav .languagePickerWrapper{gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-xs);transition:all var(--transition-base);min-width:var(--nav-language-picker-min-width);height:var(--nav-button-height)}.nav .languagePickerIcon{color:var(--color-text-secondary);transition:color var(--transition-base);pointer-events:none;flex-shrink:0;width:14px;height:14px}.nav .languagePickerWrapper:hover .languagePickerIcon{color:var(--color-text-primary)}.nav .languagePicker{padding:0;padding-right:var(--spacing-md);cursor:pointer;color:var(--color-text-primary);font-size:var(--nav-language-picker-font-size);font-family:var(--font-family);box-sizing:border-box;appearance:none;min-width:0;height:100%;transition:color var(--transition-base);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E") 100%/10px no-repeat;border:none;flex:1}:is(.nav .languagePicker):focus-visible{box-shadow:none!important;outline:none!important}:is(.nav .languagePicker)::-webkit-focus-ring{outline:none}:is(.nav .languagePicker) option{background-color:var(--bg-color);color:var(--color-text-primary)}.nav .menuItem{align-items:center;display:flex}.nav .mobileMenuToggle{border:var(--button-border-width) solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;box-sizing:border-box;transition:all var(--transition-base);color:var(--color-text-primary);background:0 0;justify-content:center;align-items:center;display:inline-flex}:is(.nav .mobileMenuToggle):hover{border-color:var(--border-color-hover);background-color:var(--bg-color-secondary)}:is(.nav .mobileMenuToggle):focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}:is(.nav .mobileMenuToggle):active{transform:translateY(0)}.nav .mobileMenuToggle{padding:var(--spacing-xs);width:var(--nav-button-height);height:var(--nav-button-height);display:none}:is(.nav .mobileMenuToggle) svg{width:var(--nav-mobile-menu-icon-size);height:var(--nav-mobile-menu-icon-size);transition:transform var(--transition-slow)}.mobileMenuOpen:is(.nav .mobileMenuToggle) svg{will-change:transform;transform:rotate(45deg)}@media (width<=62em){.nav .mobileMenuToggle{display:flex}.nav [data-menu-items]{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation))}@media (width<=36em){.nav [data-menu-items]{-webkit-backdrop-filter:blur(calc(var(--glass-blur) * .5)) saturate(calc(var(--glass-saturation) * .85));backdrop-filter:blur(calc(var(--glass-blur) * .5)) saturate(calc(var(--glass-saturation) * .85))}}@media (prefers-reduced-motion:reduce){.nav [data-menu-items]{-webkit-backdrop-filter:none;backdrop-filter:none}}.nav [data-menu-items]{background-color:var(--glass-bg);top:calc(var(--nav-height) + var(--spacing-xs));z-index:var(--nav-mobile-menu-z-index);transition:opacity var(--transition-slow), transform var(--transition-slow), display var(--transition-slow) allow-discrete;opacity:0;border:1px solid var(--border-color);border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);border-right:none;flex-direction:column;gap:0;height:0;padding:0;display:none;position:fixed;bottom:0;right:0;overflow-y:hidden;transform:translate(100%)}.mobileMenuOpen:is(.nav [data-menu-items]){opacity:1;height:fit-content;display:flex;transform:translate(0)}.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem{border-bottom:1px solid var(--border-color);align-items:center;width:100%;display:flex}.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-nav{display:block}:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-nav) a{width:100%;padding:var(--spacing-md) var(--spacing-xl);text-align:left;color:var(--color-text-primary);transition:color var(--transition-base), background-color var(--transition-base);font-size:1rem;display:block}.navLinkActive:is(:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-nav) a),:is(:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-nav) a):hover{background-color:var(--bg-color-tertiary);color:var(--color-accent-base)}:is(.navLinkActive:is(:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-nav) a),:is(:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-nav) a):hover):after{display:none}:is(:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-nav) a):hover{color:var(--color-primary-base)}.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-action{padding:var(--spacing-md) var(--spacing-xl);justify-content:center;align-items:center;display:flex}:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-action) .languagePickerWrapper{height:var(--nav-button-height);flex-shrink:0;min-width:100px;font-size:.875rem}:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-action) .languagePicker{height:100%;font-size:.875rem}:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-action) .themeToggle{width:var(--nav-button-height);height:var(--nav-button-height);flex-shrink:0}:is(.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-action) .button{padding:var(--spacing-sm) var(--spacing-lg);height:var(--nav-button-height);width:auto;max-width:none;margin:0;font-size:.9rem}.mobileMenuOpen:is(.nav [data-menu-items])>.menuItem-action:has(.button:only-child){padding:var(--spacing-md) var(--spacing-xl)}:is(.nav [data-menu-items]):not(.mobileMenuOpen)>.menuItem{display:none}@starting-style{.nav .mobileMenuOpen[data-menu-items]{opacity:0;transform:translate(100%)}}}@media (prefers-reduced-motion:reduce){.nav,.nav .menu,.nav .menu .button,.nav .logoContainer{transition:none!important}.nav [data-menu-items]{transition:opacity var(--transition-base), display var(--transition-base) allow-discrete!important}.nav .mobileMenuToggle svg{will-change:auto;transition:none}.nav .themeIcon{transition:none!important}.nav[data-current-theme] .themeIcon{transform:translate(-50%,-50%)!important}}.nav:after{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--border-color) 30%, transparent) 20%, var(--color-primary-base) 50%, color-mix(in srgb, var(--border-color) 30%, transparent) 80%, transparent 100%);height:1px;position:absolute;bottom:0;left:0;right:0}
