/* Mobile login and installed-PWA safe areas. */
@media(max-width:768px){
 .login{width:100%;min-width:0;min-height:100svh;min-height:100dvh;padding: max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow-y:auto;max-height:100dvh;-webkit-text-size-adjust:100%}
 .login__card{flex-shrink:0;width:100%;max-width:380px;padding:28px 24px}
 .login__field input{font-size:16px!important;min-width:0;min-height:46px}
 .login__btn{min-height:46px;font-size:16px}
}
@media(max-height:500px) and (max-width:768px){.login{align-items:flex-start}.login__card{margin-block:8px}}
@media(pointer:coarse){.login__field input{font-size:16px!important}}
@media(pointer:coarse) and (max-height:500px){.login{align-items:flex-start;min-height:100dvh;max-height:100dvh;overflow-y:auto}.login__card{margin-block:8px}}