:root{--ink: #1a1a1a;--ink-soft: #555;--ink-faint: #8a8a8a;--paper: #fdfdfb;--card: #fff;--rule: #e6e4de;--accent: #1d6a7a;--photo-bg: #f0efea;--hover: #f2f1ec;--chip-bg: rgb(255 255 255 / .92);--brand: #00b1da;--brand-accent: #ffc732;--on-brand: #00323f;--radius: 8px;--src-perplexity: #6a3fb5;--src-fishbase: #b85f00;--src-worms: #2b6cb0;--ai-bg: #f3edfc;--ai-ink: #6a3fb5;--ai-rule: #c9b5ec;color-scheme:light}:root[data-theme=dark]{--ink: #ece9e2;--ink-soft: #b5b2aa;--ink-faint: #8f8c85;--paper: #14181a;--card: #1d2326;--rule: #2f383c;--accent: #5cc4d8;--photo-bg: #262d30;--hover: #232b2e;--chip-bg: rgb(29 35 38 / .92);--src-perplexity: #7a52c7;--src-fishbase: #b85f00;--src-worms: #3a74b8;--ai-bg: #2a2142;--ai-ink: #c9b5ec;--ai-rule: #4b3a78;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-theme=dark]){--ink: #ece9e2;--ink-soft: #b5b2aa;--ink-faint: #8f8c85;--paper: #14181a;--card: #1d2326;--rule: #2f383c;--accent: #5cc4d8;--photo-bg: #262d30;--hover: #232b2e;--chip-bg: rgb(29 35 38 / .92);--src-perplexity: #7a52c7;--src-fishbase: #b85f00;--src-worms: #3a74b8;--ai-bg: #2a2142;--ai-ink: #c9b5ec;--ai-rule: #4b3a78;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,Segoe UI,Arial,Noto Sans Hebrew,sans-serif}.app{max-width:1100px;margin-inline:auto;padding-inline:16px}.site-header{background:var(--brand);border-block-end:4px solid var(--brand-accent);position:sticky;inset-block-start:0;z-index:10}.site-header__inner{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;max-inline-size:1100px;margin-inline:auto;padding:10px 16px}.site-title{font-weight:700;font-size:1.1rem;text-decoration:none;color:var(--on-brand);flex:1 1 auto;order:0}.site-header .searchbox{flex:1 1 100%;order:2}.site-menu{order:1;position:relative}@media (min-width: 720px){.site-title{flex:0 0 auto}.site-header .searchbox{flex:1 1 320px;order:1}.site-menu{order:2}}.menu-button{display:grid;place-items:center;inline-size:44px;block-size:44px;background:none;border:0;border-radius:var(--radius);cursor:pointer;color:var(--on-brand)}.menu-button:focus-visible{outline:3px solid var(--on-brand);outline-offset:2px}.menu-panel button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.menu-panel{position:absolute;inset-block-start:100%;inset-inline-end:0;min-inline-size:240px;margin-block-start:6px;padding:12px;background:var(--card);color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:0 6px 20px #0000002e;z-index:30}.menu-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.menu-row+.menu-row{margin-block-start:12px}.menu-label{flex:1 0 100%;font-size:.8em;color:var(--ink-faint)}.menu-panel button{flex:1 1 auto;min-block-size:44px;padding-inline:12px;font:inherit;color:var(--ink);background:none;border:1px solid var(--rule);border-radius:var(--radius);cursor:pointer}.menu-panel button[aria-pressed=true]{background:var(--brand);color:var(--on-brand);border-color:var(--brand);font-weight:700}@media (hover: hover) and (pointer: fine){.menu-panel button{min-block-size:36px}.menu-panel button:hover{background:var(--hover)}.menu-panel button[aria-pressed=true]:hover{background:var(--brand)}}.searchbox{position:relative;flex:1 1 240px}.searchbox input{inline-size:100%;padding:9px 12px;font:inherit;border:1px solid var(--rule);border-radius:var(--radius);background:var(--card)}.suggestions{position:absolute;inset-inline:0;inset-block-start:100%;margin:4px 0 0;padding:0;list-style:none;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);z-index:20;max-block-size:60vh;overflow-y:auto}.suggestions a{display:flex;gap:8px;flex-wrap:wrap;padding:8px 12px;text-decoration:none;color:var(--ink)}.suggestions a:hover{background:var(--hover)}.s-la{color:var(--ink-soft);font-size:.9em}.grid{display:grid;grid-template-columns:1fr;gap:14px;padding-block:18px}@media (min-width: 560px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 860px){.grid{grid-template-columns:repeat(3,1fr)}}.card{position:relative;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden}.card-link{display:block;text-decoration:none;color:inherit}.card-body{padding:10px 12px}.card-meta{color:var(--ink-faint);font-size:.8em;margin-block-start:3px}.family-card{display:block;position:relative;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit}.family-card img{display:block;inline-size:100%;block-size:auto;aspect-ratio:1 / 1;object-fit:contain;background:var(--photo-bg)}.family-card__blank{aspect-ratio:1 / 1;background:var(--photo-bg)}.family-card h2{margin:0;padding:10px 12px 0;font:inherit;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.family-card__latin{margin-block-start:3px;padding-inline:12px;color:var(--ink-soft);font-size:.87em}.family-card__count{color:var(--ink-faint);font-size:.8em;margin-block-start:3px;padding:0 12px 10px}.family-link{color:var(--accent);text-decoration:none}.family-link:hover{text-decoration:underline}.family-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.card-meta--family{padding:0 12px 10px}.card-meta--family .family-link{display:inline-block;padding-block:8px;margin-block:-8px}.back-link{display:block;inline-size:fit-content;margin-block-start:8px;font-size:.85em;color:var(--ink-soft)}@media (pointer: coarse){.back-link,.card-meta--family .family-link{min-block-size:44px;display:flex;align-items:center}.card-meta--family .family-link{inline-size:fit-content}}.photo{margin:0}.photo img:not(.zoomed){display:block;inline-size:100%;block-size:auto;aspect-ratio:4 / 3;object-fit:contain;background:var(--photo-bg)}.photo-placeholder{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;background:var(--photo-bg);color:var(--ink-faint);font-size:.85em}.photo-credit{color:var(--ink-faint);font-size:.72em;padding:4px 12px 0}.photo{position:relative}.credit-button{min-inline-size:44px;min-block-size:44px;margin-block:-8px;background:none;border:0;color:var(--accent);font:inherit;font-size:1.1em;cursor:pointer}.credit-button:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:4px}.credit-mark{color:var(--ink-faint);cursor:help}.credit-tip{display:none;position:absolute;inset-inline:8px;inset-block-end:2.2em;padding:8px 10px;background:var(--card);color:var(--ink);font-size:.85rem;border:1px solid var(--rule);border-radius:var(--radius);z-index:5;box-shadow:0 4px 14px #0003}@media (hover: hover) and (pointer: fine){.credit-button{min-inline-size:28px;min-block-size:28px;margin-block:0}.credit-note:hover .credit-tip,.credit-button:focus-visible+.credit-tip{display:block}}.credit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:16px;background:#0009}.credit-dialog{max-inline-size:420px;padding:16px;background:var(--card);color:var(--ink);border-radius:var(--radius);font-size:.95rem}.credit-dialog p{margin:0 0 12px;overflow-wrap:anywhere}.credit-dialog button{min-block-size:44px;padding-inline:16px;font:inherit;color:var(--ink);background:none;border:1px solid var(--rule);border-radius:var(--radius);cursor:pointer}.photo-zoom-trigger{display:block;inline-size:100%;padding:0;border:0;background:none;cursor:zoom-in}.zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000000db;cursor:zoom-out}.zoomed.native{inline-size:auto;max-inline-size:100vw;image-rendering:auto}.zoom-close{position:absolute;inset-block-start:12px;inset-inline-end:12px;background:none;border:0;color:#fff;font-size:2rem;cursor:pointer}.name-primary{font-weight:600}.card .name-primary,.clamped{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-toggle{min-block-size:44px;padding-inline:4px;background:none;border:0;color:var(--accent);font:inherit;font-size:.85em;cursor:pointer}.clamp-toggle:focus-visible{outline:2px solid var(--accent);border-radius:4px}@media (hover: hover) and (pointer: fine){.clamp-toggle{min-block-size:28px}}.name-scientific{color:var(--ink-soft);font-size:.87em}.sci{unicode-bidi:isolate}.unverified-marker{display:inline-block;margin-inline-start:5px;padding-inline:5px;border:1px solid var(--rule);border-radius:50%;font-size:.72em;color:var(--ink-faint);cursor:help}.unverified-note,.name-historic{color:var(--ink-soft);font-size:.85em}.breadcrumb{font-size:.85em;color:var(--ink-soft);margin-block:10px 2px}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:2px 0;margin:0;padding:0;list-style:none}.breadcrumb li+li:before{content:"›";margin-inline:6px;color:var(--ink-faint)}.breadcrumb a{color:var(--accent);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--ink)}@media (pointer: coarse){.breadcrumb a{display:inline-block;padding-block:6px}}.section-latin{margin-block:-6px 10px;color:var(--ink-soft);font-style:italic}.section-note{border-inline-start:3px solid var(--rule);padding:6px 12px;margin-block:0 8px;color:var(--ink-soft);font-size:.9em}.order-heading{margin-block:22px 0;font-size:1.05em;scroll-margin-block-start:70px}.order-heading+.grid{padding-block-start:10px}.group-list{display:grid;grid-template-columns:1fr;gap:12px;padding-block:18px}@media (min-width: 560px){.group-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 860px){.group-list{grid-template-columns:repeat(3,1fr)}}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 700px){.gallery{grid-template-columns:repeat(4,1fr)}}.species{max-inline-size:640px;margin-inline:auto}.species .photo{margin-block-end:14px}.evidence{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin-block:14px}.evidence dt{color:var(--ink-faint);font-size:.85em}.evidence dd{margin:0}.keys ul{margin:0;padding:0;list-style:none}.keys li{margin-block-start:6px}.keys a{color:var(--accent)}.results{margin:0;padding:0;list-style:none}.results li{border-block-end:1px solid var(--rule)}.results a{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline;padding-block:10px;text-decoration:none;color:var(--ink)}.results a:hover{background:var(--hover)}.notice{border:1px solid var(--rule);border-radius:var(--radius);padding:12px}.loading{color:var(--ink-faint)}.sources{margin-block:18px}.sources-title{margin:0 0 8px;font-size:.85em;font-weight:600;color:var(--ink-faint)}.sources-list{display:none}.sources-open{display:inline-flex;align-items:center;gap:6px;min-block-size:44px;padding-inline:14px;font:inherit;font-weight:600;color:var(--accent);background:none;border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer}.sources-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (min-width: 720px){.sources-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sources-title{font-size:.9em}.sources-open{display:none}}.source-row{display:flex;align-items:center;gap:10px;min-block-size:56px;padding:8px 12px;background:var(--card);color:var(--ink);text-decoration:none;border:1px solid var(--rule);border-radius:var(--radius)}.source-row:hover{background:var(--hover)}.source-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.source-badge{flex:0 0 30px;block-size:30px;display:grid;place-items:center;border-radius:8px;color:#fff;font-weight:700;font-size:.85em;background:var(--badge)}.source-row--perplexity{--badge: var(--src-perplexity)}.source-row--fishbase,.source-row--sealifebase{--badge: var(--src-fishbase)}.source-row--worms{--badge: var(--src-worms)}.source-text{flex:1;min-inline-size:0;display:flex;flex-direction:column}.source-name{align-self:flex-start;font-weight:600;unicode-bidi:isolate;text-align:start}.source-desc{font-size:.82em;color:var(--ink-soft)}.ai-badge{margin-inline-start:6px;padding-inline:6px;border-radius:999px;font-size:.68em;font-weight:700;vertical-align:1px;color:var(--ai-ink);background:var(--ai-bg);border:1px solid var(--ai-rule)}.source-arrow{color:var(--accent)}[dir=rtl] .source-arrow{display:inline-block;transform:scaleX(-1)}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;background:#00000080}.sheet{inline-size:100%;max-block-size:85vh;overflow-y:auto;background:var(--card);color:var(--ink);border-radius:16px 16px 0 0;padding:10px 16px calc(16px + env(safe-area-inset-bottom))}.sheet-head{display:flex;align-items:center;gap:8px;margin-block-end:6px}.sheet-title{flex:1;font-weight:700}.sheet-close{min-block-size:44px;padding-inline:12px;font:inherit;color:var(--ink);background:none;border:1px solid var(--rule);border-radius:var(--radius);cursor:pointer}.sheet .source-row{border:0;border-block-start:1px solid var(--rule);border-radius:0;padding-inline:4px}