.theme-toggle{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background-color .2s;display:flex;position:relative}.theme-toggle:hover{background-color:var(--surface-secondary)}.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-toggle__icon{width:24px;height:24px;color:var(--text-primary);transition:transform .3s,opacity .3s}.theme-toggle__icon--hidden{opacity:0;position:absolute;transform:rotate(180deg)scale(.5)}.theme-toggle__icon--visible{opacity:1;transform:rotate(0)scale(1)}@media (max-width:768px){.theme-toggle{width:40px;height:40px}.theme-toggle__icon{width:22px;height:22px}}
.site-header{z-index:1000;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffeb;transition:all .3s;position:sticky;top:0}[data-theme=dark] .site-header{background:#0f1216eb}.header__container{max-width:var(--max-width);height:var(--header-height);grid-template-columns:auto 1fr auto;align-items:center;gap:32px;margin:0 auto;padding:0 20px;display:grid}.header__brand{z-index:1001;align-items:center;height:100%;transition:opacity .2s;display:flex}.header__brand:hover{opacity:.8}.header__brand:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:var(--radius-sm)}.header__logo{object-fit:contain;width:auto;height:50px}.header__nav{justify-self:end;align-items:center;gap:4px;display:flex}.header__nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);white-space:nowrap;padding:8px 16px;font-size:15px;font-weight:500;transition:all .2s;position:relative}.header__nav-link:hover{color:var(--text-primary);background:var(--surface)}.header__nav-link.is-active{color:var(--primary);background:#b0243314}[data-theme=dark] .header__nav-link.is-active{background:#e848571f}.header__nav-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.header__nav-link.is-active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:16px;right:16px}.header__theme{justify-self:end;align-items:center;display:flex}.header__nav-theme{display:none}.header__nav-toggle{cursor:pointer;z-index:1001;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;justify-content:space-around;width:32px;height:32px;padding:4px;transition:background .2s;display:none}.header__nav-toggle:hover{background:var(--surface)}.header__nav-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.header__nav-toggle span{background:var(--text-primary);transform-origin:50%;border-radius:2px;width:24px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.header__nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.header__nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0;transform:scaleX(0)}.header__nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (max-width:1024px){.header__container{grid-template-columns:1fr auto auto;gap:16px}.header__nav{gap:2px}.header__nav-link{padding:6px 12px;font-size:14px}.header__logo{height:42px}}@media (max-width:768px){.header__container{height:64px;padding:0 16px}.header__logo{height:38px}.header__nav-toggle{display:flex}.header__theme{display:none}.header__nav{background:var(--bg);opacity:0;pointer-events:none;border-top:1px solid var(--border);flex-direction:column;align-items:stretch;gap:0;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:64px 0 0;overflow-y:auto;transform:translate(100%)}.header__nav.is-open{opacity:1;pointer-events:all;transform:translate(0)}.header__nav-link{border-radius:var(--radius);padding:16px;font-size:16px}.header__nav-link.is-active:after{width:3px;height:24px;inset:50% auto auto 16px;transform:translateY(-50%)}.header__nav-theme{border-top:1px solid var(--border);align-items:center;gap:12px;margin-top:auto;padding:16px;display:flex}.header__nav-theme-label{color:var(--text-secondary);font-size:15px;font-weight:500}}body:has(.header__nav.is-open){overflow:hidden}@media (max-width:768px){body:has(.header__nav.is-open){overflow:hidden}}@media (prefers-contrast:high){.header__nav-link{border:1px solid #0000}.header__nav-link:hover,.header__nav-link.is-active{border-color:currentColor}}