.passkey-login{display:flex;align-items:center;justify-content:center;gap:8px;background:#f1eff9;color:#363f9f;border:1px solid #dcd8ef;min-height:46px;line-height:1.3}
.passkey-login:hover{background:#e8e5f6}
.passkey-login i{font-size:20px;line-height:1;display:flex;align-items:center}
.passkey-login.hidden,.passkey-external.hidden{display:none}
.passkey-login-status,.passkey-status{font-size:12px;line-height:1.55;color:#625975;overflow-wrap:anywhere;margin:0}
.passkey-login-status:not(:empty){margin-top:2px;text-align:center}
.passkey-status:not(:empty){margin-top:10px}
.passkey-section[hidden],.passkey-section [hidden]{display:none}
.passkey-hint,.passkey-empty{font-size:12px;line-height:1.6;color:#81798e;margin:0 0 12px}
.passkey-empty{color:#625975}
.passkey-key{display:flex;align-items:center;gap:12px;border:1px solid #e5e1f0;border-radius:10px;padding:10px 12px;margin-bottom:8px;min-width:0;background:#fcfbfe}
.passkey-key-info{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;overflow-wrap:anywhere}
.passkey-key-info strong{font-size:13px;line-height:1.4;color:#363f9f}
.passkey-key-info span{font-size:11px;line-height:1.4;color:#81798e}
.passkey-key-remove{display:flex;align-items:center;justify-content:center;min-height:36px;flex-shrink:0;padding:7px 10px;border:1px solid #ded9ec;border-radius:8px;background:#fff;color:#766986;font:600 12px/1.3 'Raleway',sans-serif;cursor:pointer}
.passkey-register,.passkey-reauth{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:12px}
.passkey-register label,.passkey-reauth label{grid-column:1/-1;font-size:12px;line-height:1.4;font-weight:600;color:#625975}
.passkey-register input,.passkey-reauth input{min-width:0;width:100%;height:42px;padding:10px 12px;border:1px solid #d8d2e6;border-radius:10px;color:#303047;background:#fff;font:400 16px/1.3 'Raleway',sans-serif}
.passkey-reauth input{grid-column:1/-1}
.passkey-action{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:10px 14px;border:1px solid #363f9f;border-radius:10px;background:#363f9f;color:#fff;font:600 12px/1.3 'Raleway',sans-serif;cursor:pointer}
.passkey-action.secondary{background:#f4f2fa;color:#625597;border-color:#e3deef}
.passkey-action.danger{background:#fff;color:#a44c4c;border-color:#dcb6b6}
.passkey-action:disabled,.passkey-key-remove:disabled{opacity:.55;cursor:default}
.passkey-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;grid-column:1/-1}
.passkey-remove,.passkey-reauth{border:1px solid #ded8ed;border-radius:12px;padding:12px;background:#faf8ff;margin-top:12px}
.passkey-remove p,.passkey-reauth p{font-size:12px;line-height:1.6;color:#625975;margin:0 0 10px;grid-column:1/-1;overflow-wrap:anywhere}
.passkey-reauth>#passkey-send-code{grid-column:1/-1;justify-self:start}
.passkey-external{display:flex;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border:1px solid #ded8ed;border-radius:10px;color:#363f9f;font-size:12px;line-height:1.5;font-weight:600;text-align:center;text-decoration:none;margin-top:8px}
.passkey-highlight{border-radius:12px;background:#faf8ff;outline:1px solid #ddd8ed;outline-offset:5px}
.passkey-section button:focus,.passkey-section input:focus,.passkey-login:focus,.passkey-external:focus{outline:none}
.passkey-section button:focus-visible,.passkey-login:focus-visible,.passkey-external:focus-visible{outline:2px solid #9893d9;outline-offset:2px}
.passkey-section input:focus-visible{border-color:#9893d9}
@media(max-width:440px){.passkey-register{grid-template-columns:minmax(0,1fr)}.passkey-register>.passkey-action{justify-self:end}.passkey-key{padding:9px 10px;gap:8px}}