.compare-index.svelte-mivzyi{max-width:56rem;margin:0 auto;padding:1.5rem 1rem 4rem}.breadcrumb.svelte-mivzyi ol:where(.svelte-mivzyi){display:flex;align-items:center;gap:.375rem;list-style:none;padding:0;margin:0 0 1.5rem;font-size:.8125rem;color:hsl(var(--muted-foreground))}.breadcrumb.svelte-mivzyi li:where(.svelte-mivzyi){display:flex;align-items:center;gap:.375rem}.breadcrumb.svelte-mivzyi a:where(.svelte-mivzyi){display:flex;align-items:center;gap:.25rem;color:hsl(var(--muted-foreground));text-decoration:none}.breadcrumb.svelte-mivzyi a:where(.svelte-mivzyi):hover{color:hsl(var(--foreground))}.breadcrumb.svelte-mivzyi .current:where(.svelte-mivzyi){color:hsl(var(--foreground));font-weight:500}.breadcrumb.svelte-mivzyi .sep{color:hsl(var(--border))}.page-header.svelte-mivzyi{margin-bottom:2rem}.page-header.svelte-mivzyi h1:where(.svelte-mivzyi){font-size:2rem;font-weight:400;margin-bottom:.5rem}.subtitle.svelte-mivzyi{font-size:.9375rem;color:hsl(var(--muted-foreground))}.custom-compare.svelte-mivzyi{padding:1.5rem;background:hsl(var(--muted) / .2);border:1px solid hsl(var(--border));border-radius:.75rem;margin-bottom:2.5rem}.custom-row.svelte-mivzyi{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.compare-select.svelte-mivzyi{flex:1;min-width:140px;padding:.75rem .875rem;font-size:.875rem;border:1.5px solid hsl(var(--border));border-radius:.625rem;background:hsl(var(--background));color:hsl(var(--foreground));cursor:pointer}.compare-select.svelte-mivzyi:focus{outline:none;border-color:hsl(var(--accent))}.vs-label.svelte-mivzyi{font-size:.875rem;font-style:italic;color:hsl(var(--accent));flex-shrink:0}.compare-btn.svelte-mivzyi{padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;background:hsl(var(--accent));border:none;border-radius:.625rem;cursor:pointer;transition:opacity .15s;flex-shrink:0}.compare-btn.svelte-mivzyi:hover{opacity:.9}.compare-btn.svelte-mivzyi:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 640px){.custom-row.svelte-mivzyi{flex-direction:column}.compare-select.svelte-mivzyi{width:100%}.vs-label.svelte-mivzyi{display:none}.compare-btn.svelte-mivzyi{width:100%}}.popular.svelte-mivzyi{margin-top:1rem}.popular-heading.svelte-mivzyi{font-size:1.125rem;font-weight:400;margin-bottom:1rem}.pair-grid.svelte-mivzyi{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.pair-card.svelte-mivzyi{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border:1px solid hsl(var(--border));border-radius:.625rem;text-decoration:none;transition:all .15s;background:hsl(var(--background))}.pair-card.svelte-mivzyi:hover{border-color:hsl(var(--accent) / .5);background:hsl(var(--muted) / .3)}.pair-names.svelte-mivzyi{display:flex;align-items:baseline;gap:.375rem;flex-wrap:wrap}.pair-name.svelte-mivzyi{font-size:.875rem;font-weight:600;color:hsl(var(--foreground))}.pair-vs.svelte-mivzyi{font-size:.75rem;font-style:italic;color:hsl(var(--accent))}.pair-meta.svelte-mivzyi{display:flex;gap:.375rem;flex-wrap:wrap}.pair-status.svelte-mivzyi,.pair-cat.svelte-mivzyi{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.125rem .5rem;border-radius:.25rem}.pair-status-synergistic.svelte-mivzyi{background:#21c45d1f;color:#21c45d}.pair-status-compatible.svelte-mivzyi{background:hsl(var(--accent) / .12);color:hsl(var(--accent))}.pair-cat.svelte-mivzyi{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}