.auth-code-step { align-items: start; gap: 24px; }
.auth-code-step h1 { font: 750 28px/1.3 var(--font-body); margin: 0 0 12px; text-wrap: balance; }
.auth-code-step .auth-copy p { max-width: 46ch; margin: 0; line-height: 1.6; }
.auth-code-email { overflow-wrap: anywhere; }
.auth-code-step .auth-panel { min-width: 0; padding: 24px; border: 1px solid var(--line); box-shadow: none; }
.auth-code-step .stack-form > label { margin: 0; }
.auth-code-step .code-input { width: 100%; min-width: 0; font: 650 24px/1.5 var(--font-body); font-variant-numeric: tabular-nums; letter-spacing: .18em; text-align: center; caret-color: var(--purple); }
.auth-code-step .code-input[aria-invalid="true"] { border-color: var(--danger); }
.auth-code-status { margin: 0; font-size: 14px; line-height: 1.6; color: var(--muted); }
.auth-code-status.is-error { color: var(--danger); }
.auth-code-step .compact-form { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line); }
.auth-code-step [data-auth-code-wait] { margin: 0; color: var(--muted); font-size: 13px; font-weight: 400; line-height: 1.5; }
.auth-code-help { margin: 0; color: var(--muted); font-size: 13px; font-weight: 400; line-height: 1.5; }
.auth-code-step button { min-height: 44px; white-space: normal; }
.auth-registration-options { margin: 0; }
.auth-registration-options > summary { padding-block: 12px; min-height: 44px; color: var(--muted); cursor: pointer; font-size: 14px; line-height: 1.5; }
.auth-registration-options > label { display: grid; gap: 8px; margin-top: 12px; }
@media (max-width: 640px) {
  .auth-code-step h1 { font-size: 24px; }
  .auth-code-step .auth-panel { width: 100%; padding: 16px; }
}