@font-face{font-family:Literata;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/literata-latin-500-normal-Dbph1WrK.woff2)format("woff2"),url(/assets/literata-latin-500-normal-B-T_MU67.woff)format("woff")}@font-face{font-family:Literata;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/literata-latin-700-normal-DYBWKELl.woff2)format("woff2"),url(/assets/literata-latin-700-normal-ocJiFfAw.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/source-sans-3-latin-400-normal-DQi5PRDE.woff2)format("woff2"),url(/assets/source-sans-3-latin-400-normal-RR2C27NP.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/source-sans-3-latin-600-normal-DeckBYAU.woff2)format("woff2"),url(/assets/source-sans-3-latin-600-normal-Ck0n4g8U.woff)format("woff")}:root{--bg:#f5f8f8;--surface:#fff;--surface-2:#e9f0f0;--ink:#0f2a30;--muted:#47605f;--line:#d3e0e0;--brand:#0a6f78;--on-brand:#fff;--focus:#0a6f78;--good:#2e6b33;--bad:#a3262a;--warn:#8a5300;--zone-lagoon-seagrass:#7d8d2f;--zone-reef-flat:#2f8f88;--zone-reef-edge:#1677a3;--zone-drop-off-channel:#22468a;--rel-eats:#c43c3c;--rel-grazes:#3b7f35;--rel-feeds-on-coral:#b0367f;--rel-cleans:#137f9a;--rel-shelters-in:#6c4fb5;--rel-builds-reef:#8f6a35;--il-ink:#1d3a40;--il-label:#0f2a30;--il-paper:#fff;--il-water-surface:#c4e8ee;--il-water-shallow:#93d4dd;--il-water-mid:#56b4c4;--il-water-deep:#22708c;--il-water-abyss:#10405d;--il-sky:#e3f3f6;--il-sand:#eedfb4;--il-sand-shade:#d6c08a;--il-rock:#bba98e;--il-rock-shade:#9d8b71;--il-seagrass:#5a9a49;--il-algae:#7d8f3c;--il-coral-pink:#e98a90;--il-coral-orange:#f0a25a;--il-coral-purple:#9b80c4;--il-coral-yellow:#e7cd58;--il-coral-bleached:#f6f3ec;--il-fish:#f2c14e;--il-fish-2:#4a7fc1;--il-skin:#e5b18c;--il-person:#2a4a52;--il-sun:#ffd66b;--il-good:#2e7d32;--il-bad:#c62828;--il-plankton:#7fb8a6;--font-display:"Literata", Georgia, "Times New Roman", serif;--font-body:"Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;--radius:12px;--tap:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1a1d;--surface:#11262a;--surface-2:#183238;--ink:#e3eeee;--muted:#a3b8ba;--line:#26413f;--brand:#4cc0c8;--on-brand:#06262a;--focus:#7fd8de;--good:#8fd096;--bad:#f08a86;--warn:#e3a64a;--zone-lagoon-seagrass:#b4c45e;--zone-reef-flat:#5cc7bf;--zone-reef-edge:#4fb2e0;--zone-drop-off-channel:#8aa8ec;--rel-eats:#f07a72;--rel-grazes:#8fcf7f;--rel-feeds-on-coral:#ec82c4;--rel-cleans:#5fd0ea;--rel-shelters-in:#b49cf0;--rel-builds-reef:#d6ae6e;--il-ink:#d3e6e6;--il-label:#e3eeee;--il-paper:#11262a;--il-sky:#15303a;--il-water-surface:#2a6f80;--il-water-shallow:#23667a;--il-water-mid:#1b5368;--il-water-deep:#123f55;--il-water-abyss:#0a2a3d;--il-sand:#b9a87c;--il-sand-shade:#9a8a62;--il-rock:#8c7d66;--il-rock-shade:#6f6250;--il-person:#d3e6e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b1a1d;--surface:#11262a;--surface-2:#183238;--ink:#e3eeee;--muted:#a3b8ba;--line:#26413f;--brand:#4cc0c8;--on-brand:#06262a;--focus:#7fd8de;--good:#8fd096;--bad:#f08a86;--warn:#e3a64a;--zone-lagoon-seagrass:#b4c45e;--zone-reef-flat:#5cc7bf;--zone-reef-edge:#4fb2e0;--zone-drop-off-channel:#8aa8ec;--rel-eats:#f07a72;--rel-grazes:#8fcf7f;--rel-feeds-on-coral:#ec82c4;--rel-cleans:#5fd0ea;--rel-shelters-in:#b49cf0;--rel-builds-reef:#d6ae6e;--il-ink:#d3e6e6;--il-label:#e3eeee;--il-paper:#11262a;--il-sky:#15303a;--il-water-surface:#2a6f80;--il-water-shallow:#23667a;--il-water-mid:#1b5368;--il-water-deep:#123f55;--il-water-abyss:#0a2a3d;--il-sand:#b9a87c;--il-sand-shade:#9a8a62;--il-rock:#8c7d66;--il-rock-shade:#6f6250;--il-person:#d3e6e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:17px/1.5 var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{min-height:100%}img{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--brand)}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:500;line-height:1.2}p{margin:0}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.app{flex-direction:column;min-height:100%;display:flex}.screen{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));flex:1;width:100%;max-width:760px;margin:0 auto}.pad{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.topbar{z-index:20;min-height:56px;padding-top:env(safe-area-inset-top,0px);padding-left:max(8px, env(safe-area-inset-left,0px));padding-right:max(8px, env(safe-area-inset-right,0px));background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);align-items:center;gap:8px;display:flex;position:sticky;top:0}.topbar h1{text-overflow:ellipsis;white-space:nowrap;flex:1;padding-left:8px;font-size:1.25rem;overflow:hidden}.topbar .count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9rem}.icon-btn{width:var(--tap);height:var(--tap);color:var(--ink);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;display:grid}.icon-btn:active{background:var(--surface-2)}.icon-btn.on-photo{color:#fff;background:#00000073}.bottomnav{z-index:30;padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav a{min-height:60px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.72rem;font-weight:600;text-decoration:none;display:flex}.bottomnav a[aria-current=page]{color:var(--brand)}.bottomnav a[aria-current=page] .svg{transform:translateY(-1px)}.svg{line-height:0;display:inline-flex}.svg>svg{width:100%;height:100%}.svg.block{width:100%;display:block}.svg.block>svg{height:auto}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.9rem;font-weight:600;display:inline-flex}button.chip{min-height:40px}.chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.chip .svg{width:18px;height:18px}.photo{background:var(--surface-2);position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:560px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tile{color:var(--ink);border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);text-decoration:none;display:block;position:relative;overflow:hidden}.tile .photo{aspect-ratio:4/3}.tile .name{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:6px 10px 8px;font-size:.95rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.tile .seen-badge{background:var(--brand);width:28px;height:28px;color:var(--on-brand);border-radius:999px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.tile .seen-badge .svg{width:18px;height:18px}.tile.unseen .photo img{filter:grayscale();opacity:.5}.section{flex-direction:column;gap:10px;padding-top:22px;display:flex}.section>h2{font-size:1.15rem}.section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.78rem;font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.muted{color:var(--muted)}.small{font-size:.85rem}.btn{min-height:var(--tap);border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn .svg{width:20px;height:20px}details.more summary{cursor:pointer;color:var(--brand);align-items:center;min-height:44px;font-weight:600;list-style:none;display:flex}details.more summary::-webkit-details-marker{display:none}details.more summary:after{content:"+";margin-left:8px;font-size:1.2em}details.more[open] summary:after{content:"−"}.prose p+p{margin-top:.7em}.prose{max-width:62ch}.sheet-backdrop{z-index:40;background:#00000073;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{z-index:41;background:var(--bg);max-height:85vh;padding:8px max(16px, env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));border-radius:18px 18px 0 0;max-width:760px;margin:0 auto;position:fixed;bottom:0;left:0;right:0;overflow:auto}.sheet .grab{background:var(--line);border-radius:4px;width:40px;height:4px;margin:4px auto 10px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.search-input{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex:1;min-height:44px;padding:0 16px;font-size:1rem}.filter-bar{flex-direction:column;gap:6px;padding-top:12px;padding-bottom:12px;display:flex}.filter-label{padding-top:4px}.shape-row,.colour-row{scrollbar-width:none;margin:0 calc(-1 * max(16px, env(safe-area-inset-left,0px)));padding:2px max(16px, env(safe-area-inset-left,0px));scroll-snap-type:x proximity;gap:6px;display:flex;overflow-x:auto}.shape-row::-webkit-scrollbar{display:none}.colour-row::-webkit-scrollbar{display:none}.shape-btn{scroll-snap-align:start;border:1px solid var(--line);background:var(--surface);width:72px;min-height:64px;color:var(--ink);border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-size:.72rem;font-weight:600;display:flex}.shape-btn .shape-svg{width:48px;height:30px;color:var(--ink)}.shape-btn[aria-pressed=true]{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}.shape-btn[aria-pressed=true] .shape-svg{color:var(--on-brand)}.colour-btn{background:0 0;border:2px solid #0000;border-radius:999px;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.colour-btn .swatch{width:32px;height:32px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 30%, transparent);border-radius:999px}.colour-btn[aria-pressed=true]{border-color:var(--brand)}.filter-actions{flex-wrap:wrap;gap:8px;padding-top:6px;display:flex}.protect-banner{border-radius:var(--radius);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);grid-column:1/-1;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.protect-banner-art{border-radius:8px;flex:none;width:96px;overflow:hidden}.protect-banner>span:nth-child(2){flex-direction:column;flex:1;display:flex}.species-page .hero{background:var(--surface-2);position:relative}.species-page .hero-photo{aspect-ratio:4/3;width:100%;max-height:62vh}.species-page .hero-top{top:env(safe-area-inset-top,0px);left:max(8px, env(safe-area-inset-left,0px));padding-top:8px;position:absolute}.form-chips{padding:0 max(12px, env(safe-area-inset-left,0px));flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:10px;left:0;right:0}.chip.on-photo{color:#fff;background:#0000008c;border-color:#0000}.chip.on-photo[aria-pressed=true]{color:#0f2a30;background:#fff}.credit{padding-top:6px}.credit a{color:inherit}.credit.inline{display:inline}.species-head{flex-direction:column;gap:8px;padding-top:10px;display:flex}.species-head h1{font-size:1.85rem;font-weight:700}.species-head .sci{color:var(--muted);font-family:var(--font-display)}.chip.marker{color:var(--muted);font-weight:600}.seen-btn{align-self:flex-start;margin-top:4px}.seen-btn.is-seen{border-color:var(--brand);color:var(--brand)}.visual-facts{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:560px){.visual-facts{grid-template-columns:1fr 1fr}}.visual-facts .card{flex-direction:column;gap:8px;min-width:0;display:flex}.size-graphic{flex-direction:column;gap:6px;margin:0;display:flex;overflow:hidden}.size-row{align-items:flex-end;min-height:20px;display:flex}.size-ref-band{align-items:flex-start;overflow:hidden}.size-ref{flex:none;display:block}.size-animal{color:var(--brand);flex:none;display:block}.size-bar{background:var(--brand);border-radius:7px;height:14px;display:block}.size-graphic figcaption{font-size:.9rem}.reef-section{border-radius:8px;width:100%;overflow:hidden}.reef-section .zone-dim{opacity:.28;transition:opacity .2s}.reef-section .zone-lit{opacity:1}.web-neighbours{flex-direction:column;gap:14px;display:flex}.rel-heading{font-family:var(--font-body);align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.neighbour-row{scrollbar-width:none;gap:10px;margin:0;padding:2px 0 4px;list-style:none;display:flex;overflow-x:auto}.neighbour-row::-webkit-scrollbar{display:none}.neighbour{width:78px;color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:4px;text-decoration:none;display:flex}.neighbour .thumb{width:64px;height:64px}.neighbour-name{font-size:.78rem;font-weight:600;line-height:1.2}.neighbour-sub{color:var(--muted);font-size:.68rem;line-height:1.2}.thumb{background:var(--surface-2);border-radius:999px;flex:none;display:block;overflow:hidden}.thumb .photo{width:100%;height:100%}.thumb img{object-fit:cover;width:100%;height:100%}.thumb-node{place-items:center;display:grid}.thumb-node .svg{width:100%;height:100%}.look-for{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.badges{flex-wrap:wrap;gap:8px;display:flex}.badge{border:1px solid var(--line);background:var(--surface);color:var(--ink);min-height:var(--tap);border-radius:10px;flex-direction:column;padding:8px 12px;text-decoration:none;display:flex}.badge-k{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:600}.badge-v{font-weight:600}.badge.tone-ok .badge-v{color:var(--good)}.badge.tone-warn .badge-v{color:var(--warn)}.badge.tone-bad .badge-v{color:var(--bad)}.badge.tone-brand .badge-v{color:var(--brand)}.fact{border-left:4px solid var(--brand)}.sources{flex-direction:column;gap:4px;padding-left:18px;display:flex}.loading{min-height:50vh}