.dock{position:fixed;z-index:8;left:max(10px,env(safe-area-inset-left,0px));bottom:calc(84px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px;transition:opacity .3s ease,transform .3s ease,visibility 0s}.dock--hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-16px);transition:opacity .3s ease,transform .3s ease,visibility 0s .3s}.dock__btn{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:var(--ink, #fff);text-decoration:none;border:1px solid rgba(255,255,255,.28);background:linear-gradient(155deg,#ffffff2e,#ffffff0f);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);box-shadow:inset 0 1px #ffffff38,0 10px 24px -10px #050a1cb3;transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s,background .25s}.dock__btn:hover,.dock__btn:focus-visible{transform:translate(3px) scale(1.06);border-color:#ffffff80;background:linear-gradient(155deg,#ffffff42,#ffffff1a)}.dock__btn:focus-visible{outline:2px solid rgba(160,195,255,.9);outline-offset:3px}.dock--top{display:none}@media(max-width:760px){.dock:not(.dock--top){display:none}.dock--top{position:static;display:flex;flex-direction:row;align-items:center;gap:8px;transition:none}.dock--top .dock__btn{width:38px;height:38px}.dock--top .dock__btn svg{width:20px;height:20px}.dock--top .dock__btn:hover,.dock--top .dock__btn:focus-visible{transform:scale(1.06)}}@media(max-width:400px){.dock--top{gap:6px}.dock--top .dock__btn{width:34px;height:34px}.dock--top .dock__btn svg{width:18px;height:18px}}@media print{.dock{display:none}}