.two-factor-setup{flex-direction:column;gap:16px;display:flex}.two-factor-qr-code{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;align-self:flex-start;padding:12px;line-height:0}.two-factor-key{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.04em;word-break:break-all;-webkit-user-select:all;user-select:all;font-size:15px}.two-factor-codes{border:1px dashed var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono,ui-monospace, monospace);-webkit-user-select:all;user-select:all;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;padding:12px;font-size:14px;display:grid}.two-factor-code-input{max-width:220px;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.15em}.two-factor-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.two-factor-step{border-top:3px solid var(--color-border);color:var(--color-text-muted);transition:border-color var(--transition-fast), color var(--transition-fast);flex-direction:column;gap:6px;padding-top:8px;font-size:11px;font-weight:500;display:flex}.two-factor-step[data-state=done]{border-top-color:var(--color-success);color:var(--color-text-secondary)}.two-factor-step[data-state=current]{border-top-color:var(--color-primary);color:var(--color-text);font-weight:600}.two-factor-step-dot{background:var(--color-surface-subtle,var(--color-border));border-radius:999px;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.two-factor-step[data-state=done] .two-factor-step-dot{background:var(--color-success-soft);color:var(--color-success)}.two-factor-step[data-state=current] .two-factor-step-dot{background:var(--color-primary);color:#fff}.two-factor-callout{border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-text);margin-bottom:6px;padding:12px 14px;font-size:13px;line-height:1.55;animation:.22s ease-out two-factor-callout-in;position:relative}.two-factor-callout:before,.two-factor-callout:after{content:"";border:9px solid #0000;border-bottom:0;position:absolute;left:28px}.two-factor-callout:before{border-top-color:var(--color-primary);bottom:-10px}.two-factor-callout:after{border-top-color:var(--color-primary-soft);bottom:-8px}.two-factor-callout-title{flex-direction:column;gap:4px;margin-bottom:6px;display:flex}.two-factor-callout-badge{background:var(--color-primary);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:1px 8px;font-size:10px;font-weight:600}.two-factor-callout-body{color:var(--color-text-secondary);flex-direction:column;gap:6px;display:flex}.two-factor-callout-body strong{color:var(--color-text)}.two-factor-callout-list{flex-direction:column;gap:3px;margin:0;padding-left:18px;list-style:decimal;display:flex}ul.two-factor-callout-list{list-style:outside}.two-factor-key-box{border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.two-factor-link{color:var(--color-primary);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:12px;font-weight:500}.two-factor-link:hover{text-decoration:underline}.two-factor-confirm-field{width:100%}.two-factor-confirm{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;transition:background-color .15s,border-color .15s;display:flex}.two-factor-confirm:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.two-factor-confirm:has(input:checked){background:var(--color-primary-soft);border-color:var(--color-primary)}.two-factor-confirm:has(input:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.two-factor-confirm-box{flex-shrink:0;width:22px;height:22px}.two-factor-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.two-factor-done{border-radius:var(--radius-md);background:var(--color-success-soft);color:var(--color-text);align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;display:flex}.two-factor-done>svg{color:var(--color-success);flex:none;margin-top:2px}@keyframes two-factor-callout-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.two-factor-callout{animation:none}}.two-factor-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.settings-table{border-collapse:collapse;width:100%;min-width:36rem;font-size:14px}.settings-table th,.settings-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:8px 10px}.settings-table th{color:var(--color-text-muted);white-space:nowrap;font-weight:500}.settings-table code{color:var(--color-text-muted);white-space:nowrap;font-size:12px}@media (width<=1023.98px),(orientation:portrait) and (width<=1366px){.settings-table.table-cards code{white-space:normal;overflow-wrap:anywhere}}.settings-table-scroll{padding:var(--space-3);overflow-x:auto}.security-body{gap:var(--space-4);padding:var(--space-3);flex-direction:column;display:flex}.otp{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.otp-cells{grid-template-columns:repeat(var(--otp-length,6), minmax(0, 46px));gap:8px;display:grid;position:relative}.otp-input{z-index:1;opacity:0;color:#0000;caret-color:#0000;letter-spacing:46px;cursor:text;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.otp-cell{border:1.5px solid var(--color-text-disabled);background:var(--color-bg);height:54px;color:var(--color-text);font-family:var(--font-mono,ui-monospace, monospace);border-radius:10px;place-items:center;font-size:24px;font-weight:600;transition:border-color .14s,box-shadow .14s,background-color .14s;display:grid;position:relative;box-shadow:inset 0 1px 2px #17202a0f}.otp-cell[data-active]{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);background:var(--color-surface)}.otp-cell[data-filled]{border-color:var(--color-primary);background:var(--color-surface);animation:.18s cubic-bezier(.34,1.56,.64,1) otp-pop}.otp-cells[data-pasted] .otp-cell[data-filled]{animation:.32s cubic-bezier(.34,1.56,.64,1) both otp-drop;animation-delay:calc(var(--i) * 45ms)}.otp-cells[data-invalid] .otp-cell{border-color:var(--color-danger);background:var(--color-danger-soft)}.otp-cells[data-invalid]{animation:.36s otp-shake}.otp-cells[data-disabled] .otp-cell{opacity:.6}.otp-caret{background:var(--color-primary);border-radius:1px;width:2px;height:26px;animation:1s step-end infinite otp-blink}.otp-paste{color:var(--color-primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:500;display:inline-flex}.otp-paste:hover:not(:disabled){text-decoration:underline}.otp-paste:disabled{opacity:.5;cursor:not-allowed}@keyframes otp-pop{0%{transform:scale(.88)}to{transform:none}}@keyframes otp-drop{0%{opacity:0;transform:translateY(-10px)scale(.9)}to{opacity:1;transform:none}}@keyframes otp-shake{0%,to{transform:none}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes otp-blink{50%{opacity:0}}@media (width<=400px){.otp-cells{grid-template-columns:repeat(var(--otp-length,6), minmax(0, 40px));gap:6px}.otp-cell{height:48px;font-size:20px}}@media (prefers-reduced-motion:reduce){.otp-cell[data-filled],.otp-cells[data-pasted] .otp-cell[data-filled],.otp-cells[data-invalid],.otp-caret{animation:none}}.two-factor-methods{gap:10px;display:grid}.two-factor-method{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;align-items:flex-start;gap:12px;padding:14px;transition:border-color .14s,box-shadow .14s,transform .12s;display:flex}.two-factor-method:hover{border-color:var(--color-primary)}.two-factor-method:active{transform:scale(.99)}.two-factor-method:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.two-factor-method-icon{border-radius:var(--radius-md);background:var(--color-primary-soft);width:36px;height:36px;color:var(--color-primary);flex:0 0 36px;place-items:center;display:grid}.two-factor-method strong{align-items:center;gap:8px;font-size:14px;display:flex}.two-factor-method small{color:var(--color-text-secondary);margin-top:3px;font-size:12px;line-height:1.5;display:block}.two-factor-method-tag{background:var(--color-success-soft);color:var(--color-success);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600}.two-factor-resend{color:var(--color-text-muted);font-size:12px}.trust-device{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle,var(--color-surface));flex-direction:column;gap:4px;padding:10px 12px;display:flex}.trust-device-hint{color:var(--color-text-muted);padding-left:28px;font-size:11px;line-height:1.5}.trusted-devices{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.trusted-device{align-items:center;gap:12px;padding:10px 12px;transition:opacity .2s,transform .2s;display:flex}.trusted-device+.trusted-device{border-top:1px solid var(--color-border)}.trusted-device[data-leaving]{opacity:0;transform:translate(12px)}.trusted-device-icon{border-radius:var(--radius-md);background:var(--color-primary-soft);width:32px;height:32px;color:var(--color-primary);flex:0 0 32px;place-items:center;display:grid}.trusted-device-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.trusted-device-text strong{align-items:center;gap:8px;font-size:13px;display:flex}.trusted-device-text small{color:var(--color-text-muted);font-size:11px}.trusted-device-current{background:var(--color-success-soft);color:var(--color-success);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600}.phone-approval{flex-direction:column;align-items:center;gap:14px;padding:18px 0 6px;display:flex}.phone-approval-device{background:var(--color-primary-soft);width:76px;height:76px;color:var(--color-primary);border-radius:999px;place-items:center;display:grid;position:relative}.phone-approval-ring{border:2px solid var(--color-primary);opacity:0;border-radius:999px;animation:2.4s ease-out infinite phone-approval-ring;position:absolute;inset:0}.phone-approval-ring--late{animation-delay:1.2s}.phone-approval-status{color:var(--color-text-secondary);font-size:13px;font-weight:500}@keyframes phone-approval-ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.phone-approval-ring{animation:none}}