.dock{--dock-ink:#1d1c19;z-index:60;-webkit-backdrop-filter:blur(16px)saturate(190%)brightness(1.04);backdrop-filter:blur(16px)saturate(190%)brightness(1.04);color:var(--dock-ink);touch-action:pan-y;font-family:var(--font-inter), system-ui, sans-serif;background:linear-gradient(#ffffff4d,#ffffff1f);border-radius:28px;align-items:flex-end;gap:12px;padding:12px 16px;display:inline-flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #ffffff47,inset 0 0 0 1px #ffffff52,0 1px 2px #1010140f,0 14px 40px -14px #10101447}.dock-slot{display:flex}.dock-slot[data-split]{border-left:1px solid #1d1c191f;margin-left:0;padding-left:12px}.dock-item{width:44px;height:44px;color:var(--dock-ink);opacity:.5;place-items:center;text-decoration:none;transition:opacity .22s;display:grid;position:relative}.dock-item[data-near="1"]{opacity:.72}.dock-item[data-near="0"],.dock-item[data-active]{opacity:1}.dock-glyph{transform-origin:bottom;place-items:center;transition:transform .42s cubic-bezier(.24,1.34,.38,1);display:grid}.dock-dot{background:var(--dock-ink);opacity:0;border-radius:50%;width:3px;height:3px;margin-left:-1.5px;transition:opacity .22s,transform .42s cubic-bezier(.24,1.34,.38,1);position:absolute;bottom:3px;left:50%;transform:scale(.4)}.dock-dot[data-on]{opacity:.7;transform:scale(1)}.dock-tip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#1d1c19e0;border-radius:999px;height:32px;padding:0 14px;font-size:12px;line-height:32px;transition:opacity .16s cubic-bezier(.22,1,.36,1),transform .16s cubic-bezier(.22,1,.36,1);position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%,4px)}.dock-item[data-near="0"] .dock-tip,.dock-item:focus-visible .dock-tip{opacity:1;transform:translate(-50%)}.dock-item:focus-visible{outline:1.5px solid var(--dock-ink);outline-offset:3px;opacity:1;border-radius:10px}.dock{transition:background .3s,box-shadow .3s,color .3s}.dock[data-tone=dark]{--dock-ink:#f4f3f0;background:linear-gradient(#ffffff24,#ffffff0f);box-shadow:inset 0 1px #ffffff52,inset 0 0 0 1px #ffffff1f,0 14px 40px -14px #0009}.dock[data-tone=dark] .dock-slot[data-split]{border-left-color:#ffffff2e}.dock[data-tone=dark] .dock-tip{color:#151514;background:#f4f3f0eb}@media (prefers-reduced-motion:reduce){.dock-glyph,.dock-dot,.dock-tip{transition:none}}html:has(.dock){scroll-padding-top:32px;scroll-padding-bottom:104px}@media (max-width:480px){.dock{border-radius:24px;gap:2px;padding:8px 10px;bottom:16px}.dock-slot[data-split]{padding-left:4px}}