.cross-page.svelte-18lfyur{min-height:100vh;background:var(--bg-warm);position:relative}.cross-bg.svelte-18lfyur{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,var(--green-soft) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,var(--rose-soft) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--gold-soft) 0%,transparent 40%),var(--bg-warm);opacity:.6;z-index:0;pointer-events:none}.cross-content.svelte-18lfyur{position:relative;z-index:1;max-width:800px;padding:var(--space-3xl) var(--space-lg) var(--space-3xl)}.cross-header.svelte-18lfyur{text-align:center;margin-bottom:var(--space-2xl)}.cross-title.svelte-18lfyur{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,3.2rem);font-weight:400;color:var(--green-deep);margin:0}.cross-subtitle.svelte-18lfyur{font-size:1.15rem;color:var(--ink-secondary);margin-top:var(--space-sm)}.cross-inputs.svelte-18lfyur{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-md);align-items:end}.cross-x.svelte-18lfyur{font-size:2rem;color:var(--ink-tertiary);padding-bottom:var(--space-sm);text-align:center}.parent-input-wrap.svelte-18lfyur{position:relative}.parent-label.svelte-18lfyur{display:block;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-tertiary);margin-bottom:var(--space-xs)}.search-container.svelte-18lfyur{position:relative}.parent-search.svelte-18lfyur{width:100%;padding:var(--space-md);border:2px solid rgba(154,142,127,.2);border-radius:var(--radius-md);background:var(--bg-card);font-family:var(--font-body);font-size:1.1rem;color:var(--ink);min-height:52px;outline:none;transition:border-color var(--duration-fast)}.parent-search.svelte-18lfyur:focus{border-color:var(--green)}.parent-search.svelte-18lfyur::placeholder{color:var(--ink-tertiary)}.selected-parent.svelte-18lfyur{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:2px solid var(--green);border-radius:var(--radius-md);min-height:52px}.selected-name.svelte-18lfyur{flex:1;font-family:var(--font-display);font-size:1.15rem;color:var(--green);text-decoration:none}.selected-name.svelte-18lfyur:hover{text-decoration:underline}.clear-btn.svelte-18lfyur{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--ink-tertiary);cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0}.clear-btn.svelte-18lfyur:hover{color:var(--rose);background:var(--rose-soft)}.clear-btn.svelte-18lfyur svg:where(.svelte-18lfyur){width:16px;height:16px}.search-dropdown.svelte-18lfyur{position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:4px;overflow:hidden}.dropdown-hit.svelte-18lfyur{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-md);border:none;background:transparent;font-family:var(--font-display);font-size:1.05rem;color:var(--ink);cursor:pointer;text-align:left;min-height:44px;transition:background var(--duration-fast)}.dropdown-hit.svelte-18lfyur:hover{background:var(--bg-warm)}.hit-badge.svelte-18lfyur{font-family:var(--font-body);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);flex-shrink:0}.hit-badge.species.svelte-18lfyur{background:var(--green-soft);color:var(--green)}.hit-badge.hybrid.svelte-18lfyur{background:var(--rose-soft);color:var(--rose)}.cross-results.svelte-18lfyur{margin-top:var(--space-2xl)}.cross-loading.svelte-18lfyur{text-align:center;margin-top:var(--space-2xl);font-size:1.15rem;color:var(--ink-tertiary)}.result-cards.svelte-18lfyur{display:flex;flex-direction:column;gap:var(--space-md)}.result-card.svelte-18lfyur{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border-radius:var(--radius-md);border-left:3px solid var(--rose);text-decoration:none;color:var(--ink);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-fast);min-height:44px}.result-card.svelte-18lfyur:hover{box-shadow:var(--shadow-md)}.result-photo.svelte-18lfyur{width:80px;height:80px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.result-photo-placeholder.svelte-18lfyur{width:80px;height:80px;border-radius:var(--radius-sm);background:var(--rose-soft);flex-shrink:0}.result-info.svelte-18lfyur{display:flex;flex-direction:column;gap:var(--space-xs);justify-content:center}.result-name.svelte-18lfyur{font-family:var(--font-display);font-size:1.3rem;color:var(--rose)}.result-parentage.svelte-18lfyur{font-size:1rem;color:var(--ink-secondary);font-family:var(--font-display)}.result-x.svelte-18lfyur{color:var(--ink-tertiary);margin:0 4px}.result-role.svelte-18lfyur{font-size:.85rem;color:var(--ink-tertiary);font-style:italic}.children-count.svelte-18lfyur{font-size:1.05rem;color:var(--ink-secondary);margin:0 0 var(--space-md)}.no-results.svelte-18lfyur{text-align:center;padding:var(--space-2xl) var(--space-lg);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.no-results-text.svelte-18lfyur{font-size:1.15rem;color:var(--ink-secondary);margin:0}.rhs-link.svelte-18lfyur{display:inline-block;margin-top:var(--space-md);font-size:1.05rem;color:var(--green);text-decoration:none;border-bottom:1px solid var(--green-soft);padding-bottom:2px}.rhs-link.svelte-18lfyur:hover{border-color:var(--green)}.siblings-section.svelte-18lfyur{margin-top:var(--space-2xl)}.siblings-hint.svelte-18lfyur{font-size:1rem;color:var(--ink-tertiary);margin:0 0 var(--space-md)}.sibling-list.svelte-18lfyur{display:flex;flex-direction:column;gap:var(--space-xs)}.sibling-link.svelte-18lfyur{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border-radius:var(--radius-sm);text-decoration:none;color:var(--ink);font-family:var(--font-display);font-size:1.05rem;min-height:44px;transition:background var(--duration-fast)}.sibling-link.svelte-18lfyur:hover{background:var(--bg-warm)}.sibling-parents.svelte-18lfyur{font-size:.95rem;color:var(--ink-tertiary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.cross-inputs.svelte-18lfyur{grid-template-columns:1fr}.cross-x.svelte-18lfyur{padding:0;font-size:1.5rem}.sibling-link.svelte-18lfyur{flex-direction:column;align-items:flex-start;gap:2px}}