.auth-step[hidden],.auth-links[hidden]{display:none}
.auth-links .auth-back{color:var(--accent2);font-weight:600;padding:0}
.auth-links .auth-back:hover{color:var(--text)}
.field.has-code input{padding:0 60px 0 calc(60px + .5em);text-align:center;font-family:var(--font-mono);font-size:24px;font-weight:500;letter-spacing:.5em;font-feature-settings:"zero" 1;caret-color:var(--accent)}
.field.has-code input::placeholder{color:var(--line-2);font-weight:500;letter-spacing:.5em}
.field.has-code.is-backup input{padding-left:calc(60px + .22em);font-size:18px;letter-spacing:.22em;text-transform:uppercase}
.field.has-code.is-backup input::placeholder{letter-spacing:.22em}
.field-group.is-wrong{animation:code-shake .3s ease-out}
@keyframes code-shake{20%{transform:translateX(-6px)}45%{transform:translateX(5px)}70%{transform:translateX(-3px)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.field-group.is-wrong{animation:none}}
@media (max-width:500px){
  .field.has-code input{font-size:21px;letter-spacing:.4em}
  .field.has-code.is-backup input{font-size:16px;letter-spacing:.16em}
}