html{-webkit-text-size-adjust:100%;scroll-padding-top:20px}
body{min-height:100svh}
:focus-visible{outline:3px solid #d3ac25;outline-offset:3px}
.login{padding-top:max(30px,env(safe-area-inset-top));padding-bottom:max(30px,env(safe-area-inset-bottom))}
@media(max-width:760px){
 .topbar{padding-top:max(9px,env(safe-area-inset-top));padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right))}
 .bottom-nav{padding-bottom:max(10px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
 .content{margin-bottom:calc(110px + env(safe-area-inset-bottom))}
 .modal,.modal.wide{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
 .modal input,.modal select,.modal textarea,.email-login-form input{font-size:16px}
}
@media(pointer:coarse){button,.btn,.signin{min-height:44px}.iconbtn{min-width:44px}.top-navigation button{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}