.account-card{background:var(--c-surface);border:3px solid var(--c-bg-deep);border-radius:var(--radius-m);max-width:520px;box-shadow:var(--shadow-s);flex-direction:column;gap:14px;padding:20px 22px;display:flex}.account-card>*{margin:0}.account-flash{border-radius:var(--radius-s);background:var(--c-toast);max-width:520px;padding:10px 16px}.account-flash--error{background:var(--c-wrong-soft);border-left:6px solid var(--c-primary-dark)}.account-flash--success{background:var(--c-correct-soft)}.field{flex-direction:column;gap:4px;display:flex}.field__label{font-weight:700}.field__input{border:3px solid var(--c-bg-deep);border-radius:var(--radius-s);background:var(--c-surface);min-height:52px;color:var(--c-ink);font:400 1.2rem/1 var(--font);padding:0 14px}.field__input:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px;border-color:var(--c-focus)}.qr-code{border:3px solid var(--c-bg-deep);border-radius:var(--radius-s);width:240px;max-width:100%;height:240px;display:block}.secret-key{background:var(--c-hint);border-radius:var(--radius-s);word-break:break-all;-webkit-user-select:all;user-select:all;padding:8px 12px;font:700 1.1rem/1.4 ui-monospace,monospace}.command-line{background:var(--c-hint);border-radius:var(--radius-s);white-space:pre-wrap;word-break:break-all;-webkit-user-select:all;user-select:all;padding:8px 12px;font:400 1rem/1.5 ui-monospace,monospace}.backup-codes{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.backup-codes__item{background:var(--c-hint);border-radius:var(--radius-s);padding:8px 12px;font:700 1.1rem/1.4 ui-monospace,monospace}.twofactor-page{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:24px;display:flex}.twofactor-page form{flex-direction:column;gap:14px;display:flex}.checkbox-row{align-items:center;gap:10px;display:flex}.checkbox-row input{width:24px;height:24px}.account{-webkit-user-select:text;user-select:text;font-size:17px;line-height:1.5}.account h1{margin:0;font-size:1.9rem}.code-form{text-align:left;flex-direction:column;align-items:center;gap:12px;width:min(320px,100%);display:flex}.code-form .field{width:100%}.code-form .field__input{text-transform:uppercase;letter-spacing:.15em;text-align:center}
