.mobile-dock{display:none}
@media(max-width:760px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}
  .mobile-dock{position:fixed;z-index:850;right:10px;bottom:10px;left:10px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:7px 6px calc(7px + env(safe-area-inset-bottom,0px));border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(13,7,17,.92);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 18px 55px rgba(0,0,0,.58)}
  .mobile-dock a{position:relative;display:flex;min-width:0;min-height:58px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:14px;color:#a99dac;font-size:.61rem;font-weight:600;line-height:1.05;text-align:center;transition:background .2s,color .2s,transform .2s;-webkit-tap-highlight-color:transparent}
  .mobile-dock a:active{transform:scale(.96)}
  .mobile-dock a[aria-current="page"]{background:linear-gradient(145deg,rgba(240,108,178,.2),rgba(153,110,255,.14));color:#fff}
  .mobile-dock a[aria-current="page"]:after{content:"";position:absolute;top:3px;width:18px;height:2px;border-radius:99px;background:#ff8bc8;box-shadow:0 0 11px rgba(240,108,178,.9)}
  .mobile-dock-icon{display:grid;place-items:center;width:25px;height:25px;color:#d8cbdc;font-size:1.15rem;line-height:1}
  .mobile-dock a[aria-current="page"] .mobile-dock-icon{color:#ff91ca}
}
@media(max-width:370px){.mobile-dock{right:6px;bottom:6px;left:6px}.mobile-dock a{font-size:.56rem}.mobile-dock-icon{font-size:1.02rem}}
@media(prefers-reduced-motion:reduce){.mobile-dock a{transition:none}}