.search-bar.svelte-10o3q8x{position:relative;margin-bottom:16px}.search-icon.svelte-10o3q8x{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.search-bar.svelte-10o3q8x input:where(.svelte-10o3q8x){width:100%;height:40px;padding:0 16px 0 42px;background:var(--bg-hover);border:none;border-radius:20px;color:var(--text);font-size:14px;outline:none;box-sizing:border-box}.search-bar.svelte-10o3q8x input:where(.svelte-10o3q8x)::placeholder{color:#555}.search-bar.svelte-10o3q8x input:where(.svelte-10o3q8x):focus{background:#ffffff1a}.cat-grid.svelte-10o3q8x{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:768px){.cat-grid.svelte-10o3q8x{grid-template-columns:repeat(3,1fr)}}.cat-card.svelte-10o3q8x{position:relative;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#1a1a1a;text-decoration:none}.cat-thumb.svelte-10o3q8x{width:100%;height:100%;object-fit:cover}.cat-overlay.svelte-10o3q8x{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 60%);display:flex;align-items:flex-end;padding:12px;gap:10px}.cat-icon.svelte-10o3q8x{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cat-icon.svelte-10o3q8x svg{width:24px;height:24px}.cat-info.svelte-10o3q8x{display:flex;flex-direction:column;flex:1}.cat-name.svelte-10o3q8x{color:#fff;font-size:14px;font-weight:700}.cat-count.svelte-10o3q8x{color:var(--text-secondary);font-size:12px}