.face-registration[data-v-e9d3492e]{margin:0;padding:0;background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.system-header[data-v-e9d3492e]{background:linear-gradient(135deg,#68aff1,#2d74ad);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a;flex-shrink:0}.system-title[data-v-e9d3492e]{display:flex;align-items:center;gap:12px}.title-icon[data-v-e9d3492e]{font-size:24px}.system-title h1[data-v-e9d3492e]{margin:0;font-size:20px;font-weight:600}.landmarks-toggle[data-v-e9d3492e]{display:flex;align-items:center}.toggle-label[data-v-e9d3492e]{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-text[data-v-e9d3492e]{font-size:14px;font-weight:500;color:#fff}.toggle-switch[data-v-e9d3492e]{position:relative;width:44px;height:24px;background:#ffffff4d;border-radius:12px;transition:all .3s ease;border:1px solid rgba(255,255,255,.4)}.toggle-switch.active[data-v-e9d3492e]{background:#10b981cc;border-color:#10b981}.toggle-slider[data-v-e9d3492e]{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-slider[data-v-e9d3492e]{transform:translate(20px)}.system-status[data-v-e9d3492e]{display:flex;align-items:center}.status-indicator[data-v-e9d3492e]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;background:#ffffff1a;font-size:14px}.status-dot[data-v-e9d3492e]{width:8px;height:8px;border-radius:50%;background:#fbbf24;animation:pulse-e9d3492e 2s infinite}.status-indicator.ready .status-dot[data-v-e9d3492e]{background:#10b981;animation:none}@keyframes pulse-e9d3492e{0%,to{opacity:.5}50%{opacity:1}}.camera-panel[data-v-e9d3492e]{margin:8px;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000004d;flex:1;display:flex;flex-direction:column}.panel-content[data-v-e9d3492e]{position:relative;width:100%;flex:1;display:flex;justify-content:center;align-items:center;min-height:0}.video[data-v-e9d3492e],.canvas[data-v-e9d3492e]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.canvas[data-v-e9d3492e]{pointer-events:none;transform:scaleX(-1)}.video[data-v-e9d3492e]{background:#000;transform:scaleX(-1)}.camera-overlay[data-v-e9d3492e]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.mask-overlay[data-v-e9d3492e]{position:absolute;inset:0;pointer-events:none}.mask-top[data-v-e9d3492e]{position:absolute;top:0;left:0;right:0;height:calc(50% - 175px);background:#0009}.mask-bottom[data-v-e9d3492e]{position:absolute;bottom:0;left:0;right:0;height:calc(50% - 175px);background:#0009}.mask-left[data-v-e9d3492e]{position:absolute;top:calc(50% - 175px);left:0;width:calc(50% - 140px);height:350px;background:#0009}.mask-right[data-v-e9d3492e]{position:absolute;top:calc(50% - 175px);right:0;width:calc(50% - 140px);height:350px;background:#0009}.face-guide-frame[data-v-e9d3492e]{position:relative;width:280px;height:350px;border:2px dashed rgba(255,255,255,.8);border-radius:140px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px;z-index:10}.guide-corners[data-v-e9d3492e]{position:absolute;inset:0}.corner[data-v-e9d3492e]{position:absolute;width:20px;height:20px;border:3px solid #3b82f6}.corner.top-left[data-v-e9d3492e]{top:-2px;left:-2px;border-right:none;border-bottom:none;border-radius:8px 0 0}.corner.top-right[data-v-e9d3492e]{top:-2px;right:-2px;border-left:none;border-bottom:none;border-radius:0 8px 0 0}.corner.bottom-left[data-v-e9d3492e]{bottom:-2px;left:-2px;border-right:none;border-top:none;border-radius:0 0 0 8px}.corner.bottom-right[data-v-e9d3492e]{bottom:-2px;right:-2px;border-left:none;border-top:none;border-radius:0 0 8px}.guide-text[data-v-e9d3492e]{color:#fff;font-size:16px;font-weight:600;background:#000c;padding:12px 20px;border-radius:25px;text-align:center;box-shadow:0 4px 12px #0000004d;border:2px solid rgba(255,255,255,.2)}.countdown-timer[data-v-e9d3492e]{position:absolute;top:-80px;right:-25px;font-size:20px;font-weight:700;color:#ff6b6b;background:#fffffff2;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;animation:pulse-countdown-e9d3492e 1s infinite;box-shadow:0 4px 12px #ff6b6b66;border:2px solid #ff6b6b;z-index:20}@keyframes pulse-countdown-e9d3492e{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.message-area[data-v-e9d3492e]{padding:12px 16px;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0}.message-content[data-v-e9d3492e]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;background:#f8fafc;border:1px solid #e5e7eb;font-size:14px;font-weight:500;color:#374151;text-align:center;transition:all .3s ease}.message-content.complete[data-v-e9d3492e]{background:#ecfdf5;border-color:#10b981;color:#059669}.message-content.countdown[data-v-e9d3492e]{background:#fffbeb;border-color:#f59e0b;color:#d97706;animation:pulse-e9d3492e 1s infinite}.message-content.error[data-v-e9d3492e]{background:#fef2f2;border-color:#ef4444;color:#dc2626}.message-content.clickable[data-v-e9d3492e]{cursor:pointer;border-color:#3b82f6;background:#eff6ff;color:#1d4ed8}.message-content.clickable[data-v-e9d3492e]:hover{background:#dbeafe;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.message-content.uploading[data-v-e9d3492e]{background:#fef3c7;border-color:#f59e0b;color:#d97706}.countdown-icon[data-v-e9d3492e],.success-icon[data-v-e9d3492e],.error-icon[data-v-e9d3492e],.info-icon[data-v-e9d3492e],.upload-icon[data-v-e9d3492e]{font-size:16px;flex-shrink:0}.upload-icon[data-v-e9d3492e]{animation:upload-pulse-e9d3492e 1.5s infinite}@keyframes upload-pulse-e9d3492e{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.click-hint[data-v-e9d3492e]{font-size:12px;opacity:.8;margin-left:8px;padding:2px 8px;background:#ffffff4d;border-radius:10px}@keyframes pulse-e9d3492e{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.bottom-actions[data-v-e9d3492e]{background:#fff;padding:12px 16px;border-top:1px solid #e5e7eb;box-shadow:0 -2px 10px #0000001a;flex-shrink:0}.bottom-actions.url-mode[data-v-e9d3492e]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-top:2px solid #3b82f6}.url-info[data-v-e9d3492e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;background:#3b82f61a;border-radius:8px;border:1px solid rgba(59,130,246,.2)}.url-mode-indicator[data-v-e9d3492e]{display:flex;align-items:center;gap:8px}.mode-icon[data-v-e9d3492e]{font-size:18px}.mode-text[data-v-e9d3492e]{font-size:14px;font-weight:600;color:#3b82f6}.people-id[data-v-e9d3492e]{font-size:12px;color:#6b7280;background:#fff;padding:4px 8px;border-radius:4px;border:1px solid #e5e7eb}.upload-progress[data-v-e9d3492e]{margin-top:12px;padding:8px 12px;background:#f9fafbcc;border-radius:6px;border:1px solid #e5e7eb}.progress-bar[data-v-e9d3492e]{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:4px}.progress-fill[data-v-e9d3492e]{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:4px;transition:width .3s ease;animation:progress-shimmer-e9d3492e 2s infinite}@keyframes progress-shimmer-e9d3492e{0%{background-position:-200px 0}to{background-position:200px 0}}.progress-text[data-v-e9d3492e]{font-size:12px;color:#6b7280;text-align:center}.upload-error[data-v-e9d3492e]{margin-top:12px;padding:8px 12px;background:#fef2f2;border:1px solid #ef4444;border-radius:6px;color:#dc2626;font-size:14px;display:flex;align-items:center;gap:8px}.retry-upload-btn[data-v-e9d3492e]{margin-left:auto;padding:4px 8px;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.retry-upload-btn[data-v-e9d3492e]:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.retry-upload-btn[data-v-e9d3492e]:disabled{opacity:.5;cursor:not-allowed}.action-buttons[data-v-e9d3492e]{display:flex;gap:12px;justify-content:center;max-width:600px;margin:0 auto}.action-btn[data-v-e9d3492e]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s;min-width:80px;flex:1;max-width:120px}.action-btn[data-v-e9d3492e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-btn[data-v-e9d3492e]:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-btn .btn-icon[data-v-e9d3492e]{font-size:20px}.action-btn .btn-text[data-v-e9d3492e]{font-size:12px;font-weight:500;color:#374151}.action-btn.primary[data-v-e9d3492e]{border-color:#3b82f6;background:#3b82f6}.action-btn.primary .btn-text[data-v-e9d3492e]{color:#fff}.action-btn.primary[data-v-e9d3492e]:hover:not(:disabled){border-color:#2563eb;background:#2563eb}.action-btn.agreement[data-v-e9d3492e]{border-color:#10b981}.action-btn.agreement[data-v-e9d3492e]:hover:not(:disabled){border-color:#059669;background:#ecfdf5}.action-btn.verify[data-v-e9d3492e]{border-color:#8b5cf6}.action-btn.verify[data-v-e9d3492e]:hover:not(:disabled){border-color:#7c3aed;background:#f3e8ff}.action-btn.secondary[data-v-e9d3492e]{border-color:#6b7280}.action-btn.secondary[data-v-e9d3492e]:hover:not(:disabled){border-color:#4b5563;background:#f9fafb}.action-btn.retry[data-v-e9d3492e]{border-color:#f59e0b}.action-btn.retry[data-v-e9d3492e]:hover:not(:disabled){border-color:#d97706;background:#fffbeb}.action-btn.reset[data-v-e9d3492e]{border-color:#ef4444}.action-btn.reset[data-v-e9d3492e]:hover:not(:disabled){border-color:#dc2626;background:#fef2f2}@media(max-height:700px){.system-header[data-v-e9d3492e]{padding:8px 12px}.system-title h1[data-v-e9d3492e]{font-size:16px}.toggle-text[data-v-e9d3492e]{font-size:12px}.toggle-switch[data-v-e9d3492e]{width:36px;height:20px}.toggle-slider[data-v-e9d3492e]{width:16px;height:16px}.toggle-switch.active .toggle-slider[data-v-e9d3492e]{transform:translate(16px)}.camera-panel[data-v-e9d3492e]{margin:4px}.bottom-actions[data-v-e9d3492e]{padding:8px 12px}.action-btn[data-v-e9d3492e]{padding:8px 12px;min-width:70px}.action-btn .btn-icon[data-v-e9d3492e]{font-size:16px}.action-btn .btn-text[data-v-e9d3492e]{font-size:11px}}@media(max-height:600px){.system-header[data-v-e9d3492e]{padding:6px 10px}.system-title h1[data-v-e9d3492e]{font-size:14px}.title-icon[data-v-e9d3492e]{font-size:18px}.system-version[data-v-e9d3492e]{font-size:10px;padding:2px 6px}.face-guide-frame[data-v-e9d3492e]{width:200px;height:250px}.guide-text[data-v-e9d3492e]{font-size:14px;padding:8px 16px}}@media(orientation:landscape)and (max-height:500px){.system-header[data-v-e9d3492e]{padding:4px 8px}.system-title h1[data-v-e9d3492e]{font-size:12px}.camera-panel[data-v-e9d3492e]{margin:2px}.face-guide-frame[data-v-e9d3492e]{width:160px;height:200px}.guide-text[data-v-e9d3492e]{font-size:12px;padding:6px 12px}.action-btn[data-v-e9d3492e]{padding:6px 10px;min-width:60px}.action-btn .btn-text[data-v-e9d3492e]{font-size:10px}}.modal-overlay[data-v-e9d3492e]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-e9d3492e]{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.modal-header[data-v-e9d3492e]{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-e9d3492e]{margin:0;font-size:18px;font-weight:600;color:#374151}.modal-close[data-v-e9d3492e]{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#6b7280;transition:all .2s}.modal-close[data-v-e9d3492e]:hover{background:#e5e7eb;color:#374151}.modal-body[data-v-e9d3492e]{padding:24px;max-height:400px;overflow-y:auto}.agreement-content h4[data-v-e9d3492e]{margin:0 0 16px;color:#374151;font-size:16px}.agreement-content p[data-v-e9d3492e]{margin:0 0 12px;line-height:1.6;color:#4b5563;font-size:14px}.agreement-highlight[data-v-e9d3492e]{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px;margin-top:16px}.agreement-highlight p[data-v-e9d3492e]{margin:0;color:#92400e;font-weight:500}.modal-footer[data-v-e9d3492e]{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.btn[data-v-e9d3492e]{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary[data-v-e9d3492e]{background:#3b82f6;color:#fff}.btn.primary[data-v-e9d3492e]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn.secondary[data-v-e9d3492e]{background:#6b7280;color:#fff}.btn.secondary[data-v-e9d3492e]:hover:not(:disabled){background:#4b5563;transform:translateY(-1px);box-shadow:0 4px 12px #6b728066}.btn[data-v-e9d3492e]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.status[data-v-e9d3492e]{margin-top:16px;text-align:center}.message[data-v-e9d3492e]{font-size:16px;font-weight:500;margin-bottom:12px}.message.complete[data-v-e9d3492e]{color:#10b981}.progress[data-v-e9d3492e]{margin-top:16px}.steps[data-v-e9d3492e]{display:flex;justify-content:center;gap:16px;margin-bottom:12px}.step[data-v-e9d3492e]{padding:8px 12px;border-radius:6px;background:#f3f4f6;font-size:14px}.step.active[data-v-e9d3492e]{background:#3b82f6;color:#fff}.step.completed[data-v-e9d3492e]{background:#10b981;color:#fff}.step.current[data-v-e9d3492e]{background:#f59e0b;color:#fff}.detection-status[data-v-e9d3492e]{display:flex;justify-content:center;gap:16px;margin-top:12px}.status-item[data-v-e9d3492e]{padding:4px 8px;border-radius:4px;background:#f3f4f6;font-size:12px}.status-item.active[data-v-e9d3492e]{background:#10b981;color:#fff}.realtime-data[data-v-e9d3492e]{display:flex;justify-content:center;gap:12px;margin-top:8px;padding:8px;background:#f8fafc;border-radius:6px}.data-item[data-v-e9d3492e]{font-size:11px;color:#64748b;padding:2px 6px;background:#e2e8f0;border-radius:4px}.data-item.cooldown[data-v-e9d3492e]{background:#fef3c7;color:#d97706}.photos-section[data-v-e9d3492e]{margin-top:24px}.photos-section h3[data-v-e9d3492e]{margin-bottom:12px;color:#374151}.photos-grid[data-v-e9d3492e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.photo-item[data-v-e9d3492e]{text-align:center}.photo-item img[data-v-e9d3492e]{width:100%;height:80px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb}.photo-label[data-v-e9d3492e]{margin-top:4px;font-size:12px;color:#6b7280}.photo-type[data-v-e9d3492e]{margin-top:2px;font-size:10px;font-weight:500;padding:2px 6px;border-radius:3px;text-align:center}.peak-photo .photo-type[data-v-e9d3492e]{background:#fef3c7;color:#d97706}.verify-photo .photo-type[data-v-e9d3492e]{background:#dbeafe;color:#2563eb}.peak-photo img[data-v-e9d3492e]{border:2px solid #f59e0b}.verify-photo img[data-v-e9d3492e]{border:2px solid #3b82f6}.verification-results[data-v-e9d3492e]{margin-top:24px}.verification-results h3[data-v-e9d3492e]{margin-bottom:16px;color:#374151}.cross-comparison-results[data-v-e9d3492e]{display:flex;flex-direction:column;gap:20px}.verify-photo-result[data-v-e9d3492e]{padding:16px;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb}.verify-photo-header[data-v-e9d3492e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.verify-photo-header h4[data-v-e9d3492e]{margin:0;color:#374151;font-size:16px}.verify-status[data-v-e9d3492e]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.verify-status.verified[data-v-e9d3492e]{background:#ecfdf5;color:#10b981;border:1px solid #10b981}.verify-status.not-verified[data-v-e9d3492e]{background:#fef2f2;color:#ef4444;border:1px solid #ef4444}.best-match[data-v-e9d3492e]{margin-bottom:16px;padding:8px;background:#f3f4f6;border-radius:6px;font-size:14px}.similarity-score[data-v-e9d3492e]{font-weight:600;color:#3b82f6}.all-comparisons h5[data-v-e9d3492e]{margin:0 0 8px;color:#6b7280;font-size:14px}.comparison-grid[data-v-e9d3492e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.comparison-item[data-v-e9d3492e]{padding:8px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.comparison-item.best-match-item[data-v-e9d3492e]{border-color:#3b82f6;background:#eff6ff}.comparison-header[data-v-e9d3492e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.registered-label[data-v-e9d3492e]{font-size:12px;font-weight:500;color:#374151}.match-status[data-v-e9d3492e]{font-size:12px;font-weight:600;color:#ef4444}.match-status.match[data-v-e9d3492e]{color:#10b981}.similarity-bar[data-v-e9d3492e]{position:relative;height:16px;background:#e5e7eb;border-radius:8px;overflow:hidden}.similarity-fill[data-v-e9d3492e]{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981);transition:width .3s ease}.similarity-text[data-v-e9d3492e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:600;color:#374151;text-shadow:0 0 2px rgba(255,255,255,.8)}.detailed-scores[data-v-e9d3492e]{display:flex;justify-content:space-between;margin-top:4px;font-size:9px;color:#6b7280}.score-item[data-v-e9d3492e]{padding:1px 3px;background:#f3f4f6;border-radius:2px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5}.app{min-height:100vh;width:100%}
