:root{--mf-visual-height:100dvh}
.mf-app,.mf-shell{height:var(--mf-visual-height,100dvh);min-height:var(--mf-visual-height,100dvh)}
.mf-phone{padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 32px);scroll-padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 32px)}
.mf-bottom-nav{bottom:0;height:calc(var(--nav-height) + var(--safe-bottom));padding:8px 8px calc(8px + var(--safe-bottom));box-sizing:border-box}
@media (display-mode:standalone){
  html.mf-unified-front,html.mf-unified-front body{height:100%;min-height:100%;overflow:hidden;overscroll-behavior:none}
  html.mf-unified-front body{position:fixed;inset:0;width:100%}
  #app,.mf-app,.mf-shell{height:100%;min-height:0;max-height:100%;overflow:hidden}
  .mf-phone{height:100%;overscroll-behavior-y:contain;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 24px);scroll-padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 24px)}
}