.bird-listening{--bl-ink:#294438;--bl-green:#376447;--bl-paper:#faf7eb;--bl-line:#d9dfcb;color:var(--bl-ink);font:15px/1.6 'Nunito',system-ui,sans-serif;isolation:isolate}.bird-listening[hidden]{display:none!important}.bird-listening *{box-sizing:border-box}.bl-modal{position:fixed!important;inset:0!important;z-index:2500!important;display:grid;place-items:center;padding:24px;background:#142e27b8;backdrop-filter:blur(7px)}.bl-panel{width:min(1080px,100%);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;background:var(--bl-paper);border:1px solid #c8d2b8;border-radius:23px;box-shadow:0 20px 85px #061b2c66;scrollbar-color:#8caa7c #f2efdc}.bl-inline .bl-panel{width:100%;max-height:none;overflow:visible;border-radius:20px;box-shadow:0 12px 40px #2f4a3320}.bird-listening button,.bird-listening input,.bird-listening select{font:inherit}.bird-listening button{cursor:pointer;touch-action:manipulation}.bird-listening button:disabled{opacity:.62;cursor:default}.bird-listening :focus-visible{outline:3px solid #b98735;outline-offset:3px}.bl-header{position:relative;padding:25px 32px 20px;background:linear-gradient(110deg,#284f39,#55784e);color:#fff8e5;border-radius:22px 22px 0 0}.bl-kicker{display:block;font-size:10px;line-height:1.4;font-weight:850;letter-spacing:.15em;color:#a07330}.bl-header>.bl-kicker{color:#e8dbaa}.bl-header h2{font:800 31px/1.2 'Nunito',system-ui,sans-serif;margin:6px 100px 0 0}.bl-close{position:absolute;right:23px;top:28px;color:#fff9df!important;border-color:#b9c5a5!important;background:#ffffff12!important}.bl-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid #c0cdb0;border-radius:10px;padding:8px 14px;background:#f4f5e6;color:#35573c;font-size:13px;font-weight:750;text-decoration:none}.bl-button:hover{background:#e8eed9;border-color:#94aa7c}.bl-primary{background:#3e6948;border-color:#305a3d;color:#fffcec;box-shadow:0 3px 0 #294c34}.bl-primary:hover{background:#315b3d;color:#fffcec}.bl-secondary{background:#e5ebd4;color:#365b3e;border-color:#a8bb90}.bl-subtle{border:0;background:none;box-shadow:none;text-decoration:underline;text-underline-offset:3px;font-size:12px;padding-inline:4px}.bl-small{min-height:36px;font-size:11px;padding:5px 10px}.bl-tabs{display:flex;gap:6px;padding:17px 30px 0;flex-wrap:wrap}.bl-tab{border-color:transparent;background:#f0eedf;min-height:40px;font-size:12px;padding:8px 14px}.bl-tab[aria-pressed=true]{background:#dce7c8;border-color:#a9be91;color:#254d33}.bl-status{padding:0 32px;margin:12px 0;color:#5a6f4e;font-size:12px;min-height:20px}.bl-audio-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:0 30px 12px;border-bottom:1px solid var(--bl-line);padding-bottom:12px}.bl-volume{display:flex;gap:7px;align-items:center;font-size:11px}.bl-volume input{width:100px;accent-color:#527846}.bl-volume>span{display:inline-block;min-width:32px}.bl-body{padding:0 32px 27px}.bl-intro{max-width:850px;margin:14px 0 18px;font-size:14px}.bl-body h3{font-size:23px;line-height:1.3;margin:10px 0}.bl-body h4{font-size:15px;margin:14px 0 7px}.bl-body p{margin:8px 0 13px}.bl-species-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:20px 0}.bl-species{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:155px;padding:8px 7px 12px;background:#f1f0e0;border:1px solid #d3ddc6;border-radius:15px;gap:5px;color:#3f5b3f;justify-content:flex-start;overflow:hidden}.bl-species[aria-pressed=true]{border-color:#648a50;background:#e3ebd3;box-shadow:inset 0 0 0 1px #648a50}.bl-species img{height:90px;width:100%;object-fit:contain;border-radius:8px;background:#e0e6d4}.bl-species strong{font-size:12px;line-height:1.25}.bl-species>span{font-size:9px;font-style:italic;line-height:1.2;color:#697b5e}.bl-detail{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(280px,1.2fr);gap:25px;padding:22px;background:#f1f2e2;border:1px solid #d5ddc3;border-radius:19px;scroll-margin-top:20px}.bl-photo{margin:0;text-align:center;align-self:start}.bl-photo img{display:block;width:100%;height:260px;object-fit:contain;background:#e2e8d7;border-radius:12px}.bl-photo figcaption{font-size:9px;line-height:1.5;margin-top:7px;color:#75816c;overflow-wrap:anywhere}.bl-source{color:#486d4a;text-decoration:underline;text-underline-offset:2px}.bl-scientific{font-size:12px;font-style:italic;color:#6c7c5f;margin:0!important}.bl-detail-info h3{margin-top:3px}.bl-tagline{font-size:16px;font-weight:750}.bl-play{display:inline-flex;background:#4e754c;border-color:#3e6840;color:#fffbe4;font-size:13px;min-height:44px}.bl-play:hover{background:#3c653e;color:#fff}.bl-play[aria-pressed=true]{background:#856f36;border-color:#806a35;color:#fffbe6}.bl-transport{display:flex;gap:10px;align-items:center;margin:12px 0}.bl-transport input{flex:1;min-width:80px;accent-color:#63864e}.bl-time{font-size:10px;white-space:nowrap;color:#69785d}.bl-notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:18px}.bl-note{padding:0 13px;border-left:3px solid #c2d2a8}.bl-note p,.bl-marks{font-size:13px}.bl-marks{margin:6px 0 14px;padding-left:20px}.bl-marks li{padding:4px 0}.bl-season{font-style:italic;color:#64765a}.bl-try{padding:13px 17px;background:#ece6cd;border-radius:11px;font-size:13px}.bl-caution{color:#68785f;font-size:12px}.bl-credit{border-top:1px solid var(--bl-line);margin:18px 0 0;padding-top:12px;font-size:11px}.bl-credit summary{cursor:pointer;font-weight:750}.bl-credit p{font-size:11px;line-height:1.5}.bl-credit>.bl-source{display:block;padding:2px 0}.bl-ethics{font-size:11px;color:#75816d;border-top:1px solid var(--bl-line);padding-top:15px;margin:25px 0 0!important;max-width:920px}.bl-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.bl-compare-card{padding:19px;border:1px solid #cdd9bb;border-radius:17px;background:#f0f3e2}.bl-compare-select{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;margin-bottom:13px}.bl-compare-select select{width:100%;padding:9px 10px;border:1px solid #adbf99;border-radius:8px;background:#fffdf0;color:#35543c;font-size:13px}.bl-compare-card .bl-photo img{height:190px}.bl-compare-card .bl-play{margin-top:14px}.bl-compare-card>p{font-size:13px}.bl-method{padding:12px 18px;background:#e8edda;border-radius:12px}.bl-method h4{margin-top:0}.bl-levels{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin:22px 0}.bl-level{border:1px solid #ced9bc;background:#f1f3e2;padding:23px;border-radius:17px}.bl-level h3{font-size:24px;margin:9px 0}.bl-level p{font-size:13px}.bl-level .bl-primary{margin-top:6px}.bl-completed{color:#577445;font-size:11px!important;font-weight:750}.bl-round{font-size:12px;color:#779064;letter-spacing:.04em;font-weight:750}.bl-question-audio{background:#e9edd9;border:1px solid #d3dec0;border-radius:15px;padding:18px;margin:19px 0;max-width:620px}.bl-question-audio .bl-transport{margin-bottom:0}.bl-choices{border:0;margin:17px 0;padding:0;display:grid;gap:9px;max-width:620px}.bl-choices legend{font-size:12px;font-weight:750;margin:0 0 8px}.bl-choice{display:flex;align-items:center;gap:11px;min-height:52px;border:1px solid #c4d3ae;background:#f4f5e6;border-radius:11px;padding:12px 17px;font-size:15px;cursor:pointer}.bl-choice:has(input:checked){background:#dce9ca;border-color:#6a8a53}.bl-choice input{width:18px;height:18px;accent-color:#527545;flex:none}.bl-hints{margin:17px 0;font-size:12px;max-width:620px}.bl-hints summary{cursor:pointer}.bl-hints h4{font-size:12px;margin-bottom:3px}.bl-hints p{font-size:12px}.bl-feedback{margin:19px 0;max-width:760px;border-radius:16px;background:#ececd9;border:1px solid #c7d4b0;padding:20px;display:flow-root}.bl-feedback.is-correct{background:#e3ebd2}.bl-feedback .bl-photo{float:left;width:155px;margin:0 20px 12px 0}.bl-feedback .bl-photo img{height:145px}.bl-feedback h4{font-size:21px;margin-top:0}.bl-feedback>p{font-size:14px}.bl-confirm{border:1px solid #bdac76;background:#f1e8ce;padding:17px;border-radius:12px;max-width:620px}.bl-result{text-align:center;max-width:700px;margin:15px auto;background:#edf1dd;padding:30px;border:1px solid #c5d5ab;border-radius:20px}.bl-result-icon{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#6c8a55;color:#fffce5;font-size:31px}.bl-score{font-size:36px;font-weight:850;color:#4d7345;margin:15px 0!important}.bl-result>.bl-button{margin:8px 5px}.bl-history{margin-top:23px;font-size:12px}.bl-history summary{cursor:pointer;font-weight:750}.bl-history ul{padding-left:22px}.bl-history li{padding:5px 0}.bird-page{max-width:1190px;margin:0 auto;padding:34px 25px 65px}.bird-page-intro{padding:18px 3px 27px;max-width:870px}.bird-page-intro h1{font:800 42px/1.17 'Nunito',sans-serif;color:#31583d;margin:8px 0 15px}.bird-page-intro>p{font:16px/1.65 'Nunito',sans-serif;color:#51634b}.bird-page-intro>a{display:inline-flex;color:#57764c;font:700 13px 'Nunito',sans-serif;text-decoration:underline;text-underline-offset:4px}.bird-page .bl-header h2{font-size:27px}
@media(max-width:800px){.bl-modal{padding:10px}.bl-panel{max-height:calc(100dvh - 20px);border-radius:16px}.bl-header{padding:20px;border-radius:15px 15px 0 0}.bl-header h2{font-size:26px;margin-right:85px}.bl-close{top:23px;right:15px;font-size:11px;padding:6px 10px;min-height:36px}.bl-tabs{padding:13px 18px 0;gap:5px}.bl-tab{padding:7px 10px;font-size:11px}.bl-status{padding:0 20px;font-size:11px}.bl-audio-controls{margin:0 18px 10px;justify-content:flex-start}.bl-volume input{width:78px}.bl-body{padding:0 20px 20px}.bl-species-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.bl-species{min-height:135px}.bl-species img{height:75px}.bl-detail{grid-template-columns:1fr;gap:15px;padding:16px}.bl-detail .bl-photo img{height:220px}.bl-detail-info h3{font-size:24px}.bl-notes-grid{grid-template-columns:1fr}.bl-compare-grid{gap:10px}.bl-compare-card{padding:12px}.bl-compare-card .bl-photo img{height:150px}.bl-compare-card h4{font-size:14px}.bl-compare-card>p,.bl-compare-card .bl-marks{font-size:12px}.bl-levels{grid-template-columns:1fr;gap:12px}.bl-level{padding:18px}.bird-page{padding:20px 14px 40px}.bird-page-intro h1{font-size:34px}.bird-page .bl-body{padding:0 15px 20px}.bird-page .bl-tabs{padding-left:13px;padding-right:13px}}
@media(max-width:480px){.bl-modal{padding:6px}.bl-panel{max-height:calc(100dvh - 12px)}.bl-header h2{font-size:23px}.bl-kicker{font-size:9px}.bl-body{padding:0 14px 20px}.bl-audio-controls{gap:5px;margin-inline:14px}.bl-audio-controls>.bl-small{font-size:10px;padding-inline:7px}.bl-tabs{padding-inline:13px}.bl-tab{font-size:10px;padding-inline:8px;min-height:39px}.bl-species-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-species-grid>.bl-species:last-child{grid-column:1/-1;min-height:100px;display:grid;grid-template-columns:85px 1fr;text-align:left;align-items:center;column-gap:12px}.bl-species-grid>.bl-species:last-child img{grid-row:1/3;width:85px;height:85px}.bl-species-grid>.bl-species:last-child strong{align-self:end}.bl-species-grid>.bl-species:last-child>span{align-self:start}.bl-compare-grid{grid-template-columns:1fr}.bl-compare-card .bl-photo img{height:190px}.bl-detail .bl-photo img{height:190px}.bl-transport input{width:100px;min-width:40px}.bl-feedback{padding:15px}.bl-feedback .bl-photo{float:none;width:100%;max-width:250px;margin:0 auto 15px}.bl-feedback .bl-photo img{height:180px}.bl-result{padding:23px 14px}.bl-result h3{font-size:22px}.bl-choice{font-size:14px;padding:12px}.bird-page-intro h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.bird-listening *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.bird-listening [hidden]{display:none!important}
