.compare-page.svelte-1ez3k3s{gap:1.5rem;max-width:640px;margin:0 auto;display:grid}.page-header.svelte-1ez3k3s{max-width:560px}.eyebrow.svelte-1ez3k3s{color:#8ab2ff;text-transform:uppercase;letter-spacing:.14em;margin:0 0 .75rem;font-size:.85rem}h1.svelte-1ez3k3s{margin:0;font-size:clamp(2rem,3.5vw,3rem)}.intro.svelte-1ez3k3s{color:#d5defb;margin:.75rem 0 0;line-height:1.7}.input-section.svelte-1ez3k3s{background:#ffffff0a;border:1px solid #ffffff14;border-radius:1.5rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}label.svelte-1ez3k3s{color:#d7e2ff;gap:.5rem;display:grid}input.svelte-1ez3k3s{color:#eef5ff;font:inherit;background:#0a101cfa;border:1px solid #ffffff1f;border-radius:1rem;padding:.95rem 1rem}input.svelte-1ez3k3s:focus{border-color:#7c90ff;outline:none}.primary-button.svelte-1ez3k3s{color:#08101d;cursor:pointer;background:linear-gradient(135deg,#7c90ff,#4dd6ff);border:none;border-radius:999px;align-self:flex-start;padding:.8rem 1.5rem;font-weight:700}.primary-button.svelte-1ez3k3s:disabled{opacity:.4;cursor:default}.error-text.svelte-1ez3k3s{color:#ff6b6b;margin:0;font-size:.9rem}.empty-state.svelte-1ez3k3s{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:1.5rem;padding:2rem}.empty-state.svelte-1ez3k3s h2:where(.svelte-1ez3k3s){margin:0 0 .75rem}.empty-state.svelte-1ez3k3s p:where(.svelte-1ez3k3s){color:#d5defb;margin:0 0 1.5rem}.empty-state.svelte-1ez3k3s a:where(.svelte-1ez3k3s){text-decoration:none;display:inline-block}.my-profile.svelte-1ez3k3s,.imported-profile.svelte-1ez3k3s{background:#ffffff0a;border:1px solid #ffffff14;border-radius:1.25rem;padding:1.25rem}.my-profile.svelte-1ez3k3s h3:where(.svelte-1ez3k3s),.imported-profile.svelte-1ez3k3s h3:where(.svelte-1ez3k3s){color:#cbd7ff;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .75rem;font-size:.85rem}.profile-mini.svelte-1ez3k3s{align-items:flex-start;gap:1rem;display:flex}.arch-icon.svelte-1ez3k3s{font-size:2rem}.arch-label.svelte-1ez3k3s{margin:0 0 .25rem;font-weight:600}.arch-desc.svelte-1ez3k3s{color:#b0bcdb;margin:0;font-size:.9rem;line-height:1.5}.comparison-result.svelte-1ez3k3s{gap:1rem;display:grid}.score-card.svelte-1ez3k3s{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:1.5rem;padding:1.5rem}.score-label.svelte-1ez3k3s{color:#cbd7ff;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .5rem;font-size:.9rem}.score-number.svelte-1ez3k3s{margin:0;font-size:3rem;font-weight:700}.score-pair.svelte-1ez3k3s{color:#8ab2ff;margin:.5rem 0 0}.trait-compare-grid.svelte-1ez3k3s{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.trait-col.svelte-1ez3k3s{border-radius:1rem;padding:1rem 1.15rem}.trait-col.svelte-1ez3k3s h4:where(.svelte-1ez3k3s){text-transform:uppercase;letter-spacing:.06em;margin:0 0 .75rem;font-size:.82rem}.trait-col.similar.svelte-1ez3k3s{background:#10b9810f;border:1px solid #10b98126}.trait-col.similar.svelte-1ez3k3s h4:where(.svelte-1ez3k3s){color:#34d399}.trait-col.divergent.svelte-1ez3k3s{background:#f973160f;border:1px solid #f9731626}.trait-col.divergent.svelte-1ez3k3s h4:where(.svelte-1ez3k3s){color:#fb923c}.trait-row.svelte-1ez3k3s{border-top:1px solid #ffffff0d;flex-direction:column;gap:.15rem;padding:.5rem 0;display:flex}.trait-row.svelte-1ez3k3s:first-of-type{border-top:none;padding-top:0}.trait-name.svelte-1ez3k3s{color:#eef5ff;text-transform:capitalize;font-size:.85rem;font-weight:700}.trait-scores.svelte-1ez3k3s{color:#8a9fc8;font-size:.78rem}.recommendation.svelte-1ez3k3s{color:#d5defb;background:#4f6eff1a;border-radius:1rem;margin:0;padding:1rem;line-height:1.6}.gap-card.svelte-1ez3k3s{background:#e8b8301a;border-radius:1rem;padding:1rem}.gap-card.svelte-1ez3k3s h3:where(.svelte-1ez3k3s){color:#e8b830;margin:0 0 .5rem;font-size:.9rem}.gap-card.svelte-1ez3k3s p:where(.svelte-1ez3k3s){color:#d5defb;margin:0;line-height:1.5}.no-data.svelte-1ez3k3s{color:#9db3e2;text-align:center}.section-divider.svelte-1ez3k3s{text-align:center;padding:1.5rem 1rem .5rem}.divider-icon.svelte-1ez3k3s{margin-bottom:.5rem;font-size:2rem;display:block}.section-divider.svelte-1ez3k3s h2:where(.svelte-1ez3k3s){margin:0 0 .5rem;font-size:clamp(1.4rem,2.5vw,1.8rem)}.divider-sub.svelte-1ez3k3s{color:#8a9fc8;margin:0;font-size:.9rem;line-height:1.5}.archetype-gallery.svelte-1ez3k3s{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.arch-gallery-card.svelte-1ez3k3s{background:#ffffff0a;border:1px solid #ffffff14;border-radius:1.25rem;gap:.75rem;padding:1.25rem;display:grid}.arch-gallery-header.svelte-1ez3k3s{align-items:center;gap:.75rem;display:flex}.arch-gallery-icon.svelte-1ez3k3s{font-size:2rem}.arch-gallery-info.svelte-1ez3k3s{flex-direction:column;display:flex}.arch-gallery-char.svelte-1ez3k3s{color:#eef5ff;font-size:.95rem;font-weight:700}.arch-gallery-label.svelte-1ez3k3s{color:#8ab2ff;margin-top:.1rem;font-size:.8rem}.arch-gallery-motto.svelte-1ez3k3s{color:#b0c8ff;margin:0;font-size:.85rem;font-style:italic;line-height:1.5}.arch-gallery-traits.svelte-1ez3k3s{flex-wrap:wrap;gap:.3rem;display:flex}.gallery-trait.svelte-1ez3k3s{color:#b0c8ff;background:#7c90ff14;border:1px solid #7c90ff1f;border-radius:999px;padding:.2rem .5rem;font-size:.7rem}.arch-gallery-roles.svelte-1ez3k3s{color:#9db3e2;font-size:.78rem;line-height:1.5}.roles-label.svelte-1ez3k3s{color:#7a8fb0;font-weight:600}.roles-text.svelte-1ez3k3s{color:#b0c8ff}.compatibility-section.svelte-1ez3k3s{background:#ffffff0a;border:1px solid #ffffff14;border-radius:1.25rem;padding:1.25rem;overflow-x:auto}.compatibility-section.svelte-1ez3k3s h3:where(.svelte-1ez3k3s){color:#cbd7ff;margin:0 0 .25rem;font-size:1rem}.compat-sub.svelte-1ez3k3s{color:#8a9fc8;margin:0 0 1rem;font-size:.8rem}.compat-table.svelte-1ez3k3s{gap:2px;min-width:420px;display:grid}.compat-row.svelte-1ez3k3s{grid-template-columns:5.5rem repeat(6,1fr);gap:2px;display:grid}.compat-cell.svelte-1ez3k3s{text-align:center;border-radius:.35rem;justify-content:center;align-items:center;padding:.4rem .25rem;font-size:.75rem;display:flex}.compat-corner.svelte-1ez3k3s{background:0 0}.compat-col-label.svelte-1ez3k3s{background:#ffffff08;font-size:1.1rem}.compat-row-label.svelte-1ez3k3s{color:#cbd7ff;text-align:left;background:#ffffff08;align-items:center;gap:.3rem;padding:.4rem .3rem;font-size:.72rem;display:flex}.row-icon.svelte-1ez3k3s{font-size:.9rem}.row-label.svelte-1ez3k3s{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.compat-data.svelte-1ez3k3s{border:1px solid #ffffff0f;font-size:.78rem;font-weight:600}.results-area.svelte-1ez3k3s{gap:1rem;animation:.5s svelte-1ez3k3s-results-rise;display:grid}@keyframes svelte-1ez3k3s-results-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.compare-overlay.svelte-1ez3k3s{z-index:1000;-webkit-backdrop-filter:blur(14px);background:radial-gradient(circle,#140c28d9,#050812f2);justify-content:center;align-items:center;animation:.3s svelte-1ez3k3s-overlay-fade;display:flex;position:fixed;inset:0}@keyframes svelte-1ez3k3s-overlay-fade{0%{opacity:0}to{opacity:1}}.compare-spinner.svelte-1ez3k3s{flex-direction:column;align-items:center;gap:1.75rem;display:flex}.compare-ring.svelte-1ez3k3s{background:conic-gradient(from 180deg, #06b6d4, #fff calc(var(--pct) * 1%), #ffffff0f calc(var(--pct) * 1%));border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;animation:1.6s ease-in-out infinite svelte-1ez3k3s-ring-pulse;display:flex;position:relative;box-shadow:0 0 50px #ffffff4d,0 0 90px #06b6d433}@keyframes svelte-1ez3k3s-ring-pulse{0%,to{box-shadow:0 0 50px #ffffff4d,0 0 90px #06b6d433}50%{box-shadow:0 0 70px #ffffff80,0 0 120px #06b6d459}}.compare-ring-inner.svelte-1ez3k3s{background:#0b1020;border-radius:50%;justify-content:center;align-items:center;width:124px;height:124px;display:flex}.compare-pct.svelte-1ez3k3s{background:linear-gradient(135deg,#fff,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800}.compare-line.svelte-1ez3k3s{color:#cbd7ff;letter-spacing:.02em;text-align:center;min-height:1.4rem;margin:0;font-size:1.05rem;font-weight:600;animation:.55s svelte-1ez3k3s-line-fade}@keyframes svelte-1ez3k3s-line-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.archetype-gallery.svelte-1ez3k3s,.trait-compare-grid.svelte-1ez3k3s{grid-template-columns:1fr}}
