:root{--tg-top:0px;--tg-bottom:0px}

html,body{
  touch-action:pan-x pan-y;
  -ms-touch-action:pan-x pan-y;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
html{overflow-x:hidden}

/* Telegram's own chrome sits above the document in fullscreen, so the page pays
   for it with padding instead of shrinking the viewport. */
html.tg-app,html.tg-app body{overscroll-behavior:none}
html.tg-app body{padding-top:var(--tg-top)}
html.tg-app .launch-screen{padding-top:var(--tg-top)}
html.tg-app header{position:relative;top:auto;z-index:8}

@media(max-width:700px){
 html.tg-app body,
 html.tg-app .launch-screen{
  padding-top:max(var(--tg-top),calc(env(safe-area-inset-top,0px) + 64px));
 }
 html.tg-app nav{
  height:calc(100px + max(env(safe-area-inset-bottom),var(--tg-bottom)))!important;
  padding-bottom:calc(15px + max(env(safe-area-inset-bottom),var(--tg-bottom)))!important;
 }
 html.tg-app footer{padding-bottom:calc(125px + var(--tg-bottom))}
 html.tg-app #toast{bottom:calc(115px + var(--tg-bottom))}
 html.tg-app #rocketCash:not([hidden]),
 html.tg-app body:has(.mine-v3-field.active) #cashout:not([hidden]){
  bottom:calc(104px + max(env(safe-area-inset-bottom),var(--tg-bottom)))!important;
 }
}