.face-id{width:100%;margin:.5rem 0;background:linear-gradient(135deg,#70ddb7,#65b8f5);border-color:transparent;color:#071915}
.auth-divider{display:flex;align-items:center;gap:.7rem;margin:1rem 0;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}
.auth-divider::before,.auth-divider::after{content:"";height:1px;background:var(--line);flex:1}
.passkey-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.passkey-heading h2{margin:.2rem 0}
.passkey-heading p{max-width:70ch}
.passkey-list{display:grid;gap:.65rem;margin-top:1rem}
.passkey-card{display:grid;grid-template-columns:1fr auto;gap:.7rem;align-items:center;padding:.9rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.passkey-card strong,.passkey-card small{display:block}.passkey-card small{color:var(--muted)}.passkey-card.revoked{opacity:.58}
.passkey-actions{display:flex;gap:.45rem}.passkey-dialog{width:min(92vw,560px);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1rem,4vw,2rem);background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.passkey-dialog::backdrop{background:rgba(2,10,7,.72);backdrop-filter:blur(4px)}
.dialog-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.dialog-title h2{margin:.2rem 0 1rem}
@media(max-width:620px){.passkey-heading,.passkey-card{grid-template-columns:1fr;display:grid}.passkey-actions{display:grid;grid-template-columns:1fr 1fr}.passkey-actions .button{width:100%}}