.arrow.svelte-20ago5{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-fast)}.arrow.svelte-20ago5 svg:where(.svelte-20ago5){display:block}.toggle-switch.svelte-xvvciw{display:flex;align-items:center;width:2.5rem;height:1.5rem;background-color:var(--color-gray-300);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);position:relative;transition:background-color var(--transition-fast);flex-shrink:0}.toggle-slider.svelte-xvvciw{width:1.25rem;height:1.25rem;background-color:var(--color-white);border-radius:var(--radius-full);position:absolute;left:.125rem;top:50%;transform:translateY(-50%);transition:left var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle-simple.checked.svelte-xvvciw .toggle-switch:where(.svelte-xvvciw),.toggle-card.checked.svelte-xvvciw .toggle-switch:where(.svelte-xvvciw){background-color:var(--color-haystack-yellow-full)}.toggle-simple.checked.svelte-xvvciw .toggle-slider:where(.svelte-xvvciw),.toggle-card.checked.svelte-xvvciw .toggle-slider:where(.svelte-xvvciw){left:calc(100% - 1.375rem)}.size-sm.svelte-xvvciw .toggle-switch:where(.svelte-xvvciw){width:2rem;height:1.25rem}.size-sm.svelte-xvvciw .toggle-slider:where(.svelte-xvvciw){width:1rem;height:1rem}.size-sm.checked.svelte-xvvciw .toggle-slider:where(.svelte-xvvciw){left:calc(100% - 1.125rem)}.size-lg.svelte-xvvciw .toggle-switch:where(.svelte-xvvciw){width:3rem;height:1.75rem}.size-lg.svelte-xvvciw .toggle-slider:where(.svelte-xvvciw){width:1.5rem;height:1.5rem}.size-lg.checked.svelte-xvvciw .toggle-slider:where(.svelte-xvvciw){left:calc(100% - 1.625rem)}.form-control-wrapper.disabled.svelte-xvvciw .toggle-switch:where(.svelte-xvvciw){background-color:var(--color-bg-disabled)}.form-control-wrapper.disabled.svelte-xvvciw .toggle-slider:where(.svelte-xvvciw){background-color:var(--color-gray-200)}.form-control-wrapper.error.svelte-xvvciw .toggle-switch:where(.svelte-xvvciw){border:2px solid var(--color-error)}.form-control-simple-input.svelte-xvvciw:focus+.toggle-switch:where(.svelte-xvvciw),.form-control-input.svelte-xvvciw:focus~.form-control-card-content:where(.svelte-xvvciw) .toggle-switch:where(.svelte-xvvciw){outline:2px solid var(--color-primary);outline-offset:2px}.compatibility-drawer.svelte-dn4bo7{display:flex;justify-content:center}.compat-list.svelte-dn4bo7{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%;max-width:1200px}.compat-grid.svelte-dn4bo7{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-6)}.compat-card.svelte-dn4bo7{position:relative;text-align:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);width:100%;box-shadow:var(--shadow-md);padding:var(--spacing-6)}.compare-section.svelte-dn4bo7{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:var(--spacing-6);margin-top:var(--spacing-4);width:100%}.compare-section.is-last.svelte-dn4bo7{margin-bottom:0;margin-top:0}@media (min-width: 640px){.compat-grid.svelte-dn4bo7{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.compat-grid.svelte-dn4bo7{grid-template-columns:repeat(3,1fr)}}.avatars.svelte-dn4bo7{display:flex;justify-content:center;gap:var(--spacing-2)}.names.svelte-dn4bo7{margin-top:var(--spacing-1);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-xl);letter-spacing:-.045em}.archetypes.svelte-dn4bo7{margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.archetype-pill.svelte-dn4bo7{display:inline-block;padding:2px 8px;border-radius:2px;background:var(--color-gray-200);color:var(--color-text-primary);line-height:1.4;cursor:pointer;border:none;font-size:inherit;font-family:inherit}.ampersand.svelte-dn4bo7{margin:1px;color:var(--color-text-secondary)}.score-traits.svelte-dn4bo7{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4)}.score-item.svelte-dn4bo7{display:flex;flex-direction:column}.score-header.svelte-dn4bo7{display:flex;align-items:center;justify-content:space-between}.score-name.svelte-dn4bo7,.score-value.svelte-dn4bo7{font-size:var(--font-size-sm);color:var(--color-text-primary)}.trait-ends.svelte-dn4bo7{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.trait-axis.svelte-dn4bo7{position:relative;height:16px}.trait-axis[role=button].svelte-dn4bo7:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-full)}.trait-line.svelte-dn4bo7{position:absolute;top:50%;left:0;right:0;height:8px;background-color:var(--color-gray-300);transform:translateY(-50%);border-radius:var(--radius-full);cursor:pointer}.trait-dot.svelte-dn4bo7{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;border:2px solid var(--color-white);box-shadow:0 0 0 2px var(--color-gray-300);transform:translate(-50%,-50%);box-shadow:var(--shadow-md);cursor:pointer}.line.is-compare.svelte-dn4bo7{margin-top:var(--spacing-5)}.blurb.svelte-dn4bo7{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-2);margin-bottom:var(--spacing-3);max-width:48ch;margin-left:auto;margin-right:auto}.section-header-container.svelte-dn4bo7{display:flex;flex-direction:column;align-items:flex-start;width:100%;justify-content:space-between;margin-bottom:var(--spacing-2)}.is-center.svelte-dn4bo7{justify-content:center;align-items:center}.section-heading.svelte-dn4bo7{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center}.section-description.svelte-dn4bo7{font-size:var(--font-size-sm);color:var(--color-gray-400);text-align:center;display:none}.pill-row.svelte-dn4bo7{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--spacing-2)}.pill.svelte-dn4bo7{border:1.5px solid var(--color-haystack-green-full);border-radius:var(--radius-full);background:var(--color-white);padding:8px 12px;font-size:var(--font-size-sm);text-transform:none;color:var(--color-text-primary);box-shadow:0 1px 3px #0000000d}.pill.muted.svelte-dn4bo7{background:rgba(var(--color-haystack-red-rgb),.1);border-color:var(--color-haystack-red-full)}.pill.talking-point.svelte-dn4bo7{border:1.5px solid var(--color-haystack-orange-full);background:var(--color-white);color:var(--color-yellow-800)}.pill-icon.svelte-dn4bo7{margin-left:var(--spacing-1);display:inline-flex;align-items:center;vertical-align:middle;color:var(--color-gray-600)}.pill-icon.svelte-dn4bo7 svg{width:12px;height:12px}.empty-state.svelte-dn4bo7{font-size:var(--font-size-sm);color:var(--color-gray-400);padding:8px 0}.top-actions.svelte-dn4bo7{display:flex;gap:var(--spacing-2);position:absolute;top:var(--spacing-2);right:var(--spacing-2);z-index:10}.top-actions.left.svelte-dn4bo7{right:unset;left:var(--spacing-2)}.remove-card-btn.svelte-dn4bo7,.download-card-btn.svelte-dn4bo7{width:40px;height:40px;border-radius:50%;background:var(--color-bg-secondary);border:1px solid var(--color-gray-300);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.remove-card-btn.svelte-dn4bo7{background:transparent}.avatar-container.svelte-dn4bo7{overflow:hidden;border-radius:50%;max-width:6rem;aspect-ratio:1/1;width:6rem;height:6rem;border:2px solid var(--color-white)}.avatar-container.is-friend.svelte-dn4bo7{margin-left:-1rem;z-index:10}@media (max-width: 480px){.compat-list.svelte-dn4bo7{gap:var(--spacing-4)}}@media (max-width: 700px){.avatar-container.svelte-dn4bo7{width:5rem;height:5rem}}.friends-of-friends-grid.svelte-dn4bo7{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-3);width:100%}.friend-of-friend-card.svelte-dn4bo7{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center;width:31%}.friend-of-friend-card.svelte-dn4bo7:hover{box-shadow:var(--shadow-sm);border-color:var(--color-gray-300)}.friend-of-friend-card.svelte-dn4bo7:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.fof-avatar-wrapper.svelte-dn4bo7{width:100px;height:100px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.fof-name.svelte-dn4bo7{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (max-width: 480px){.friends-of-friends-grid.svelte-dn4bo7{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:var(--spacing-2)}.friend-of-friend-card.svelte-dn4bo7{padding:var(--spacing-2)}.fof-avatar-wrapper.svelte-dn4bo7{width:80px;height:80px}.fof-name.svelte-dn4bo7{font-size:var(--font-size-sm)}}.overlay.svelte-au74p5{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-white);z-index:9999;display:flex;align-items:center;justify-content:center}.squiggle-anim.svelte-au74p5{position:absolute;top:50%;left:56%;transform:translate(-50%,-50%) rotate(-14deg);pointer-events:none;opacity:.12;z-index:0}.squiggle-anim.svelte-au74p5 svg{width:110vw;height:110vh}.squiggle-anim.svelte-au74p5 path{stroke-dasharray:2000;stroke-dashoffset:2000;animation:svelte-au74p5-squiggle-draw 3.2s ease-in-out forwards}@keyframes svelte-au74p5-squiggle-draw{to{stroke-dashoffset:0}}.overlay-content-wrapper.svelte-au74p5{display:flex;height:100%;flex-direction:column;justify-content:space-around;width:100%;max-width:25rem;z-index:1}.content.svelte-au74p5{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);text-align:center;padding:var(--spacing-6)}.title.svelte-au74p5{margin:0;font-size:var(--font-size-3xl);color:var(--color-text-primary)}.subtitle.svelte-au74p5{margin:0;font-size:var(--font-size-md);color:var(--color-text-secondary)}.spinner.svelte-au74p5{width:64px;height:64px;border-radius:9999px;border:6px solid color-mix(in oklab,var(--color-gray-200),var(--color-gray-300) 40%);border-top-color:var(--color-haystack-pink-full);animation:svelte-au74p5-spin .9s linear infinite,svelte-au74p5-color-cycle 3s linear infinite}@keyframes svelte-au74p5-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-au74p5-color-cycle{0%{border-top-color:var(--color-haystack-pink-full)}16.66%{border-top-color:var(--color-haystack-yellow-full)}33.33%{border-top-color:var(--color-haystack-green-full)}50%{border-top-color:var(--color-haystack-blue-full)}66.66%{border-top-color:var(--color-haystack-orange-full)}83.33%{border-top-color:var(--color-haystack-red-full)}to{border-top-color:var(--color-haystack-pink-full)}}@media (max-width: 1200px){.squiggle-anim.svelte-au74p5{top:40%;left:50%;transform:translate(-50%,-50%) rotate(-14deg)}.squiggle-anim.svelte-au74p5 svg{width:140vw;height:140vh}}@media (max-width: 768px){.squiggle-anim.svelte-au74p5{top:-50%;left:-20%;transform:translate(-0%) rotate(-14deg)}}.checkbox-simple.size-sm.svelte-zsgjcg .form-control-box:where(.svelte-zsgjcg){width:.875rem;height:.875rem}.checkbox-simple.size-sm.svelte-zsgjcg .checkbox-icon:where(.svelte-zsgjcg){width:.625rem;height:.625rem}.checkbox-simple.size-lg.svelte-zsgjcg .form-control-box:where(.svelte-zsgjcg){width:1.25rem;height:1.25rem}.checkbox-simple.size-lg.svelte-zsgjcg .checkbox-icon:where(.svelte-zsgjcg){width:1rem;height:1rem}.form-control-simple-text.svelte-zsgjcg{font-size:var(--font-size-sm);letter-spacing:-.025em;line-height:1.1;color:var(--color-gray-500)}