/* ===== Floating tab bar (phones) ===== */
@media(max-width:699px){
  #nv.tb{--i:0;--acc-b:var(--acc,#8f82ec);position:absolute;left:28px;right:28px;bottom:max(8px, calc(var(--sab) - 14px));z-index:30;display:flex;height:62px;padding:0 8px;border-radius:31px;
    background:rgba(20,20,28,.82)!important;-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);
    border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 18px 40px -14px rgba(0,0,0,.85),0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.06);isolation:isolate}
  /* the accent bubble slides to the active tab */
  #nv.tb:after{content:"";position:absolute;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;left:calc(8px + (var(--i) + .5) * (100% - 16px) / 4);border-radius:50%;
    background:var(--acc-b);box-shadow:0 6px 18px -4px color-mix(in srgb,var(--acc-b) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.25);transition:left .42s cubic-bezier(.3,1.25,.4,1);pointer-events:none;z-index:0}
  #nv.tb button{position:relative;z-index:2;-webkit-transform:translateZ(0);transform:translateZ(0);flex:1;justify-content:center;gap:0;padding:0;border-radius:50%;color:rgba(245,245,247,.55);transition:color .2s}
  #nv.tb button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  #nv.tb button.on, html.th #nv.tb button.on{color:var(--on-acc,#fff)!important}
  #nv.tb svg{width:24px;height:24px;stroke-width:1.9}
  #nv.tb button:active svg{transform:scale(.86)}
  html[data-theme]:not([data-theme=midnight]) #nv.tb{background:color-mix(in srgb,var(--bg) 70%,rgba(30,30,40,.7))!important}
  #hm .body{padding-bottom:calc(110px + var(--sab))}
  .ffab{bottom:calc(max(8px, calc(var(--sab) - 14px)) + 80px)}
  /* content stops above the floating bar: nothing scrolls under or below it */
  #hm .body{margin-bottom:calc(max(8px, calc(var(--sab) - 14px)) + 72px);padding-bottom:20px!important;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 28px),transparent)}
}