/* Keep the dock at the viewport edge; Android browsers already reserve system navigation space. */
@media(max-width:735px){
 :root{--mc-dock-safe-bottom:env(safe-area-inset-bottom,0px)}
 html[data-mc-platform="android"]{--mc-dock-safe-bottom:min(env(safe-area-inset-bottom,0px),8px)}
 body #bottom-nav{bottom:0;left:0;right:0;margin:0;height:calc(64px + var(--mc-dock-safe-bottom));padding:3px 6px calc(3px + var(--mc-dock-safe-bottom));align-items:stretch}
 body #bottom-nav .bottom-item{min-height:54px!important;padding:2px 2px;gap:3px!important;justify-content:center;border-radius:11px}
 body #bottom-nav .mc-dock-glyph{width:30px;height:30px}
 body #bottom-nav .is-feed .mc-dock-glyph{width:44px;height:44px;margin-top:-12px;border-radius:15px}
 body #bottom-nav .is-feed .mc-dock-icon{width:26px;height:26px}
 body .shell{padding-bottom:calc(84px + var(--mc-dock-safe-bottom))!important}
 body .app-brand-footer{margin-bottom:calc(72px + var(--mc-dock-safe-bottom))!important}
 body .toast{bottom:calc(80px + var(--mc-dock-safe-bottom))}
 body .mc-back-top{bottom:calc(82px + var(--mc-dock-safe-bottom))}
}