:root{--bg: #08070c;--bg-elev: #111017;--surface: #17151f;--border: #302b3b;--text: #eef2ff;--muted: #b9b3c8;--faint: #6b7797;--accent: #a78bfa;--accent-2: #f0abfc;--you: #6ee7ff;--animal: #fb7185;--max: 1120px;--radius: 16px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3.3rem)}h2{font-size:clamp(1.5rem,3vw,2.1rem)}.muted{color:var(--muted)}.small{font-size:.85rem}img{max-width:100%;height:auto;display:block}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--surface);padding:8px 12px;border-radius:8px;z-index:100}.site-header{position:sticky;top:0;z-index:50;background:#08070ce0;backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:20px;height:62px;max-width:var(--max);margin:0 auto;padding:0 20px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-weight:800;letter-spacing:-.02em}.brand:hover{text-decoration:none}.brand img{width:26px;height:26px;border-radius:7px}.nav{margin-left:auto;display:flex;gap:22px;align-items:center;flex-wrap:wrap}.nav a{color:var(--muted);font-weight:600;font-size:.95rem}.nav a:hover{color:var(--text);text-decoration:none}.lang-link{border:1px solid var(--border);border-radius:999px;padding:6px 12px}.site-footer{border-top:1px solid var(--border);margin-top:80px;padding:44px 0 30px;color:var(--muted)}.footer-inner{max-width:var(--max);margin:0 auto;padding:0 20px}.footer-inner a{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,var(--accent-2),var(--accent));color:#0b1020;font-weight:800;padding:13px 22px;border-radius:999px;border:0;cursor:pointer;font-size:1rem}.btn:hover{text-decoration:none;filter:brightness(1.06)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface)}.btn:disabled{opacity:.5;cursor:not-allowed}.store-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;align-items:center}.store-badges-centered{justify-content:center}.store-badge{display:inline-flex;border-radius:12px;transition:transform .15s ease,filter .15s ease}.store-badge img{height:58px;width:auto;display:block}.store-badge:hover{text-decoration:none;transform:translateY(-1px);filter:brightness(1.05)}.store-icon{font-size:2rem;line-height:1}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;min-height:620px;padding:76px 20px 56px}.hero-copy .lead{font-size:1.2rem;max-width:42ch;margin:16px 0 26px;color:var(--muted)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}.hero-art{position:relative;display:grid;place-items:center;min-height:260px}.hero-art img{border-radius:22px;box-shadow:0 30px 80px #00000080;position:relative;z-index:1}.hero-orb{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--accent),transparent 70%);filter:blur(34px);opacity:.45}.hero-note{color:var(--muted);font-size:.85rem;margin-top:14px}.home-science{padding:28px 20px}.home-science h2,.home-science p{margin:0}.home-science p{margin-top:10px}.animal-listing{padding:64px 20px 20px}@media (max-width: 820px){.hero{grid-template-columns:1fr;padding-top:44px}.hero-art{order:-1;min-height:0}}.section-head{margin-bottom:24px}.section-head h2{margin-bottom:6px}.panel{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface));border:1px solid var(--border);border-radius:var(--radius);padding:30px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.species-card{display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:transform .15s ease,border-color .15s ease;position:relative}.species-card:hover{transform:translateY(-3px);border-color:var(--accent);text-decoration:none}.species-card .thumb{position:relative;aspect-ratio:16 / 9;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,var(--surface)),var(--surface));display:grid;place-items:center}.species-card .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.species-card .ph{font-size:3rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.species-card .body{padding:13px 16px 16px}.species-card .body h3{margin:0 0 4px;font-size:1.08rem}.species-card .body p{margin:0;color:var(--muted);font-size:.85rem}.badge{position:absolute;top:10px;right:10px;z-index:2;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--accent);color:#0b1020}.article{padding:30px 20px 20px;max-width:980px;margin:0 auto}.crumbs{margin-bottom:18px;color:var(--muted);font-size:.85rem}.crumbs a{color:var(--muted)}.kicker{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin:0 0 6px}.art-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-bottom:30px}.art-hero h1{font-size:clamp(1.7rem,3.6vw,2.6rem)}.art-hero .lead{font-size:1.12rem;margin:12px 0 0;color:var(--muted)}.art-hero-media{position:relative;margin:0;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 34%,var(--surface)),var(--surface))}.art-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.art-hero-media .ph{font-size:4rem}@media (max-width: 760px){.art-hero{grid-template-columns:1fr}.art-hero-media{order:-1}}.lead-in .big{font-size:1.3rem;line-height:1.5;margin:0 0 26px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:8px 0 24px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.stat-k{color:var(--muted);font-size:.8rem}.stat-v{font-size:1.15rem;font-weight:800}.block{margin:54px 0}.block h2{font-size:1.4rem;margin:0 0 10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.section-heading{display:flex;align-items:center;gap:14px;margin-bottom:14px}.section-heading h2,.section-heading p{margin:0}.section-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--accent) 20%,var(--surface));color:#e9d5ff;font-size:1.25rem}.pitch-scale{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.pitch-scale>div{padding:16px 10px;text-align:center;border-radius:12px;background:var(--bg-elev);border:1px solid var(--border)}.pitch-scale span,.pitch-scale strong{display:block}.pitch-scale span{font-size:1.35rem;margin-bottom:7px}.pitch-scale strong{font-size:.88rem}.comparison-card{overflow-x:auto}.comparison-summary{font-size:1.08rem;line-height:1.65;margin:18px 0 0}.human-vs{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:0;overflow:hidden;background:var(--border)}.human-vs>div{background:var(--surface);padding:24px}.human-vs strong{font-size:1.05rem}.human-vs p{color:var(--muted);margin-bottom:0}.fact{background:color-mix(in srgb,var(--accent) 14%,var(--surface));border:1px solid var(--border);border-radius:12px;padding:18px 22px;margin:30px 0}.fact-title{font-size:1.05rem;margin:0 0 8px;color:var(--accent)}.note{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;padding:18px 22px;margin:30px 0}.note-title{font-size:1.05rem;margin:0 0 8px}.faq details{border:1px solid var(--border);border-radius:10px;padding:4px 14px;margin:8px 0;background:var(--surface)}.faq summary{cursor:pointer;font-weight:700;padding:10px 0}.faq details p{margin:0 0 12px;color:var(--muted)}.sources{padding-left:18px}.sources li{color:var(--muted);font-size:.85rem;margin-bottom:8px}.art-cta{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:38px 24px;margin:40px 0}.download-page{min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 20px}.download-page img{margin-bottom:24px}.download-page h1{margin:5px 0 10px}.download-page .lead{max-width:55ch}.download-page .text-link{margin-top:28px}.related h2{margin-bottom:18px}.audiogram{width:100%;height:auto}.ab{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0;background:var(--bg-elev);border-radius:12px;padding:5px}.ab button{border:none;background:transparent;color:var(--muted);font-weight:700;padding:10px;border-radius:9px;cursor:pointer;font-size:.95rem}.ab button.active-you{background:var(--you);color:#04121a}.ab button.active-animal{background:var(--animal);color:#2a0510}.slider{width:100%}label.field{display:block;font-size:.85rem;color:var(--muted);margin:16px 0 6px}canvas.spectro{width:100%;height:150px;background:#060a16;border-radius:10px;border:1px solid var(--border);display:block}.spectro-wrap{display:grid;gap:14px;margin-top:12px}.spectro-label{font-size:.8rem;color:var(--muted);margin-bottom:4px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 720px){.two-col{grid-template-columns:1fr}}@media (max-width: 620px){.pitch-scale,.human-vs{grid-template-columns:1fr}.store-badge img{height:52px}}.toggle-row{display:flex;align-items:center;gap:10px;margin-top:14px}.note-warn{font-size:.8rem;color:#fbbf24}.pill{display:inline-block;padding:4px 10px;border:1px solid var(--border);border-radius:999px;font-size:.8rem;color:var(--muted);margin:2px}table.facts{width:100%;border-collapse:collapse}table.facts th,table.facts td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}table.facts th{color:var(--muted);font-weight:600;width:45%}table.facts td{color:var(--text)}.tldr{color:var(--text);font-size:1.05rem}.lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:20px 0 60px}.lang-cell{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.lang-cell:hover{border-color:var(--accent);text-decoration:none}.lang-cell.current{border-color:var(--accent);background:var(--bg-elev)}.lang-cell .code{font-size:.7rem;color:var(--muted);letter-spacing:.05em}.lang-cell .endonym{font-weight:700;color:var(--text)}.glossary-item{padding:14px 0;border-bottom:1px solid var(--border)}.glossary-item:last-child{border-bottom:none}.glossary-item dt{font-weight:800;color:var(--text);font-size:1.05rem}.glossary-item dd{margin:6px 0 0;color:var(--muted)}ol.howto{margin:0;padding:6px 6px 6px 26px}ol.howto li{color:var(--muted);margin:8px 0}ol.howto li strong{color:var(--text)}.legal{max-width:860px;margin:0 auto;padding:46px 20px 20px}.legal-head{padding-bottom:24px;border-bottom:1px solid var(--border)}.legal-head h1{margin:8px 0 12px}.legal-head .lead{max-width:68ch;color:var(--muted);font-size:1.08rem}.legal-nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 34px}.legal-nav a{border:1px solid var(--border);border-radius:999px;padding:7px 13px;color:var(--text)}.legal-nav a:hover{border-color:var(--accent);text-decoration:none}.legal-section{scroll-margin-top:82px}.legal-section+.legal-section{border-top:1px solid var(--border);margin-top:48px;padding-top:34px}.legal-section h2{margin-top:32px;font-size:1.45rem}.legal-section h3{margin-top:24px;font-size:1.08rem}.legal-section p,.legal-section li{color:var(--muted)}.legal-section strong{color:var(--text)}.legal-section li{margin:7px 0}.legal-callout{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;padding:18px 22px;margin:22px 0}.legal-callout p{margin:0}.answer-box{margin:0 0 26px;border-left:3px solid var(--accent)}.answer-text{font-size:1.12rem;line-height:1.6;margin:0}.binomial{color:var(--faint);font-style:italic;margin:-6px 0 10px;font-size:.95rem}.audiogram-data{margin-top:18px}.audiogram-data>summary{cursor:pointer;color:var(--muted);font-weight:600;font-size:.9rem}.audiogram-data table.facts{margin-top:12px}.audiogram-data table.facts th{width:auto}table.facts caption{text-align:left}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.consent[data-astro-cid-2effgw6e]{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;max-width:640px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:0 10px 40px #00000080}.consent[data-astro-cid-2effgw6e][hidden]{display:none}.consent[data-astro-cid-2effgw6e] p[data-astro-cid-2effgw6e]{margin:0;color:var(--muted);font-size:.9rem}.consent-actions[data-astro-cid-2effgw6e]{display:flex;gap:8px}.consent[data-astro-cid-2effgw6e] .btn[data-astro-cid-2effgw6e]{padding:9px 16px;font-size:.9rem}