.site-header{transition:transform .4s var(--ease)}.site-header[data-docked]{transform:translateY(-110%)}.site-header[data-docked]:has(:focus-visible){transform:none}@supports not selector(:has(a)){.site-header[data-docked]:focus-within{transform:none}}.nav-dock{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;z-index:var(--z-header);display:flex;align-items:center;gap:2px;padding:7px;border:1px solid hsla(0,0%,100%,.1);border-radius:24px;background:rgba(24,20,19,.84);backdrop-filter:blur(18px) saturate(1.6);box-shadow:0 22px 50px -24px rgba(0,0,0,.6);color:#fcf8f6;opacity:0;pointer-events:none;visibility:hidden;transform:translate(-50%,140%);transition:transform .45s var(--ease),opacity .3s,visibility 0s .45s}:root[data-theme=dark] .nav-dock{background:rgba(0,0,0,.84)}.nav-dock[data-shown]{opacity:1;pointer-events:auto;visibility:visible;transform:translate(-50%);transition:transform .45s var(--ease),opacity .3s,visibility 0s}.dock-item{display:grid;justify-items:center;gap:4px;min-width:70px;padding:9px 10px 8px;border-radius:17px;color:hsla(20,50%,98%,.66);font-size:11px;font-weight:600;transition:color .2s,background .2s}.dock-item:hover{color:#fff;background:hsla(0,0%,100%,.08)}.dock-item[aria-current]{color:#fff;background:var(--accent)}.dock-sep{width:1px;height:34px;margin:0 6px;background:hsla(0,0%,100%,.14)}.nav-dock .theme-toggle{width:44px;height:44px;color:hsla(20,50%,98%,.75)}.nav-dock .theme-toggle:hover{background:hsla(0,0%,100%,.1);color:#fff}@media (max-width:700px){.nav-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto auto;align-items:center;width:min(100vw - 16px,420px);padding:6px}.dock-item{min-width:0;padding:8px 0 7px;font-size:clamp(7.5px,2.2vw,9px);letter-spacing:-.01em;white-space:nowrap}.dock-sep{margin:0 2px}.nav-dock .theme-toggle{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.nav-dock,.site-header{transition:none}}