.fish-card[data-v-974c6827]{display:flex;flex-direction:column;overflow:hidden}.fish-card__image[data-v-974c6827]{position:relative;width:100%;height:180px;overflow:hidden;background:#f3f4f6}.fish-card__image img[data-v-974c6827]{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1)}.fish-card:hover .fish-card__image img[data-v-974c6827]{transform:scale(1.05)}.fish-card__image-placeholder[data-v-974c6827]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4f8,#f0fdfa);color:#8da8c6}.fish-card__difficulty[data-v-974c6827]{position:absolute;top:.75rem;right:.75rem}.fish-card__body[data-v-974c6827]{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;flex:1}.fish-card__name[data-v-974c6827]{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .25rem;line-height:1.375;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fish-card__scientific[data-v-974c6827]{font-size:.875rem;color:#6b7280;font-style:italic;margin:0 0 .75rem;line-height:1.5}.fish-card__family[data-v-974c6827]{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#4b5563;margin-bottom:.75rem}.fish-card__habitats[data-v-974c6827]{margin-bottom:.75rem}.fish-card__meta[data-v-974c6827]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:auto;padding-top:.75rem;border-top:1px solid #e5e7eb}.fish-card__meta-item[data-v-974c6827]{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}@media (max-width: 640px){.fish-card__image[data-v-974c6827]{height:150px}.fish-card__body[data-v-974c6827]{padding:.75rem 1rem 1rem}}.encyclopedia-page[data-v-cd7e15c8]{min-height:100vh;background:#f9fafb}.hero-section[data-v-cd7e15c8]{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center;padding:4rem 1rem;background:linear-gradient(135deg,#1a3251,#1e3a5f,#0d9488)}.hero-section[data-v-cd7e15c8]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.06) 0%,transparent 50%)}.hero-content[data-v-cd7e15c8]{position:relative;text-align:center;color:#fff;max-width:700px;margin:0 auto}.hero-icon[data-v-cd7e15c8]{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:9999px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:1.5rem;color:#fff}.hero-title[data-v-cd7e15c8]{font-size:3rem;font-weight:700;margin:0 0 1rem;line-height:1.25;text-shadow:0 2px 12px rgba(0,0,0,.3)}.hero-subtitle[data-v-cd7e15c8]{font-size:1.25rem;line-height:1.75;color:#ffffffe6;margin:0 0 2rem}.hero-search[data-v-cd7e15c8]{max-width:560px;margin:0 auto}.search-input-wrapper[data-v-cd7e15c8]{position:relative}.search-icon[data-v-cd7e15c8]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280}.search-input[data-v-cd7e15c8]{width:100%;padding:1rem 1rem 1rem 2.5rem;font-size:1rem;border:none;border-radius:.75rem;background:#fffffff2;color:#111827;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-input[data-v-cd7e15c8]:focus{outline:none;background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 3px #ffffff4d}.search-input[data-v-cd7e15c8]::placeholder{color:#6b7280}.encyclopedia-content[data-v-cd7e15c8]{padding:2rem 1rem 4rem;max-width:1280px;margin:0 auto}.filters-section[data-v-cd7e15c8]{margin-bottom:2rem}.filters-row[data-v-cd7e15c8]{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:.75rem}.filter-item[data-v-cd7e15c8]{flex:1;min-width:140px;max-width:200px}.filter-select[data-v-cd7e15c8]{width:100%;padding:.75rem 1rem;font-size:.875rem;border:1.5px solid #d1d5db;border-radius:.5rem;background:#fff;color:#111827;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.filter-select[data-v-cd7e15c8]:hover{border-color:#8da8c6}.filter-select[data-v-cd7e15c8]:focus{outline:none;border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f26}.filters-counter[data-v-cd7e15c8]{font-size:.875rem;color:#4b5563}.filters-counter strong[data-v-cd7e15c8]{color:#111827;font-weight:600}.species-grid[data-v-cd7e15c8]{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.skeleton-card[data-v-cd7e15c8]{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 2px #0000000d,0 1px 3px #0000001a}.skeleton-card__body[data-v-cd7e15c8]{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.skeleton-card__badges[data-v-cd7e15c8]{display:flex;gap:.5rem}.error-state[data-v-cd7e15c8]{text-align:center;padding:4rem;color:#4b5563}.error-state[data-v-cd7e15c8] svg{color:#f87171;margin-bottom:1rem}.error-state h3[data-v-cd7e15c8]{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.error-state p[data-v-cd7e15c8]{margin:0 0 1rem;line-height:1.75}.empty-state[data-v-cd7e15c8]{text-align:center;padding:4rem;color:#4b5563}.empty-state__icon[data-v-cd7e15c8]{color:#d1d5db;margin-bottom:1rem}.empty-state h3[data-v-cd7e15c8]{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.empty-state p[data-v-cd7e15c8]{margin:0 0 1rem;line-height:1.75}.pagination[data-v-cd7e15c8]{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2.5rem}.pagination__btn[data-v-cd7e15c8]{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .5rem;border:1.5px solid #d1d5db;border-radius:.5rem;background:#fff;color:#111827;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.pagination__btn[data-v-cd7e15c8]:hover:not(:disabled){border-color:#8da8c6;color:#1a3251;background:#f0f4f8}.pagination__btn[data-v-cd7e15c8]:disabled{opacity:.4;cursor:not-allowed}.pagination__btn--active[data-v-cd7e15c8]{background:#1e3a5f;border-color:#1e3a5f;color:#fff}.pagination__btn--active[data-v-cd7e15c8]:hover{background:#1a3251;border-color:#1a3251;color:#fff}.pagination__ellipsis[data-v-cd7e15c8]{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:#6b7280;font-size:.875rem}@media (max-width: 1280px){.species-grid[data-v-cd7e15c8]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.species-grid[data-v-cd7e15c8]{grid-template-columns:repeat(2,1fr)}.filter-item[data-v-cd7e15c8]{min-width:120px}}@media (max-width: 768px){.hero-section[data-v-cd7e15c8]{min-height:260px;padding:3rem 1rem}.hero-title[data-v-cd7e15c8]{font-size:1.875rem}.hero-subtitle[data-v-cd7e15c8]{font-size:1rem}.hero-icon[data-v-cd7e15c8]{width:80px;height:80px}.filters-row[data-v-cd7e15c8]{flex-direction:column}.filter-item[data-v-cd7e15c8]{min-width:100%;max-width:100%}.species-grid[data-v-cd7e15c8]{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 640px){.species-grid[data-v-cd7e15c8]{grid-template-columns:1fr}.encyclopedia-content[data-v-cd7e15c8]{padding:1.5rem 1rem 3rem}}