.face-capture{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.face-capture-frame{background:#1f0a38;border:3px solid #e5d8f5;border-radius:50%;width:min(260px,62vw);height:min(260px,62vw);transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 10px 30px #6b1fa238}.face-capture-frame--positioning{border-color:#f5c518}.face-capture-frame--capturing,.face-capture-frame--processing{border-color:#6b1fa2;box-shadow:0 0 0 6px #6b1fa21f,0 10px 30px #6b1fa247}.face-capture-frame--done{background:#f0fdf4;border-color:#16a34a}.face-capture-frame--error{background:#fef2f2;border-color:#dc2626}.face-capture-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.face-capture-guide{pointer-events:none;border:2px dashed #ffffff8c;border-radius:50%;position:absolute;inset:10%}.face-capture-status{color:#6b1fa2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.face-capture-status--done{color:#16a34a}.face-capture-status--error{color:#dc2626}.face-capture-caption{text-align:center;flex-direction:column;align-items:center;gap:.4rem;min-height:3.2rem;display:flex}.face-capture-title{color:#3d1060;align-items:center;gap:.4rem;font-size:.98rem;font-weight:700;display:inline-flex}.face-capture-hint{color:#6c757d;font-size:.85rem}.face-capture-error-text{color:#9b1c1c;max-width:320px;font-size:.9rem}.face-capture-actions{gap:.6rem;margin-top:.2rem;display:flex}.face-capture-btn{cursor:pointer;border:none;border-radius:20px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.88rem;font-weight:600;transition:transform .15s,background-color .15s;display:inline-flex}.face-capture-btn--primary{color:#fff;background:linear-gradient(135deg,#6b1fa2,#3d1060)}.face-capture-btn--primary:hover{transform:translateY(-1px)}.face-capture-btn--ghost{color:#6c757d;background:0 0;border:1px solid #e5e7eb}.face-capture-btn--ghost:hover{background:#f9fafb}.spinner{animation:.85s linear infinite face-capture-spin}@keyframes face-capture-spin{to{transform:rotate(360deg)}}.face-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#18062e8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.face-modal{background:#fff;border-radius:24px;width:min(420px,100%);max-height:92vh;padding:2rem 1.75rem 1.75rem;position:relative;overflow-y:auto;box-shadow:0 24px 60px #18062e59}.face-modal-close{cursor:pointer;color:#6c757d;background:#f3f0f8;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:1rem;right:1rem}.face-modal-close:hover{background:#e9e2f5}.face-modal-body{text-align:center;flex-direction:column;align-items:center;gap:.6rem;display:flex}.face-modal-icon{color:#fff;background:linear-gradient(135deg,#6b1fa2,#3d1060);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:.4rem;display:flex}.face-modal-icon--success{background:linear-gradient(135deg,#16a34a,#0f7a38)}.face-modal-title{color:#2d0a50;font-size:1.25rem;font-weight:800}.face-modal-text{color:#6c757d;max-width:320px;font-size:.92rem;line-height:1.5}.face-modal-text--tight{margin-bottom:.4rem}.face-modal-error{color:#9b1c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;width:100%;padding:.6rem .9rem;font-size:.85rem}.face-modal-actions{flex-direction:column;gap:.6rem;width:100%;margin-top:.6rem;display:flex}.face-modal-btn{cursor:pointer;border:none;border-radius:30px;width:100%;padding:.85rem;font-size:1rem;font-weight:700;transition:transform .2s}.face-modal-btn--primary{color:#fff;background:linear-gradient(135deg,#6b1fa2,#3d1060);box-shadow:0 4px 14px #6b1fa252}.face-modal-btn--primary:hover{transform:translateY(-2px)}.face-modal-btn--ghost{color:#6c757d;background:0 0}.face-modal-btn--ghost:hover{color:#3d1060}