.compatibility-demo[data-v-1f0c8cfc]{max-width:800px;margin:20px auto}.profile-header[data-v-1f0c8cfc]{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.profile-avatar[data-v-1f0c8cfc]{width:64px;height:64px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.profile-info h4[data-v-1f0c8cfc]{margin:0 0 4px 0;color:#1f2937}.profile-info p[data-v-1f0c8cfc]{margin:0;color:#6b7280;display:flex;align-items:center;gap:4px}.compatibility-analysis[data-v-1f0c8cfc]{display:flex;flex-direction:column;gap:24px}.score-display[data-v-1f0c8cfc]{display:flex;align-items:center;gap:20px}.score-circle[data-v-1f0c8cfc]{width:80px;height:80px;border-radius:50%;border:4px solid;display:flex;align-items:center;justify-content:center;background:#fff}.score-value[data-v-1f0c8cfc]{font-size:18px;font-weight:700;color:#1f2937}.score-details h5[data-v-1f0c8cfc]{margin:0 0 4px 0;color:#1f2937}.score-details p[data-v-1f0c8cfc]{margin:0;color:#6b7280;font-size:14px}.criteria-breakdown h6[data-v-1f0c8cfc],.mutual-interests h6[data-v-1f0c8cfc],.service-info h6[data-v-1f0c8cfc]{margin:0 0 12px 0;color:#1f2937;font-weight:600}.criteria-list[data-v-1f0c8cfc]{display:flex;flex-direction:column;gap:8px}.criterion-item[data-v-1f0c8cfc]{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;background:#f9fafb;border-left:4px solid #e5e7eb}.criterion-item.compatible[data-v-1f0c8cfc]{background:#f0fdf4;border-left-color:#10b981}.criterion-name[data-v-1f0c8cfc]{flex-grow:1;font-weight:500}.criterion-weight[data-v-1f0c8cfc]{font-size:12px;color:#6b7280}.interests-list[data-v-1f0c8cfc]{display:flex;flex-wrap:wrap;gap:8px}.interest-tag[data-v-1f0c8cfc]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ede9fe;color:#7c3aed;border-radius:16px;font-size:14px}.service-details[data-v-1f0c8cfc]{background:#f3f4f6;padding:16px;border-radius:8px;margin-top:8px}.service-details pre[data-v-1f0c8cfc]{font-size:12px;margin:8px 0 0 0;overflow-x:auto}.no-profile[data-v-1f0c8cfc]{text-align:center;padding:40px 20px;color:#6b7280}@media (max-width:640px){.profile-header[data-v-1f0c8cfc],.score-display[data-v-1f0c8cfc]{flex-direction:column;text-align:center}}