.passkey-dialog { margin:auto; width:min(440px,calc(100% - 32px)); padding:24px; border:1px solid #c7d1de; border-radius:12px; background:var(--theme-surface,#fff); color:var(--theme-text,#203048); font:14px/1.5 system-ui,sans-serif; }
.passkey-dialog::backdrop { background:rgba(0,0,0,.45); }
.passkey-reminder { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; padding:10px 16px; background:var(--theme-surface,#fff); color:var(--theme-text,#203048); border-bottom:1px solid var(--theme-line,#ccd4df); font:13px/1.5 system-ui,sans-serif; }
.passkey-reminder a { color:inherit; text-decoration:underline; }
.passkey-reminder button { padding:4px 8px; border:1px solid #b6c1cf; border-radius:6px; background:transparent; color:inherit; cursor:pointer; }
.passkey-dialog h2 { font-size:20px; margin:0 0 12px; }
.passkey-dialog p { margin:12px 0; }
.passkey-dialog label { display:block; margin:12px 0 4px; color:inherit; text-shadow:none; font-weight:500; }
.passkey-dialog input { width:100%; padding:9px; border:1px solid #b6c1cf; border-radius:6px; box-sizing:border-box; }
.passkey-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; margin-top:16px; }
.passkey-actions button,.passkey-settings button { padding:8px 12px; border:1px solid #b6c1cf; border-radius:6px; cursor:pointer; }
#passkeyCreate { background:#174576; color:#fff; }
.passkey-settings { margin:20px 0; padding:16px; border:1px solid var(--theme-line,#ccd4df); border-radius:8px; }
.passkey-settings p { margin:8px 0; }
.passkey-settings li { margin:10px 0; }
.passkey-settings button:disabled,.passkey-dialog button:disabled { opacity:.6; cursor:wait; }