/* Keep the approved 390px design proportions and fill the mobile width. */
html,body,button,a,#phone{touch-action:manipulation}
@media(max-width:599px){
 html,body{width:100%;height:100%;min-height:0;margin:0;padding:0;overflow:hidden;background:#ededed;overscroll-behavior:none}
 body{display:block;position:fixed;inset:0}
 #phone{max-width:none;max-height:none;border-radius:0;box-shadow:none;aspect-ratio:auto;position:relative;margin:0;transform:none;transform-origin:top left}
 #status{height:calc(64px + env(safe-area-inset-top,0px));padding-top:calc(22px + env(safe-area-inset-top,0px));padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
 #screen{padding-top:calc(64px + env(safe-area-inset-top,0px))}
 #home{bottom:calc(8px + env(safe-area-inset-bottom,0px))}
 .home-screen{padding-top:calc(65px + env(safe-area-inset-top,0px));padding-bottom:calc(21px + env(safe-area-inset-bottom,0px));background-size:cover}
 .home-screen{overflow-y:auto;-webkit-overflow-scrolling:touch}
 .widgets,.app-grid,.dock,.page-dots{flex-shrink:0}
 .tabbar{height:calc(84px + env(safe-area-inset-bottom,0px));padding-bottom:calc(25px + env(safe-area-inset-bottom,0px))}
 .chat-composer{height:calc(82px + env(safe-area-inset-bottom,0px));min-height:calc(82px + env(safe-area-inset-bottom,0px));padding-bottom:calc(34px + env(safe-area-inset-bottom,0px))}
 .view.weibo .wb-bottom{height:calc(82px + env(safe-area-inset-bottom,0px));padding-bottom:calc(29px + env(safe-area-inset-bottom,0px))}
 .calendar-footer,.photos-tabs,.photo-controls{padding-bottom:calc(25px + env(safe-area-inset-bottom,0px));height:calc(76px + env(safe-area-inset-bottom,0px));flex-shrink:0}
 .safari-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}
 .lock{padding-top:calc(65px + env(safe-area-inset-top,0px));padding-bottom:calc(25px + env(safe-area-inset-bottom,0px))}
 .passcode{padding-top:calc(80px + env(safe-area-inset-top,0px))}
}
.home-screen{scrollbar-width:none}.home-screen::-webkit-scrollbar{display:none}