nav.navbar{display:none}.compare-page.svelte-1v8u03p.svelte-1v8u03p{max-width:var(--container-max-width);margin:0 auto;padding:var(--gap-xl);padding-bottom:0}.framework-selector.svelte-1v8u03p.svelte-1v8u03p{background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--gap-lg) var(--gap-xl)}.framework-selector.svelte-1v8u03p h2.svelte-1v8u03p{font-size:var(--font-md);font-weight:600;margin:0 0 var(--gap-md) 0;color:var(--text-primary)}.count.svelte-1v8u03p.svelte-1v8u03p{color:var(--text-tertiary);font-weight:500}.framework-chips.svelte-1v8u03p.svelte-1v8u03p{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--gap-sm)}.framework-chip.svelte-1v8u03p.svelte-1v8u03p{display:flex;align-items:center;justify-content:center;gap:var(--gap-xs);padding:var(--gap-xs) var(--gap-sm);background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);color:var(--text-primary);position:relative;overflow:hidden;min-height:36px}.framework-chip.svelte-1v8u03p.svelte-1v8u03p:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--brand-color);opacity:0;transition:opacity var(--transition-normal);z-index:0}.framework-chip.svelte-1v8u03p>.svelte-1v8u03p{position:relative;z-index:1}.framework-chip.svelte-1v8u03p.svelte-1v8u03p:hover:not(.disabled){border-color:var(--brand-color);transform:translateY(-2px);background:color-mix(in srgb,var(--brand-color, var(--accent-primary)) 3%,transparent);box-shadow:var(--shadow-md)}.framework-chip.svelte-1v8u03p.svelte-1v8u03p:hover:not(.disabled):before{opacity:.05}.framework-chip.selected.svelte-1v8u03p.svelte-1v8u03p{background:color-mix(in srgb,var(--brand-color, var(--accent-primary)) 20%,transparent);color:#fff;border-color:var(--brand-color);box-shadow:var(--shadow-sm)}.framework-chip.selected.svelte-1v8u03p.svelte-1v8u03p:before{opacity:0}.framework-chip.disabled.svelte-1v8u03p.svelte-1v8u03p{opacity:.4;cursor:not-allowed;transform:none}.chip-logo.svelte-1v8u03p.svelte-1v8u03p{width:16px;height:16px;object-fit:contain}.check-icon.svelte-1v8u03p.svelte-1v8u03p{font-weight:700;font-size:var(--font-xs)}.loading-container.svelte-1v8u03p.svelte-1v8u03p{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding:var(--gap-2xl)}.spinner.svelte-1v8u03p.svelte-1v8u03p{width:48px;height:48px;border:4px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:svelte-1v8u03p-spin .8s linear infinite}@keyframes svelte-1v8u03p-spin{to{transform:rotate(360deg)}}.comparison-charts.svelte-1v8u03p.svelte-1v8u03p{margin-top:var(--gap-2xl);display:flex;flex-direction:column;gap:var(--gap-2xl)}.chart-card.svelte-1v8u03p.svelte-1v8u03p{display:flex;flex-direction:column;gap:var(--gap-lg)}.card-header.svelte-1v8u03p.svelte-1v8u03p{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--gap-md)}.header-content.svelte-1v8u03p.svelte-1v8u03p{display:flex;flex-direction:column;gap:var(--gap-xs)}.chart-card.svelte-1v8u03p h2.svelte-1v8u03p{font-size:var(--font-xl);margin:0}.chart-description.svelte-1v8u03p.svelte-1v8u03p{margin:0;font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5}.iframe-container.svelte-1v8u03p.svelte-1v8u03p{position:relative;width:100%;height:500px;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-tertiary)}.iframe-container.svelte-1v8u03p iframe.svelte-1v8u03p{width:100%;height:100%;border:none;filter:invert(1) hue-rotate(180deg) brightness(1.36) saturate(1.2)}.no-frameworks.svelte-1v8u03p.svelte-1v8u03p{text-align:center;padding:var(--gap-2xl);color:var(--text-tertiary)}.comparison-header.svelte-1v8u03p.svelte-1v8u03p{display:flex;justify-content:space-between;align-items:center;margin:var(--gap-lg) 0 0;gap:var(--gap-lg)}.comparison-title.svelte-1v8u03p.svelte-1v8u03p{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary);margin:0}.view-toggle.svelte-1v8u03p.svelte-1v8u03p{display:flex;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:.25rem;gap:.25rem}.view-toggle-btn.svelte-1v8u03p.svelte-1v8u03p{padding:.5rem 1rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.view-toggle-btn.svelte-1v8u03p.svelte-1v8u03p:hover{color:var(--text-primary);background:var(--surface-tertiary)}.view-toggle-btn.active.svelte-1v8u03p.svelte-1v8u03p{background:var(--accent-primary);color:#fff}@media (max-width: 1024px){.framework-chips.svelte-1v8u03p.svelte-1v8u03p{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width: 768px){.compare-page.svelte-1v8u03p.svelte-1v8u03p,.framework-selector.svelte-1v8u03p.svelte-1v8u03p{padding:var(--gap-md)}.framework-chips.svelte-1v8u03p.svelte-1v8u03p{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--gap-xs)}.comparison-header.svelte-1v8u03p.svelte-1v8u03p{flex-direction:column;align-items:stretch;gap:var(--gap-md)}.comparison-title.svelte-1v8u03p.svelte-1v8u03p{font-size:var(--font-xl);text-align:center}.view-toggle.svelte-1v8u03p.svelte-1v8u03p{width:100%}.view-toggle-btn.svelte-1v8u03p.svelte-1v8u03p{flex:1}}@media (max-width: 480px){.framework-chips.svelte-1v8u03p.svelte-1v8u03p{grid-template-columns:repeat(2,1fr)}.framework-chip.svelte-1v8u03p.svelte-1v8u03p{font-size:var(--font-xs)}}