/* No changes in mobile browser tabs or on desktop. The variables also allow
   safe-area regression tests without a physical iPhone. */
@media(max-width:980px){
 html.app-pack-screen,html.app-pack-screen body{overflow:hidden;overscroll-behavior:none;}
 html.app-pack-screen body{position:fixed;inset:0;width:100%;height:100dvh;}
 html.app-pack-screen body .app-frame{height:100%;overflow:hidden;touch-action:none;}
 html.app-pack-screen body #profile.pack-screen{min-height:0;padding-bottom:0;transform-origin:top center;}
 html.home-screen-app{
  --app-safe-top:env(safe-area-inset-top,0px);
  --app-safe-bottom:env(safe-area-inset-bottom,0px);
 }
 html.home-screen-app body .sidebar,
 html.home-screen-app body.pack-home .sidebar{
  position:fixed;
  inset:0 0 auto;
  z-index:36;
  padding-top:calc(10px + var(--app-safe-top));
 }
 html.home-screen-app body .app-frame{
  box-sizing:border-box;
  padding-top:var(--app-header-height,calc(59px + var(--app-safe-top)));
 }
 html.home-screen-app .mobile-nav{
  padding-bottom:max(8px,var(--app-safe-bottom));
 }
 html.home-screen-app body .app-shell,
 html.home-screen-app body.pack-home .app-shell{
  padding-bottom:calc(90px + var(--app-safe-bottom));
 }
}