#nav-dock-root{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;justify-content:center;padding:0 16px calc(16px + env(safe-area-inset-bottom,0));pointer-events:none}.nav-dock{--font-sans:var(--sans);--font-mono:var(--sans);--ink-2:var(--say);--hairline:rgba(20, 17, 14, 0.12);--pink:rgba(20, 17, 14, 0.07);--ease-out:var(--ease);--ease-bloom:var(--ease);--tracking:-0.01em;pointer-events:auto;position:relative;display:inline-flex;align-items:center;gap:4px;padding:6px;border-radius:999px;background:rgba(241,233,224,.72);-webkit-backdrop-filter:blur(16px) saturate(1.7);backdrop-filter:blur(16px) saturate(1.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 1px var(--hairline),0 10px 28px -8px rgba(45,36,20,.24),0 2px 6px rgba(45,36,20,.1);animation:dock-in .5s var(--ease-bloom) both}@media (prefers-reduced-motion:reduce){.dock-img.bounce{animation:none}}@media (prefers-reduced-motion:reduce){.nav-dock{animation:none}}.dock-item{position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:999px;background:0 0;color:var(--ink-2);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color .16s var(--ease-out),transform .12s ease,background-color .16s var(--ease-out)}@media (hover:hover) and (pointer:fine){.dock-item:hover{color:var(--ink);background:rgba(55,45,25,.05)}}.dock-item:active{transform:scale(.9)}.dock-item[aria-current=page]{color:var(--ink)}.dock-item:focus-visible{outline:0;box-shadow:0 0 0 2px rgba(247,245,239,.95),0 0 0 4px #2d241466}.dock-mark{width:23px;height:23px;border-radius:6px;display:block}.dock-glyph{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dock-divider{flex:none;width:1px;height:22px;margin:0 3px;background:var(--hairline)}.dock-indicator{position:absolute;z-index:0;left:0;top:0;width:40px;height:40px;border-radius:999px;background:color-mix(in srgb,var(--pink) 15%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pink) 30%,transparent);opacity:0;transform:scale(.82);pointer-events:none;transition:opacity .45s var(--ease-out),transform .45s var(--ease-bloom)}.dock-indicator.ready{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.dock-indicator{transition:none}}.dock-tip{position:absolute;bottom:calc(100% + 11px);left:50%;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:5px 8px;border-radius:7px;background:#26231f;color:#fff;font:500 11px/1 var(--font-sans);letter-spacing:var(--tracking);box-shadow:0 5px 16px -5px rgba(0,0,0,.55);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(4px);transition:opacity .16s var(--ease-out),transform .16s var(--ease-out),visibility .16s}.dock-tip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:#26231f}.dock-tip kbd{font:500 9.5px/1 var(--font-mono);color:#fff;background:rgba(255,255,255,.16);box-shadow:none;border-radius:4px;padding:2px 4px 3px;vertical-align:0}.dock-item:focus-visible .dock-tip,.dock-item:hover .dock-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}@media (prefers-reduced-motion:reduce){.dock-tip{transition:opacity .12s ease,visibility .12s;transform:translateX(-50%)}.dock-item:focus-visible .dock-tip,.dock-item:hover .dock-tip{transform:translateX(-50%)}}.foot{padding-bottom:96px}