body{align-items:center;justify-content:center}
form.login{margin:auto;width:min(340px,92vw);padding:26px 24px;
  border:1px solid var(--line);border-radius:10px;background:var(--panel)}
form.login h1{font-size:17px;margin:0 0 4px}
form.login p.sub{color:var(--dim);font-size:12px;margin:0 0 18px}
form.login label{display:block;font-size:11px;color:var(--dim);margin:0 0 12px}
form.login input{width:100%;margin-top:3px;padding:8px 10px}
form.login button{width:100%;margin-top:6px}
form.login .err{color:var(--hot);font-size:12px;margin:0 0 12px}
@media (max-width: 700px){
  /* A thumb-sized target, and 16px inputs - anything smaller makes iOS zoom
     the page on focus and leave it zoomed. */
  form.login{width:100%;border:none;border-radius:0;padding:22px 18px}
  form.login input{font-size:16px;padding:11px 12px}
  form.login button{min-height:46px}
}