.material-search.svelte-ng0jic{width:100%}.search-filters.svelte-ng0jic{margin-bottom:1.5rem}.search-input-container.svelte-ng0jic{position:relative;margin-bottom:1rem}.search-icon.svelte-ng0jic{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--color-text-muted);pointer-events:none}.search-input.svelte-ng0jic{padding-left:3rem;padding-right:2.5rem}.clear-btn.svelte-ng0jic{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);padding:.25rem;background:none;border:none;cursor:pointer;color:var(--color-text-muted);transition:color .15s ease}.clear-btn.svelte-ng0jic:hover{color:var(--color-text-primary)}.clear-btn.svelte-ng0jic svg:where(.svelte-ng0jic){width:1rem;height:1rem}.filter-row.svelte-ng0jic{display:flex;gap:1rem;flex-wrap:wrap}.filter-row.svelte-ng0jic .select:where(.svelte-ng0jic){flex:1;min-width:10rem}.results-meta.svelte-ng0jic{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-default)}.results-count.svelte-ng0jic{font-size:.9375rem;color:var(--color-text-primary);font-weight:500}.filter-indicator.svelte-ng0jic{font-size:.875rem;color:var(--color-text-secondary)}.results-grid.svelte-ng0jic{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(18rem,100%),1fr));gap:1.5rem}.material-card.svelte-ng0jic{display:flex;flex-direction:column;padding:1.5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all .25s ease}.material-card.svelte-ng0jic:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header.svelte-ng0jic{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.card-title.svelte-ng0jic{font-family:var(--font-serif);font-size:1.25rem;font-weight:500;color:var(--color-text-primary);margin:0;min-width:0;overflow-wrap:anywhere}.card-meta.svelte-ng0jic{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.card-family.svelte-ng0jic{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-primary)}.card-cas.svelte-ng0jic{font-size:.75rem;color:var(--color-text-secondary);font-family:var(--font-mono, monospace)}.card-description.svelte-ng0jic{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5;margin:0 0 auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer.svelte-ng0jic{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border-default)}.card-synonyms.svelte-ng0jic{font-size:.8125rem;color:var(--color-text-secondary)}.arrow-icon.svelte-ng0jic{width:1rem;height:1rem;color:var(--color-accent-primary)}.empty-state.svelte-ng0jic{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem}.empty-icon.svelte-ng0jic{width:4rem;height:4rem;color:var(--color-text-muted);margin-bottom:1rem}.empty-state.svelte-ng0jic h3:where(.svelte-ng0jic){font-family:var(--font-serif);font-size:1.5rem;color:var(--color-text-primary);margin:0 0 .5rem}.empty-state.svelte-ng0jic p:where(.svelte-ng0jic){color:var(--color-text-secondary);margin:0 0 1.5rem}.loading.svelte-ng0jic{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;color:var(--color-text-secondary)}.loading-spinner.svelte-ng0jic{width:2rem;height:2rem;border:2px solid var(--color-border-default);border-top-color:var(--color-accent-primary);border-radius:50%;animation:svelte-ng0jic-spin .8s linear infinite}@keyframes svelte-ng0jic-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.results-grid.svelte-ng0jic{grid-template-columns:1fr;gap:1rem}.material-card.svelte-ng0jic{padding:1.25rem}.card-title.svelte-ng0jic{font-size:1.125rem}.empty-state.svelte-ng0jic,.loading.svelte-ng0jic{padding:2rem 1rem}}@media(max-width:640px){.filter-row.svelte-ng0jic{flex-direction:column}.filter-row.svelte-ng0jic .select:where(.svelte-ng0jic){width:100%}}