.login-page{display:grid;min-height:100dvh;place-items:center;margin:0;padding:24px;box-sizing:border-box;overflow-x:clip}.login-card{width:min(100%,420px);min-width:0;margin:0;padding:32px;box-sizing:border-box}.login-brand{font-size:12px;letter-spacing:.12em;color:var(--muted)}.login-card h1{font-size:24px;margin:16px 0 12px}.login-description{color:var(--muted);line-height:1.6}.login-card form{display:grid;gap:12px;margin-top:24px}.login-card label{font-size:14px;font-weight:600}.login-card input{width:100%;min-width:0;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:16px}.login-card input:focus-visible{outline:2px solid var(--green);outline-offset:2px}.login-card button{min-height:44px}.login-card #login-error{min-height:20px;margin:0;color:#b42318;font-size:13px;overflow-wrap:anywhere}[data-theme="dark"] .login-card #login-error{color:#ffb4ab}
@media(max-width:760px),(max-width:960px) and (max-height:500px){
  .login-page{display:block;padding:0}
  .login-card{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:none;min-height:100dvh;border:0;border-radius:0;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
  .login-card>*{width:100%;max-width:420px;margin-inline:auto}
  .login-card h1{margin-inline:auto}
  .login-card #theme-choice{width:auto;align-self:flex-end;margin-inline:0;font-size:16px;max-width:116px}
}