.security-dialog{border:1px solid var(--line);background:var(--surface);width:min(520px,100vw - 28px);max-height:calc(100dvh - 40px);color:var(--text);box-shadow:var(--shadow);border-radius:20px;padding:28px;overflow:auto}.security-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07152199}.security-heading{align-items:flex-start;gap:12px;display:flex}.security-heading h2{letter-spacing:-.3px;margin:0 0 7px;font-size:19px;line-height:1.4}.security-mark{border:1px solid var(--line);background:var(--accent-soft);width:44px;height:44px;color:var(--accent-ink);border-radius:13px;flex:none;justify-content:center;align-items:center;display:flex}.security-dialog button.security-close{color:var(--muted);background:0 0;border-color:#0000;flex:none;min-width:30px;margin-left:auto;padding:5px}.security-status{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:inline-flex}.security-status.is-enabled{color:var(--accent-ink)}.security-intro{color:var(--muted);margin:20px 0 24px;font-size:12px;line-height:1.7}.security-dialog h3{color:var(--text);margin:20px 0 10px;font-size:14px}.security-help,.security-recovery>p{color:var(--muted);margin:12px 0 18px;font-size:12px;line-height:1.7}.security-dialog label{color:var(--muted);font-size:12px}.security-dialog input:not([type=checkbox]){background:var(--field);border-color:var(--line);color:var(--text);padding:11px 12px;font-size:13px}.security-dialog button{border-color:var(--line);background:var(--surface-raised);color:var(--text);min-height:38px;font-size:12px}.security-dialog button:hover{border-color:var(--accent);background:var(--accent-soft)}.security-dialog button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.security-dialog button.primary:hover{filter:brightness(.94)}.security-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.security-options{flex-direction:column;gap:10px;display:flex}.security-options button{justify-content:flex-start;padding:12px}.security-dialog button.security-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line));background:0 0}.security-dialog button.security-danger:hover{background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.security-alert,.security-notice{border-radius:9px;margin:14px 0;padding:11px 13px;font-size:12px;line-height:1.65}.security-alert{background:color-mix(in srgb,var(--danger) 9%,var(--surface));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 24%,var(--line))}.security-notice{background:var(--accent-soft);color:var(--accent-ink);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))}.security-steps{gap:12px;margin:0 0 18px;padding:0;list-style:none;display:grid}.security-steps li{color:var(--text);gap:10px;font-size:12px;line-height:1.7;display:flex}.security-steps svg{color:var(--accent-ink);flex:none;margin-top:3px}.security-key-card{border:1px solid var(--line);background:var(--field);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;display:flex}.security-key-card>span{color:var(--muted);font-size:10px}.security-email{overflow-wrap:anywhere;margin-bottom:8px;font-size:12px;font-weight:500}.security-secret{letter-spacing:1px;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;max-width:100%;color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.7}.security-copy{align-items:center;gap:7px;margin-top:7px;display:inline-flex}.security-code-input{letter-spacing:7px;text-align:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:22px!important}.security-codes{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;padding:0;list-style:none;display:grid}.security-codes li{background:var(--field);border:1px solid var(--line);text-align:center;border-radius:7px;padding:10px}.security-codes code{-webkit-user-select:all;user-select:all;color:var(--text);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.security-ack{align-items:flex-start;gap:9px;margin:22px 0 0;line-height:1.6;display:flex;color:var(--text)!important}.security-ack input{accent-color:var(--accent);flex:none;margin-top:3px}html[data-theme=dark] .security-dialog button.primary{color:#fff;background:#148a76;border-color:#21a18a}@media (max-width:500px){.security-dialog{max-height:calc(100dvh - 24px);padding:21px 18px}.security-heading h2{font-size:17px}.security-mark{width:38px;height:38px}.security-actions button{flex:1}.security-codes code{font-size:12px}.security-key-card{padding:14px}}
