.backup-codes{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--bg-3);padding:14px}.backup-codes-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.backup-codes-title{font-size:var(--text-base);font-weight:var(--font-bold);margin:0}.backup-codes-sub{font-size:var(--text-sm);color:var(--ink-3);margin:2px 0 0}.backup-codes-actions{gap:6px;display:flex}.backup-codes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:0;padding:0;list-style:none;display:grid}.backup-codes-code{font-family:var(--mono);font-size:var(--text-md);letter-spacing:.04em;color:var(--ink)}.otp-input{gap:8px;display:flex}.otp-input-digit{text-align:center;height:48px;font-family:var(--mono);color:var(--ink);border:1px solid var(--rule-2,var(--rule));background:var(--panel);border-radius:8px;flex:1;min-width:0;padding:0;font-size:20px;font-weight:500;transition:all .15s}.otp-input-digit:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash,oklch(96% .02 25));outline:none}.otp-input-digit-filled{border-color:var(--ink-3);background:var(--bg)}