.page-header.svelte-10vxsmi{text-align:center;margin-bottom:3rem;padding:0 1rem}.page-title.svelte-10vxsmi{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1.1}.page-subtitle.svelte-10vxsmi{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;line-height:1.6}.search-container.svelte-10vxsmi{max-width:400px;margin:0 auto}.search-input-wrapper.svelte-10vxsmi{position:relative;display:flex;align-items:center}.search-icon.svelte-10vxsmi{position:absolute;left:1rem;width:1.25rem;height:1.25rem;color:var(--text-secondary);pointer-events:none}.search-input.svelte-10vxsmi{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid var(--border-light);border-radius:var(--radius);background:var(--surface);color:var(--text-primary);font-size:1rem;transition:var(--transition)}.search-input.svelte-10vxsmi:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color),.1)}.clear-search.svelte-10vxsmi{position:absolute;right:1rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:var(--transition)}.clear-search.svelte-10vxsmi:hover{color:var(--text-primary);background:var(--border-light)}.clear-search.svelte-10vxsmi svg:where(.svelte-10vxsmi){width:1rem;height:1rem}.content-wrapper.svelte-10vxsmi{max-width:1200px;margin:0 auto;padding:0 1rem}.visualizations-grid.svelte-10vxsmi{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.viz-card.svelte-10vxsmi{position:relative;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;overflow:hidden;transform:translateY(20px);opacity:0;animation:svelte-10vxsmi-slideInUp .5s ease-out forwards;animation-delay:var(--delay)}.viz-card.svelte-10vxsmi:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px rgba(var(--primary-color),.1)}.card-inner.svelte-10vxsmi{position:relative;padding:2rem;height:100%;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}.icon-container.svelte-10vxsmi{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:var(--transition)}.viz-card.svelte-10vxsmi:hover .icon-container:where(.svelte-10vxsmi){transform:scale(1.1) rotate(5deg)}.icon-text.svelte-10vxsmi{font-size:1.5rem}.card-content.svelte-10vxsmi{flex:1;display:flex;flex-direction:column;gap:.75rem}.card-title.svelte-10vxsmi{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin:0}.card-description.svelte-10vxsmi{color:var(--text-secondary);line-height:1.5;font-size:1rem;margin:0}.card-arrow.svelte-10vxsmi{position:absolute;top:2rem;right:2rem;color:var(--text-secondary);transition:var(--transition);opacity:0;transform:translate(-8px)}.card-arrow.svelte-10vxsmi svg:where(.svelte-10vxsmi){width:1.25rem;height:1.25rem}.viz-card.svelte-10vxsmi:hover .card-arrow:where(.svelte-10vxsmi){opacity:1;transform:translate(0)}.empty-state.svelte-10vxsmi{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-icon.svelte-10vxsmi{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.empty-title.svelte-10vxsmi{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.empty-description.svelte-10vxsmi{font-size:1.125rem;max-width:400px;margin:0 auto;line-height:1.6}.empty-link.svelte-10vxsmi{color:var(--primary-color);text-decoration:none;font-weight:600;background:none;border:none;cursor:pointer;padding:0;font-size:inherit}.empty-link.svelte-10vxsmi:hover{text-decoration:underline}@keyframes svelte-10vxsmi-slideInUp{to{transform:translateY(0);opacity:1}}@media(max-width:768px){.page-title.svelte-10vxsmi{font-size:2rem}.page-subtitle.svelte-10vxsmi{font-size:1.125rem;padding:0 1rem}.visualizations-grid.svelte-10vxsmi{grid-template-columns:1fr;gap:1rem}.card-inner.svelte-10vxsmi{padding:1.5rem;gap:1rem}.icon-container.svelte-10vxsmi{width:56px;height:56px}.card-title.svelte-10vxsmi{font-size:1.25rem}.card-arrow.svelte-10vxsmi{display:none}}@media(max-width:480px){.page-title.svelte-10vxsmi{font-size:1.75rem}.card-inner.svelte-10vxsmi{padding:1.25rem}.card-title.svelte-10vxsmi{font-size:1.125rem}}