.site-header{position:sticky;top:0;background-color:var(--color-background);border-bottom:1px solid var(--color-border);z-index:100;backdrop-filter:blur(10px);background-color:rgba(253,253,253,.95);box-shadow:0 2px 10px rgba(0,0,0,5%)}[data-theme=dark] .site-header{background-color:rgba(26,26,26,.95);box-shadow:0 2px 10px rgba(0,0,0,.2)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-width);margin:0 auto;padding:1rem var(--spacing);position:relative}.site-title{font-weight:700;color:var(--color-text);text-decoration:none;font-size:1.25rem;transition:color .2s ease}.site-title:hover{color:var(--color-primary);text-decoration:none}.mobile-menu-toggle{display:none}@media(max-width:1023px){.mobile-menu-toggle{display:none!important}.desktop-menu-toggle{display:flex!important}}.hamburger-line{width:100%;height:2px;background-color:var(--color-text);transition:all .3s ease;transform-origin:center}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(1){transform:rotate(45deg)translate(5px,5px)}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.desktop-menu-toggle{display:none;flex-direction:column;justify-content:space-around;align-items:center;width:44px;height:44px;background:0 0;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;padding:8px;z-index:101;transition:all .2s ease}.desktop-menu-toggle:hover,.desktop-menu-toggle:focus{background-color:var(--color-border);border-color:var(--color-primary);outline:none}.meatball-dot{width:4px;height:4px;background-color:var(--color-text);border-radius:50%;transition:all .3s ease;transform-origin:center}.desktop-menu-toggle[aria-expanded=true] .meatball-dot:nth-child(1){transform:translateX(-8px)scale(1.2)}.desktop-menu-toggle[aria-expanded=true] .meatball-dot:nth-child(2){transform:scale(1.2)}.desktop-menu-toggle[aria-expanded=true] .meatball-dot:nth-child(3){transform:translateX(8px)scale(1.2)}.main-nav{position:absolute;top:100%;left:0;right:0;background-color:var(--color-background);border-bottom:1px solid var(--color-border);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:99}.main-nav.is-open{transform:translateY(0);opacity:1;visibility:visible}.mobile-menu-close{position:absolute;top:1rem;right:1rem;background:0 0;border:none;color:var(--color-text);cursor:pointer;padding:.75rem;border-radius:8px;transition:all .2s ease;z-index:1001;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.mobile-menu-close:hover,.mobile-menu-close:focus{background-color:var(--color-border);color:var(--color-primary);outline:none;transform:scale(1.05)}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.nav-item{border-bottom:1px solid var(--color-border)}.nav-item:last-child{border-bottom:none}.nav-link{display:block;padding:1rem var(--spacing);color:var(--color-text);text-decoration:none;font-weight:500;transition:all .2s ease;min-height:44px;display:flex;align-items:center}.nav-link:hover,.nav-link:focus{background-color:var(--color-border);color:var(--color-primary);text-decoration:none}.header-controls{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.control-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:0 0;border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:6px;transition:all .2s ease;position:relative}.control-button:hover,.control-button:focus{background-color:var(--color-border);color:var(--color-primary);border-color:var(--color-primary);outline:none}.control-button:active{transform:translateY(1px)}@media(min-width:768px) and (max-width:1023px){.mobile-menu-toggle{display:flex}.desktop-menu-toggle{display:none}.header-controls{gap:.75rem}.control-button{width:40px;height:40px}}@media(min-width:1024px){.mobile-menu-toggle{display:none}.desktop-menu-toggle{display:flex}.main-nav{position:absolute;top:calc(100% + 8px);right:50%;transform:translateX(50%)translateY(-10px);width:250px;min-width:200px;max-width:300px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;padding:0}.main-nav.is-open{position:absolute!important;top:calc(100% + 8px)!important;right:50%!important;left:auto!important;bottom:auto!important;width:250px!important;min-width:200px!important;max-width:300px!important;max-height:50vh!important;background-color:var(--color-background)!important;border:1px solid var(--color-border)!important;border-radius:8px!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important;transform:translateX(50%)translateY(0)!important;opacity:1!important;visibility:visible!important;z-index:1000!important;overflow-y:auto!important;display:block!important;flex-direction:unset!important;justify-content:unset!important;align-items:unset!important;padding:0!important}.main-nav.is-open .nav-list{padding:.5rem 0!important;flex-direction:column!important;margin:0!important;min-height:auto!important;max-height:50vh!important;overflow-y:auto!important;width:auto!important;max-width:none!important}.main-nav.is-open .nav-item{border-bottom:none!important;margin:0!important}.main-nav.is-open .nav-item:first-child{border-top:none!important}.main-nav.is-open .nav-item:last-child .nav-link{border-radius:0 0 8px 8px!important}.main-nav.is-open .nav-item:first-child .nav-link{border-radius:8px 8px 0 0!important}.main-nav.is-open .nav-link{padding:.75rem 1.25rem!important;border-radius:0!important;font-size:.95rem!important;transition:all .2s ease!important;white-space:nowrap!important;min-height:auto!important;display:block!important;align-items:unset!important;justify-content:unset!important;text-align:left!important}.main-nav.is-open .nav-link:hover,.main-nav.is-open .nav-link:focus{background-color:var(--color-border)!important;color:var(--color-primary)!important;transform:none!important;padding-left:1.5rem!important}.header-controls{gap:.75rem}.control-button{width:40px;height:40px}}@media(max-width:1023px){.main-nav.is-open{position:fixed!important;top:0!important;left:0!important;width:100vw!important;max-height:50vh!important;background-color:var(--color-background)!important;z-index:99999!important;display:block!important;overflow:hidden!important}.main-nav.is-open .nav-list{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%!important;max-width:400px!important;max-height:45vh!important;overflow-y:auto!important;padding:.5rem 0!important;margin:0!important;box-sizing:border-box!important}.main-nav.is-open .nav-item{border-bottom:1px solid var(--color-border)!important;margin:0!important}.main-nav.is-open .nav-item:first-child{border-top:1px solid var(--color-border)!important}.main-nav.is-open .nav-link{padding:.75rem var(--spacing)!important;font-size:1rem!important;font-weight:500!important;transition:all .2s ease!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-radius:0!important;white-space:normal!important;box-sizing:border-box!important}.main-nav.is-open .nav-link:hover,.main-nav.is-open .nav-link:focus{background-color:var(--color-border)!important;color:var(--color-primary)!important;padding-left:var(--spacing)!important}}.mobile-menu-close{display:none}.main-nav.is-open .mobile-menu-close{display:flex}@media(max-width:1023px){.main-nav.is-open .mobile-menu-close{display:flex!important}}@media(min-width:1024px){.main-nav.is-open .mobile-menu-close{display:none!important}}@media(prefers-contrast:high){.control-button{border-width:2px}.nav-link:focus{outline:2px solid var(--color-primary);outline-offset:2px}}@media(prefers-reduced-motion:reduce){.main-nav,.hamburger-line,.control-button,.font-dropdown{transition:none}}@media print{.site-header{position:static;border-bottom:1px solid #000}.header-controls{display:none}.mobile-menu-toggle{display:none}}