.auth-mfa-setup{justify-items:start;width:100%;min-width:0;display:grid}.auth-page__container .auth-mfa-setup .auth-card__form-slot{min-height:0}.auth-otp{grid-template-columns:repeat(6,44px);justify-content:center;align-items:center;gap:8px;width:100%;margin:16px 0;display:grid}.auth-otp__slot{justify-content:center;display:flex}.auth-otp__label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}.auth-otp__digit{border:1px solid var(--auth-line,#ffffff26);border-radius:var(--auth-radius,9px);width:44px;height:44px;color:var(--text);caret-color:var(--accent);background:var(--surface);font:inherit;font-variant-numeric:tabular-nums;text-align:center;padding:0;font-size:1.15rem;font-weight:650;transition:border-color .14s,background-color .14s}.auth-otp__digit:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 65%, transparent);outline-offset:1px;border-color:var(--accent)}.auth-otp__digit[aria-invalid=true]{border-color:var(--danger,#f27991);background:color-mix(in srgb, var(--danger,#f27991) 9%, var(--surface))}.auth-otp__digit:disabled{opacity:.5;cursor:not-allowed}.auth-mfa-setup__qr-wrapper{border:1px solid var(--auth-line,#ffffff21);background:#fff;border-radius:12px;justify-content:center;align-items:center;width:fit-content;margin:12px auto;padding:12px;display:flex}.auth-mfa-setup__qr{border-radius:4px;width:160px;height:160px;display:block}.auth-mfa-setup__secret{text-align:center;gap:6px;width:100%;min-width:0;display:grid}.auth-mfa-setup__secret-key{border:1px dashed var(--auth-line,#ffffff2e);border-radius:var(--auth-radius,9px);color:var(--text);background:var(--surface);letter-spacing:.08em;word-break:break-all;-webkit-user-select:all;user-select:all;text-align:center;padding:8px 12px;font-family:ui-monospace,Fira Code,monospace;font-size:.82rem;display:block}.auth-mfa-setup__backup-codes{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;min-width:0;margin:12px 0;padding:0;list-style:none;display:grid}.auth-mfa-setup__backup-code{border:1px solid var(--auth-line,#ffffff21);border-radius:var(--auth-radius,9px);background:var(--surface);text-align:center;padding:8px 12px}.auth-mfa-setup__backup-code code{color:var(--text);letter-spacing:.1em;-webkit-user-select:all;user-select:all;font-family:ui-monospace,Fira Code,monospace;font-size:.84rem}.auth-mfa-setup__backup-actions{flex-wrap:wrap;align-items:center;gap:16px;width:100%;margin-bottom:8px;display:flex}.auth-mfa-setup__copy-button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-self:start;align-items:center;gap:6px;padding:0;font-size:.82rem;font-weight:650;transition:color .14s;display:inline-flex}.auth-two-factor__secondary-button{width:100%;min-height:var(--auth-h-submit,44px);border:1px solid var(--auth-line,#ffffff26);border-radius:var(--auth-radius,9px);color:var(--text);background:var(--surface);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:0 13px;font-size:clamp(.84rem,1.1vw,.95rem);font-weight:600;transition:border-color .14s,background-color .14s,color .14s;display:flex}.auth-two-factor__secondary-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 50%, var(--auth-line,#ffffff26));background:color-mix(in srgb, var(--accent) 6%, var(--surface));color:var(--accent)}.auth-two-factor__secondary-button:disabled{opacity:.6;cursor:not-allowed}.auth-two-factor__secondary-button>svg{flex:none}.auth-mfa-setup__pending{border:1px solid var(--auth-line,#ffffff21);border-radius:var(--auth-radius,9px);background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;padding:24px;display:flex}.auth-mfa-setup__inline-panel{border:1px solid var(--auth-line,#ffffff21);border-radius:var(--auth-radius,9px);background:var(--surface);gap:14px;padding:16px;display:grid}.auth-mfa-setup__inline-hint{color:var(--muted);margin:0;font-size:.82rem;line-height:1.5}.auth-mfa-setup__inline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.auth-mfa-setup__loading{color:var(--muted);text-align:center;margin:0;padding:16px 0;font-size:.84rem}.auth-mfa-setup__verify-form{gap:14px;width:100%;display:grid}.auth-mfa-setup__success-note{color:var(--success,#22c55e);margin:0;padding:6px 14px;font-size:.82rem;font-weight:600}.auth-mfa-setup__overlay{z-index:1100;box-sizing:border-box;width:100vw;min-height:100vh;background:color-mix(in srgb, var(--canvas) 75%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex;position:fixed;inset:0}.auth-mfa-setup__modal{box-sizing:border-box;border:1px solid var(--auth-line,#ffffff21);background:var(--main-surface,var(--surface));width:min(440px,100%);max-height:min(640px,100dvh - 48px);box-shadow:0 24px 60px color-mix(in srgb, var(--card-shadow) 32%, transparent);border-radius:15px;gap:16px;margin:0;padding:24px;display:grid;overflow:auto}.auth-mfa-setup__modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-mfa-setup__modal-header h3{letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:700}.auth-mfa-setup__modal-close{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:6px;transition:color .14s;display:flex}.auth-mfa-setup__modal-close:hover{color:var(--text)}.auth-mfa-setup__modal-body{color:var(--muted);margin:0;font-size:.86rem;line-height:1.5}.auth-mfa-setup__modal-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}
