.community-section.svelte-7oy24f{background:var(--color-white);padding:var(--spacing-16) 0 var(--spacing-12);position:relative;z-index:1}.community-header.svelte-7oy24f{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:var(--spacing-8)}.search-filter-container.svelte-7oy24f{display:flex;align-items:center;gap:var(--spacing-3);width:100%;max-width:800px;margin-bottom:var(--spacing-6)}.search-container.svelte-7oy24f{flex:1;min-width:300px}.sort-container.svelte-7oy24f{min-height:100%}.sort-select.svelte-7oy24f{padding:var(--spacing-4) var(--spacing-8) var(--spacing-4) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--color-white);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-3) center;background-repeat:no-repeat;background-size:16px;min-width:150px}.sort-select.svelte-7oy24f:focus{outline:none;border-color:var(--color-primary)}.sort-select.svelte-7oy24f:disabled{background:var(--color-grey-light);cursor:not-allowed;opacity:.6}.filter-container.svelte-7oy24f{flex-shrink:0}.search-input-wrapper.svelte-7oy24f{position:relative;display:flex;align-items:center}.search-input.svelte-7oy24f{width:100%;padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-12);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--color-white);transition:all var(--transition-fast)}.search-input.svelte-7oy24f:focus{outline:none;border-color:var(--color-primary)}.search-input.svelte-7oy24f:disabled{background:var(--color-grey-light);cursor:not-allowed;opacity:.6}.search-icon.svelte-7oy24f{position:absolute;left:var(--spacing-4);color:var(--color-text-muted);pointer-events:none;z-index:1;transition:all var(--transition-fast)}.search-icon.searching.svelte-7oy24f{color:var(--color-primary);animation:svelte-7oy24f-pulse 1.5s ease-in-out infinite}.clear-search-button.svelte-7oy24f{position:absolute;right:var(--spacing-3);background:none;border:none;padding:var(--spacing-2);cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.clear-search-button.svelte-7oy24f:hover{background:var(--color-surface);color:var(--color-text-primary)}.community-section.svelte-7oy24f h2:where(.svelte-7oy24f){font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-8);text-align:left}.community-container.svelte-7oy24f{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.tab-navigation.svelte-7oy24f{display:flex;gap:var(--spacing-1);margin-bottom:var(--spacing-6);flex-wrap:wrap;align-items:center;justify-content:center}.tab-button.svelte-7oy24f{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tab-button.svelte-7oy24f:hover{background:var(--color-surface);border-color:var(--color-primary-light)}.tab-button.active.svelte-7oy24f{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.empty-state.svelte-7oy24f{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16);color:var(--color-text-muted);border:2px dashed var(--color-border);border-radius:var(--radius-lg);margin-top:var(--spacing-8);gap:var(--spacing-4)}.empty-state.svelte-7oy24f p:where(.svelte-7oy24f){margin-bottom:var(--spacing-4);font-size:var(--font-size-lg)}.loading-state.svelte-7oy24f{margin-top:var(--spacing-8)}.loading-grid.svelte-7oy24f{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-6)}.loading-card.svelte-7oy24f{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-4);animation:svelte-7oy24f-pulse 2s ease-in-out infinite}.loading-image.svelte-7oy24f{width:100%;height:200px;background:var(--color-border);border-radius:var(--radius-base);margin-bottom:var(--spacing-3)}.loading-text.svelte-7oy24f{height:16px;background:var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--spacing-2)}.loading-text.short.svelte-7oy24f{width:60%}@keyframes svelte-7oy24f-pulse{0%,to{opacity:1}50%{opacity:.5}}.error-state.svelte-7oy24f{text-align:center;padding:var(--spacing-16);color:var(--color-text-muted);border:2px dashed var(--color-error-light);border-radius:var(--radius-lg);margin-top:var(--spacing-8);background:var(--color-error-bg, #fef2f2)}.error-state.svelte-7oy24f p:where(.svelte-7oy24f){margin-bottom:var(--spacing-2);font-size:var(--font-size-lg);color:var(--color-error)}.error-message.svelte-7oy24f{font-size:var(--font-size-sm)!important;color:var(--color-text-muted)!important;margin-bottom:var(--spacing-4)!important}.retry-button.svelte-7oy24f{background:var(--color-error);color:var(--color-white);border:none;border-radius:var(--radius-base);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.retry-button.svelte-7oy24f:hover{background:var(--color-error-dark)}.infinite-scroll-loading.svelte-7oy24f{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);margin-top:var(--spacing-8);gap:var(--spacing-4)}.loading-spinner.svelte-7oy24f{width:32px;height:32px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:svelte-7oy24f-spin 1s linear infinite}.infinite-scroll-loading.svelte-7oy24f p:where(.svelte-7oy24f){color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}@keyframes svelte-7oy24f-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.community-section.svelte-7oy24f{padding:var(--spacing-12) 0 var(--spacing-8)}.community-section.svelte-7oy24f h2:where(.svelte-7oy24f){text-align:center;font-size:var(--font-size-2xl)}.tab-navigation.svelte-7oy24f{justify-content:center;overflow-x:auto;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.loading-grid.svelte-7oy24f{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-1)}.error-state.svelte-7oy24f,.empty-state.svelte-7oy24f{padding:var(--spacing-8)}.infinite-scroll-loading.svelte-7oy24f{padding:var(--spacing-4);margin-top:var(--spacing-6)}.search-filter-container.svelte-7oy24f{flex-direction:column;gap:var(--spacing-3);max-width:100%;margin-bottom:var(--spacing-4)}.search-container.svelte-7oy24f{min-width:auto;width:100%}.sort-container.svelte-7oy24f{width:100%;align-items:center;justify-content:center;display:flex}.sort-select.svelte-7oy24f{min-width:130px;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-6) var(--spacing-2) var(--spacing-3)}.filter-container.svelte-7oy24f{align-self:flex-end}.search-input.svelte-7oy24f{font-size:var(--font-size-sm)}.search-icon.svelte-7oy24f{left:var(--spacing-3);width:16px;height:16px}.clear-search-button.svelte-7oy24f{right:var(--spacing-2)}}