:root{--color-dark-blue-1: #001e44;--color-dark-blue-2: #1e407c;--color-light-blue-1: #009cde;--color-red-1: #db4444;--color-yellow-1: #ffd518;--color-white-1: #fdfdfd;--color-black-1: #000;--color-gray-1: #d3d3d3;--color-gray-2: #747474;--surface-app: var(--color-dark-blue-1);--surface-content: var(--color-white-1);--surface-tab: var(--color-dark-blue-1);--surface-tab-active: var(--color-dark-blue-2);--text-default: #132237;--text-on-dark: var(--color-white-1);--text-on-dark-muted: #a7c1de;--text-accent: var(--color-light-blue-1);--border-soft: #c9d4e3;--shadow-soft: 0 2px 8px rgba(0, 0, 0, .15);--radius-card: 10px;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--anime-speed: .2s;--page-theme-color: var(--surface-app);--page-top-bar-text: var(--text-accent)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--surface-app);color:var(--text-default)}body{min-height:100vh}a{color:var(--text-accent)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--color-yellow-1);outline-offset:2px}.app-shell{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;display:flex;flex-direction:column;position:fixed;inset:0;width:100%;background:var(--surface-app);overflow:hidden}.app-top-bar{background:var(--page-theme-color);color:var(--page-top-bar-text);min-height:3.25rem;display:flex;align-items:center;justify-content:center;padding:0 var(--space-4);position:relative}.app-top-bar-title{margin:0;font-size:1.1rem;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-top-bar-title-mobile{display:none}@media(max-width:55.99rem){.app-top-bar-title-desktop.has-mobile-title{display:none}.app-top-bar-title-mobile{display:inline}}.pwa-precache-indicator{position:absolute;top:50%;right:var(--space-3);transform:translateY(-50%);display:inline-flex;flex-direction:column;align-items:flex-end;gap:.28rem;font-size:.72rem;font-weight:700;color:var(--text-on-dark);background:#0000003d;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.18rem;line-height:1}.pwa-precache-indicator.is-expanded{padding:.22rem .4rem}.pwa-precache-indicator.is-expanded .pwa-precache-toggle{display:none}.pwa-precache-toggle{border:0;margin:0;padding:0;min-width:1.45rem;min-height:1.45rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:inherit;background:transparent;cursor:pointer;touch-action:manipulation}.pwa-precache-icon{width:1rem;height:1rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.84rem;line-height:1;font-weight:800;background:#ffffff29}.pwa-precache-indicator.is-running .pwa-precache-icon{animation:pwa-precache-spin .9s linear infinite}.pwa-precache-details{display:inline-flex;flex-direction:column;align-items:flex-end;gap:.2rem}.pwa-precache-row{display:inline-flex;align-items:center;gap:.35rem}.pwa-precache-indicator.is-complete{background:#00800047;border-color:#70e67080}.pwa-precache-indicator.is-error{background:#8a000059;border-color:#ff757585}.pwa-precache-spinner{width:.72rem;height:.72rem;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:pwa-precache-spin .7s linear infinite}.pwa-precache-spinner.is-hidden{display:none}.pwa-precache-text{white-space:nowrap}.pwa-precache-version{font-size:.62rem;line-height:1;opacity:.85;letter-spacing:.02em;text-transform:uppercase}@keyframes pwa-precache-spin{to{transform:rotate(360deg)}}.app-main{flex:1;background:var(--surface-content);overflow:auto}.content-shell{margin:0 auto;width:min(100%,74rem);padding:var(--space-5) var(--space-4) calc(var(--space-5) + .25rem)}.app-tab-bar{background:var(--surface-tab);min-height:calc(4.75rem + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid rgba(255,255,255,.15)}.app-tab-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}.app-tab-item{display:flex}.app-tab-link{width:100%;min-height:4.75rem;text-decoration:none;color:var(--text-on-dark-muted);display:flex;flex-direction:column;gap:.1rem;align-items:center;justify-content:center;transition:transform var(--anime-speed),color var(--anime-speed),background-color var(--anime-speed);background:transparent}.app-tab-icon{width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center}.app-tab-icon svg{width:100%;height:100%;transition:transform var(--anime-speed)}.app-tab-link.is-active .app-tab-icon svg{transform:scale(1.08)}.app-tab-link:hover{background:#ffffff12}.app-tab-link.is-active{color:var(--text-accent);background:var(--surface-tab-active)}.app-tab-text{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;transform:translateY(.18rem);opacity:.82;transition:transform var(--anime-speed),opacity var(--anime-speed)}.app-tab-link.is-active .app-tab-text{transform:translateY(0);opacity:1}.search-input,.filter-select{width:100%;border:1px solid var(--border-soft);border-radius:8px;padding:.72rem .85rem;font:inherit;color:var(--text-default);background:#fff}.filter-select{min-height:6.8rem}.filter-select-pill-source{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pill-multiselect{position:relative}.pill-multiselect-trigger{font:inherit;width:100%;min-height:2.9rem;border:1px solid var(--border-soft);border-radius:8px;padding:.45rem 2rem .45rem .65rem;background:#fff;cursor:pointer;text-align:left;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;position:relative;touch-action:manipulation;transition:border-color var(--anime-speed),box-shadow var(--anime-speed),background-color var(--anime-speed)}.pill-multiselect-trigger:hover{border-color:color-mix(in srgb,var(--border-soft) 45%,var(--color-light-blue-1) 55%)}.pill-multiselect.is-open .pill-multiselect-trigger{border-color:var(--color-light-blue-1);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-light-blue-1) 24%,transparent 76%)}.pill-multiselect-trigger:after{content:"▾";color:var(--color-gray-2);font-size:.9rem;position:absolute;right:.65rem;top:50%;transform:translateY(-50%);pointer-events:none}.pill-multiselect-trigger[aria-expanded=true]:after{content:"▴"}.pill-multiselect-trigger:focus-visible{outline:2px solid var(--color-yellow-1);outline-offset:2px}.pill-multiselect-placeholder{color:var(--color-gray-2);font-size:.94rem}.pill-multiselect-pill{display:inline-flex;align-items:center;gap:.3rem;border-radius:var(--radius-pill);border:1px solid var(--color-light-blue-1);background:#009cde1f;color:var(--color-dark-blue-1);font-size:.84rem;padding:.24rem .55rem;animation:pill-pop-in var(--anime-speed) ease}.pill-multiselect-pill-remove{border:0;background:transparent;color:inherit;padding:.25rem;line-height:1;cursor:pointer;font-size:.95rem;border-radius:999px;min-width:1.6rem;min-height:1.6rem;display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation;transition:color var(--anime-speed),background-color var(--anime-speed)}.pill-multiselect-pill-remove:hover,.pill-multiselect-pill-remove:focus-visible{color:var(--color-dark-blue-2);background:#009cde24;outline:none}.pill-multiselect-dropdown{position:absolute;left:0;right:0;top:calc(100% + .2rem);z-index:20;background:#fff;border:1px solid var(--border-soft);border-radius:8px;box-shadow:var(--shadow-soft);max-height:13rem;overflow:auto;overscroll-behavior:contain;padding:.25rem;opacity:0;visibility:hidden;transform:translateY(-4px);pointer-events:none;transition:opacity var(--anime-speed),transform var(--anime-speed),visibility var(--anime-speed)}.pill-multiselect.is-open .pill-multiselect-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.pill-multiselect-option,.pill-multiselect-empty{width:100%;border:0;background:transparent;text-align:left;border-radius:6px;padding:.48rem .58rem;min-height:2.75rem;font:inherit;color:var(--text-default)}.pill-multiselect-option{cursor:pointer;touch-action:manipulation;transition:background-color var(--anime-speed)}.pill-multiselect-option:hover,.pill-multiselect-option:focus-visible{background:#009cde1f;outline:none}.pill-multiselect-empty{color:var(--color-gray-2);font-size:.9rem}.skip-nav{position:absolute;top:-100%;left:0;z-index:9999;padding:.5rem 1rem;background:#001e44;color:#fff;font-weight:600;text-decoration:none;border-radius:0 0 4px}.skip-nav:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pill-pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.split-layout{display:grid;gap:var(--space-4)}.split-list-pane,.split-detail-pane{min-width:0}.split-detail-pane{display:none}@media(min-width:56rem){.split-layout{grid-template-columns:minmax(17rem,26rem) minmax(0,1fr);align-items:start}.split-list-pane{position:sticky;top:var(--space-3);max-height:calc(100vh - 12.5rem);overflow:auto}.split-detail-pane{display:block}}.page-title{margin:0 0 var(--space-4);color:var(--color-dark-blue-1);font-size:clamp(1.35rem,3.2vw,1.8rem)}.page-intro{margin:0 0 var(--space-5);color:var(--color-gray-2)}.content-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.content-card.species-list-item{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;gap:var(--space-3);align-items:center;color:var(--text-default);text-decoration:none}.content-card.species-list-item.is-selected{box-shadow:inset 0 0 0 2px var(--color-light-blue-1)}.species-thumb{width:3.4rem;height:3.4rem;border-radius:8px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#ffffffbf}.species-thumb img{width:100%;height:100%;object-fit:cover}.species-title-wrap{display:grid;gap:.2rem;min-width:0}.species-title-wrap em{font-size:.85rem}.species-taxa-name{text-align:right;font-size:.84rem;font-weight:600}.content-card{display:block;border:1px solid var(--border-soft);border-radius:var(--radius-card);background:#fff;padding:var(--space-4);box-shadow:var(--shadow-soft);text-decoration:none;color:inherit}.content-card-title{margin:0 0 var(--space-2);color:var(--color-dark-blue-1);font-size:1.05rem}.content-card-meta{margin:0 0 var(--space-2);color:var(--color-gray-2);font-size:.9rem}.content-card-summary{margin:0;color:var(--text-default)}.article-body,.species-body,.privacy-body{display:grid;gap:var(--space-4);line-height:1.5}.glossary-list{display:grid;gap:var(--space-2)}.glossary-item{border:1px solid var(--border-soft);border-radius:8px;background:#fff;overflow:hidden}.glossary-item summary{cursor:pointer;list-style:none;padding:var(--space-3) var(--space-4);background:#009cde1f;color:var(--color-dark-blue-1);font-weight:700}.glossary-item summary::-webkit-details-marker{display:none}.glossary-item-content{padding:var(--space-3) var(--space-4) var(--space-4)}@media(prefers-reduced-motion:reduce){*{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}