.catalog{padding:120px 0 80px}h1{font-size:2rem;font-weight:550;letter-spacing:-.03em;margin-bottom:var(--r-space-3)}.catalog-desc{color:var(--text-3);font-size:.95rem;margin-bottom:var(--r-space-8);line-height:var(--r-leading-normal)}.filters{display:flex;gap:8px;margin-bottom:var(--r-space-5);align-items:center}.search-input{flex:1;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-radius-sm);padding:8px 14px;font-size:.85rem;color:var(--text);font-family:var(--sans);transition:border-color var(--r-duration-fast)}.search-input:focus{outline:none;border-color:var(--text-3)}.search-input::placeholder{color:var(--text-3)}.filter-dropdowns{display:flex;gap:8px;flex-shrink:0}.filter-dropdowns :global(.dropdown){display:block}.filter-dropdowns :global(.dropdown-trigger){justify-content:space-between;font-family:var(--mono);font-size:.72rem;padding:6px 10px;white-space:nowrap}.filter-dropdowns :global(.dropdown-item){font-family:var(--mono);font-size:.72rem}.clear-btn{background:none;border:1px solid var(--border);border-radius:var(--r-radius-sm);padding:6px 10px;font-size:.72rem;color:var(--text-3);font-family:var(--mono);cursor:pointer;white-space:nowrap;transition:border-color var(--r-duration-fast),color var(--r-duration-fast);flex-shrink:0}.clear-btn:hover{border-color:var(--text-3);color:var(--text-2)}.gene-count-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--r-space-4)}.gene-count{font-size:.78rem;color:var(--text-3);font-family:var(--mono)}.refresh-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:1px solid var(--border);border-radius:var(--r-radius-sm);padding:4px 10px;font-size:.72rem;color:var(--text-3);font-family:var(--mono);cursor:pointer;transition:border-color var(--r-duration-fast),color var(--r-duration-fast)}.refresh-btn:hover{border-color:var(--text-3);color:var(--text-2)}.refresh-icon{width:12px;height:12px}.refresh-btn.spinning .refresh-icon{animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gene-list{display:flex;flex-direction:column;gap:var(--r-space-3, 12px)}.gene-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-radius-md);padding:var(--r-space-5, 20px) var(--r-space-6, 24px);transition:border-color var(--r-duration-fast),transform var(--r-duration-fast),box-shadow var(--r-duration-fast),background var(--r-duration-fast);text-decoration:none;color:inherit}.gene-card:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--r-shadow-sm);background:var(--surface-hover)}.gene-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--r-space-2, 8px)}.gene-name{font-family:var(--mono);font-size:var(--r-text-base, 1rem);font-weight:500;color:var(--text-1);letter-spacing:-.01em}.gene-badges{display:flex;gap:var(--r-space-2, 8px)}.badge{font-family:var(--mono);font-size:.68rem;font-weight:500;padding:2px var(--r-space-2, 8px);border-radius:var(--r-radius-xs);text-transform:uppercase;letter-spacing:.04em}.badge-fidelity{border:1px solid var(--border);color:var(--text-3)}.badge-fidelity.native{border-color:color-mix(in srgb,var(--color-success) 18%,transparent);color:color-mix(in srgb,var(--color-success) 70%,var(--text-3));background:color-mix(in srgb,var(--color-success) 8%,transparent)}.badge-fidelity.wrapped{border-color:color-mix(in srgb,var(--text-3) 25%,transparent);color:var(--text-3)}.badge-fidelity.hybrid{border-color:color-mix(in srgb,var(--r-brand) 20%,transparent);color:color-mix(in srgb,var(--r-brand) 70%,var(--text-3));background:color-mix(in srgb,var(--r-brand) 8%,transparent)}.badge-version{border-color:var(--border);color:var(--text-3)}.gene-desc{font-size:var(--r-text-sm, .875rem);color:var(--text-2);margin-bottom:var(--r-space-4, 16px);line-height:var(--r-leading-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gene-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--r-space-2, 8px);padding-top:var(--r-space-3, 12px);border-top:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.meta-left,.meta-right{display:flex;align-items:center;gap:var(--r-space-2, 8px)}.gene-meta span{font-size:var(--r-text-xs, .75rem);color:var(--text-3)}.gene-meta code{font-size:.72rem;color:var(--text-2)}.meta-sep{color:var(--border)!important;user-select:none}.meta-rep{font-family:var(--mono);font-weight:500}.meta-rep-none{font-family:var(--mono);color:var(--text-3)!important;opacity:.6}.meta-wasm,.meta-dl,.meta-author,.meta-date{font-family:var(--mono)}.empty-state{text-align:center;padding:var(--r-space-16) var(--r-space-6)}.empty-icon{font-size:2.5rem;margin-bottom:var(--r-space-3)}.empty-state p{font-size:1rem;color:var(--text-2);margin-bottom:var(--r-space-1)}.empty-sub{font-size:.85rem!important;color:var(--text-3)!important}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:8px 0 32px}.pagination[data-hidden=true]{display:none}.page-btn{font-family:var(--mono);font-size:.75rem;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-radius-sm);padding:6px 14px;cursor:pointer;transition:all var(--r-duration-fast)}.page-btn:hover:not(:disabled){border-color:var(--text-3);color:var(--text);background:var(--surface-hover);box-shadow:var(--r-shadow-sm)}.page-btn:disabled{opacity:.35;cursor:default}.page-info{font-family:var(--mono);font-size:.75rem;color:var(--text-3);min-width:60px;text-align:center}@media(max-width:768px){h1{font-size:1.5rem}.filters{flex-direction:column}.search-input{min-width:unset;width:100%}.filter-dropdowns{width:100%}.filter-dropdowns>:global(.dropdown){flex:1;min-width:0}.filter-dropdowns :global(.dropdown-trigger){width:100%}.gene-meta{gap:10px}}