:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}html,body{background:#eef3f7;min-width:320px;min-height:100%;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.species-presence-card{overflow:hidden}.presence-heading{align-items:flex-start}.presence-year-selector{color:#64748b;text-transform:uppercase;gap:4px;font-size:.68rem;font-weight:800;display:grid}.presence-year-selector select{color:#334155;min-width:92px;font:inherit;background:#fff;border:1px solid #d8dee8;border-radius:9px;padding:8px 30px 8px 11px;font-size:.82rem;font-weight:800}.presence-filter{background:#e7edef;border-radius:10px;gap:4px;margin-bottom:12px;padding:4px;display:inline-flex}.presence-filter button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:72px;min-height:36px;padding:7px 14px;font-size:.78rem;font-weight:800}.presence-filter button:hover{color:#6d28d9}.presence-filter button.active{color:#6d28d9;background:#fff;box-shadow:0 2px 7px #0f172a1a}.presence-filter button:focus-visible{outline-offset:1px;outline:3px solid #6d28d94d}.presence-legend{color:#64748b;flex-wrap:wrap;justify-content:flex-end;gap:14px;margin:4px 0 14px;font-size:.68rem;font-weight:700;display:flex}.presence-legend span{align-items:center;gap:6px;display:flex}.presence-legend i{border-radius:999px;width:24px;display:inline-block}.presence-legend-full{opacity:.4;background:linear-gradient(90deg,#38bdf8,#8b5cf6,#ec4899);height:4px}.presence-legend-core{background:linear-gradient(90deg,#38bdf8,#8b5cf6,#ec4899);height:10px}.presence-scroll{width:100%;padding-bottom:8px;overflow-x:auto}.presence-chart{min-width:900px}.presence-months{grid-template-columns:220px repeat(12,minmax(52px,1fr));margin-bottom:7px;display:grid}.presence-months>div{grid-column:1}.presence-months span{color:#64748b;text-align:center;text-transform:uppercase;font-size:.64rem;font-weight:800}.presence-row{border-top:1px solid #94a3b829;grid-template-columns:220px minmax(0,1fr);min-height:62px;display:grid}.presence-species{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:8px 12px 8px 0;display:grid}.presence-species:hover strong{color:#6d28d9}.presence-species img{object-fit:cover;background:#edf2f7;border:2px solid #fff;border-radius:50%;width:42px;height:42px;box-shadow:0 3px 9px #3341552e}.presence-species span,.presence-species strong,.presence-species small{min-width:0;display:block}.presence-species strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.presence-species small{color:#8491a3;margin-top:3px;font-size:.64rem}.species-presence-card .presence-timeline,.species-presence-card .presence-mobile-timeline{isolation:isolate;position:relative;overflow:hidden}.species-presence-card .presence-timeline{background-image:repeating-linear-gradient(90deg,#94a3b82b 0 1px,#0000 1px 8.33333%);align-self:stretch}.species-presence-card .presence-full-range,.species-presence-card .presence-core-range{border-radius:999px;max-width:100%;position:absolute;top:50%;transform:translateY(-50%)}.species-presence-card .presence-full-range{z-index:1;background:linear-gradient(90deg, hsl(var(--presence-hue) 78% 62%), hsl(calc(var(--presence-hue) + 70) 78% 62%));opacity:.32;height:6px}.species-presence-card .presence-core-range{z-index:2;background:linear-gradient(90deg, hsl(var(--presence-hue) 82% 55%), hsl(calc(var(--presence-hue) + 70) 82% 58%));height:16px;box-shadow:0 4px 10px hsl(var(--presence-hue) 60% 50% / .2), inset 0 1px #ffffff80}.presence-desktop{display:block}.presence-mobile{display:none}@media (width<=700px){.species-presence-card{padding:10px 8px}.presence-heading{grid-template-columns:minmax(0,1fr) 78px;gap:6px;margin-bottom:5px;display:grid}.presence-heading h3{margin-bottom:1px;font-size:.94rem}.presence-heading p{max-width:230px;font-size:.62rem;line-height:1.15}.presence-year-selector{gap:1px;font-size:.52rem}.presence-year-selector select{box-sizing:border-box;width:78px;min-width:78px;height:28px;padding:3px 20px 3px 6px;font-size:.7rem}.presence-filter{border-radius:7px;grid-template-columns:repeat(3,1fr);gap:2px;width:100%;margin-bottom:4px;padding:2px;display:grid}.presence-filter button{border-radius:5px;min-width:0;min-height:26px;padding:2px 4px;font-size:.64rem}.presence-legend{justify-content:flex-start;gap:8px;margin:0 0 4px;font-size:.52rem}.presence-legend span{gap:3px}.presence-legend i{width:15px}.presence-legend-full{height:2px}.presence-legend-core{height:6px}.presence-desktop{display:none!important}.presence-mobile{width:100%;display:block!important}.presence-mobile-months{color:#64748b;text-align:center;text-transform:uppercase;grid-template-columns:92px repeat(4,minmax(0,1fr));margin-bottom:1px;font-size:.48rem;font-weight:800;display:grid}.presence-mobile-row{border-top:1px solid #94a3b824;grid-template-columns:92px minmax(0,1fr);min-height:23px;display:grid}.presence-mobile-species{color:#334155;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;width:100%;min-width:0;margin:0;padding:2px 5px 2px 0;font-size:.56rem;font-weight:800;line-height:1;overflow:hidden}.presence-mobile-species:hover{color:#6d28d9}.species-presence-card .presence-mobile-timeline{background-image:repeating-linear-gradient(90deg,#94a3b82b 0 1px,#0000 1px 25%);min-width:0}.species-presence-card .presence-full-range{opacity:.35;height:3px}.species-presence-card .presence-core-range{height:9px;box-shadow:0 1px 3px hsl(var(--presence-hue) 60% 50% / .18), inset 0 1px #fff6}}body{color:#1f2937}button,audio{font:inherit}.app{width:min(1100px,100%);margin:0 auto;padding:40px 24px}.header{text-align:center;margin-bottom:24px}.header h1{color:#1f2937;margin:0;font-size:2.6rem;font-weight:800;line-height:1.1}.header p{color:#64748b;margin:10px 0 0;font-size:1.1rem}.main-navigation{background:#dfe8ee;border-radius:12px;justify-content:center;gap:8px;margin-bottom:22px;padding:5px;display:flex}.navigation-button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9px;width:auto;min-width:130px;margin:0;padding:11px 22px;font-size:.95rem;font-weight:600}.navigation-button:hover{color:#2c7a4b}.navigation-button.active{color:#2c7a4b;background:#fff;box-shadow:0 2px 7px #00000014}.sync-status{color:#64748b;text-align:center;margin-bottom:18px;font-size:.95rem}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:36px;display:grid}.card{background:#fff;border-radius:16px;min-height:130px;padding:24px;box-shadow:0 3px 12px #00000014}.card h2{color:#64748b;margin:0;font-size:1rem;font-weight:600}.value{color:#2c7a4b;margin:12px 0 0;font-size:2.4rem;font-weight:800;line-height:1}.section-title{color:#1f2937;margin:0 0 18px;font-size:1.5rem}.table{gap:14px;display:grid}.row{background:#fff;border-radius:14px;grid-template-columns:70px minmax(0,1fr) minmax(240px,320px);align-items:center;gap:18px;padding:18px;display:grid;box-shadow:0 3px 12px #0000000d}.row img{object-fit:cover;border-radius:10px;width:70px;height:70px}.info{min-width:0}.info strong{color:#1f2937;margin-bottom:4px;font-size:1.15rem;display:block}.scientific-name,.detection-time{color:#6b7280;margin-bottom:6px;font-size:.9rem}.badge{color:#2c7a4b;background:#e8f5e9;border-radius:999px;padding:5px 10px;font-size:.8rem;font-weight:600;display:inline-block}audio{width:100%}.clickable{cursor:pointer;transition:transform .15s}.clickable:hover{transform:translateY(-2px)}.insights-page{margin-top:32px}.insights-heading{margin-bottom:28px}.insights-heading h2{color:#1f2937;margin:0 0 8px;font-size:1.8rem}.insights-heading p{color:#64748b;margin:0}.notable-section{margin-bottom:24px}.notable-section>h3{margin:0 0 14px;font-size:1.25rem}.notable-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.notable-card{text-align:center;background:#fff;border-radius:14px;grid-template-columns:1fr;place-items:center;gap:13px;min-width:0;padding:18px;display:grid;position:relative;box-shadow:0 3px 12px #0000000f}.notable-icon{flex:none;font-size:1.7rem;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.notable-card span,.notable-card strong{display:block}.notable-card span{color:#64748b;margin-bottom:5px;font-size:.8rem}.notable-card strong{color:#1f2937;font-size:.92rem;line-height:1.35}.insights-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.chart-card{background:#fff;border-radius:16px;min-width:0;padding:24px;box-shadow:0 3px 12px #00000012}.chart-card-wide{grid-column:1/-1}.chart-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:25px;display:flex}.chart-heading h3{margin:0 0 5px;font-size:1.15rem}.chart-heading p{color:#64748b;margin:0;font-size:.87rem}.chart-period{color:#2c7a4b;background:#eef7f1;border-radius:999px;flex:none;padding:5px 9px;font-size:.75rem;font-weight:700}.hourly-chart{isolation:isolate;border-bottom:1px solid #dbe3e8;grid-template-columns:repeat(24,minmax(0,1fr));gap:4px;height:230px;padding-top:20px;display:grid;position:relative}.hour-column,.day-column{flex-direction:column;min-width:0;display:flex}.hour-bar-area,.day-bar-area{flex:1;justify-content:center;align-items:flex-end;display:flex;position:relative}.hour-bar{background:linear-gradient(#5fa875,#2c7a4b);border-radius:5px 5px 0 0;width:100%;max-width:24px}.hour-value{color:#64748b;font-size:.58rem;position:absolute;top:-17px}.hour-label{color:#7b8794;text-align:center;white-space:nowrap;min-height:29px;padding-top:8px;font-size:.62rem}.seven-day-chart{border-bottom:1px solid #dbe3e8;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;height:230px;display:grid}.day-bar{border-radius:7px 7px 0 0;flex:none;width:min(42px,75%);position:relative}.activity-bar{background:linear-gradient(#62a978,#2c7a4b)}.diversity-bar{background:linear-gradient(#78a8c5,#397797)}.day-value{color:#51606f;flex:none;margin-bottom:5px;font-size:.78rem;font-weight:700;line-height:1;position:static;bottom:auto;transform:none}.day-label{color:#64748b;text-align:center;min-height:31px;padding-top:9px;font-size:.75rem}.top-species-chart{gap:16px;display:grid}.top-species-row{grid-template-columns:24px 46px minmax(0,1fr);align-items:center;gap:12px;display:grid}.species-rank{color:#94a3b8;text-align:center;font-size:.82rem;font-weight:700}.top-species-row img{object-fit:cover;border-radius:8px;width:46px;height:46px}.top-species-details{min-width:0}.top-species-heading{justify-content:space-between;gap:12px;margin-bottom:7px;font-size:.88rem;display:flex}.top-species-heading span{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.top-species-heading strong{color:#2c7a4b}.horizontal-bar-track{background:#e8eef1;border-radius:999px;width:100%;height:9px;overflow:hidden}.horizontal-bar{background:linear-gradient(90deg,#5fa875,#2c7a4b);border-radius:999px;height:100%}.empty-chart{color:#64748b;text-align:center;padding:35px 10px}.modal{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:700px;max-width:100%;max-height:80vh;padding:25px;overflow-y:auto}.modal-header{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:center;align-items:flex-start;margin-bottom:12px;padding:25px 0 18px;display:flex;position:sticky;top:-25px}.modal-title{text-align:center;width:100%;padding:0 48px}.modal-title h2{margin:0;font-size:1.7rem}.modal-subtitle{color:#6b7280;margin-top:6px;font-size:.95rem}.close-button{color:#6b7280;cursor:pointer;background:0 0;border:none;width:44px;min-height:44px;padding:0;font-size:2rem;position:absolute;top:22px;right:0}.species-card{border-bottom:1px solid #eee;grid-template-columns:70px 1fr auto;align-items:center;gap:20px;padding:12px 0;display:grid}.species-card img{object-fit:cover;border-radius:8px;width:60px;height:60px}.species-info{min-width:0}.species-info div{color:#666;font-style:italic}.species-count{color:#2c7a4b;font-weight:700}.species-hero{aspect-ratio:16/9;background:#eef3f7;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-bottom:34px;display:flex;overflow:hidden}.species-hero img{object-fit:contain;width:100%;height:100%}.species-summary{margin-bottom:34px}.species-summary h3{margin:0 0 12px}.species-summary p{color:#4b5563;margin:0 0 8px}.recordings-title{margin:0 0 18px}.recording-item{border-bottom:1px solid #e5e7eb;margin-bottom:28px;padding-bottom:28px}.recording-time{color:#374151;margin-bottom:6px;font-weight:500}.recording-confidence{color:#2c7a4b;margin-bottom:12px;font-size:.9rem;font-weight:600}.day-bar-area{justify-content:flex-end;align-items:flex-end}.day-bar-stack{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex}.notable-card>div:last-child{text-align:center;width:100%;padding:0 55px}.glance-card{background:#fff;border-radius:16px;margin-bottom:18px;padding:20px 22px;box-shadow:0 3px 12px #0000000f}.glance-card h3{color:#1f2937;margin:0 0 8px;font-size:1.15rem}.glance-row{border-bottom:1px solid #e5e7eb;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;padding:13px 0;display:grid}.glance-row:last-child{border-bottom:none;padding-bottom:0}.glance-icon{text-align:center;font-size:1.35rem}.glance-text{min-width:0}.glance-text span,.glance-text strong{display:block}.glance-text span{color:#64748b;margin-bottom:3px;font-size:.78rem}.glance-text strong{color:#1f2937;font-size:.92rem;line-height:1.35}.range-selector{background:#e7edef;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:18px;padding:5px;display:grid}.range-button{color:#596673;min-height:42px;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:9px;padding:8px 12px;font-size:.86rem;font-weight:700;transition:background .15s,color .15s,box-shadow .15s}.range-button.active{color:#2c7a4b;background:#fff;box-shadow:0 2px 7px #00000017}.range-button:disabled{cursor:wait;opacity:.65}.solar-summary{color:#475569;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:-4px 0 12px;font-size:.82rem;font-weight:700;display:grid}.solar-summary span:last-child{text-align:right}.daylight-label{color:#8a6b20;font-size:.72rem;font-weight:600}.daylight-band{z-index:-1;pointer-events:none;background:#facc151f;border-left:1px dashed #d9770680;border-right:1px dashed #d9770680;border-radius:8px 8px 0 0;position:absolute;top:0;bottom:31px}.heatmap-scroll{width:100%;padding-bottom:3px;overflow-x:auto}.activity-heatmap{grid-template-rows:23px repeat(7,27px);grid-template-columns:42px repeat(24,minmax(19px,1fr));gap:3px;min-width:610px;display:grid}.heatmap-corner{grid-area:1/1}.heatmap-hour{color:#64748b;text-align:center;white-space:nowrap;align-self:end;font-size:.62rem;line-height:1}.heatmap-row{display:contents}.heatmap-day{color:#475569;align-items:center;font-size:.72rem;font-weight:700;display:flex}.heatmap-cell,.heatmap-legend-scale i{background:color-mix(in srgb, #2f855a calc(var(--heat) * 88%), #edf2ef)}.heatmap-cell{border:1px solid #2f855a14;border-radius:4px;min-width:0}.heatmap-cell:hover{outline-offset:1px;outline:2px solid #276749}.heatmap-legend{color:#64748b;justify-content:flex-end;align-items:center;gap:7px;min-width:610px;margin-top:10px;font-size:.66rem;display:flex}.heatmap-legend-scale{gap:3px;display:flex}.heatmap-legend-scale i{border-radius:3px;width:14px;height:14px}button.heatmap-cell{appearance:none;cursor:pointer;width:auto;min-width:0;min-height:0;margin:0;padding:0}button.heatmap-cell:focus-visible{outline-offset:1px;outline:3px solid #276749}.compact-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:24px}.heatmap-explorer{color:#1f2937;background:radial-gradient(circle at 100% 0,#8b5cf61f,#0000 260px),#fff;border:1px solid #8b5cf62e;border-radius:22px;width:min(780px,100vw - 48px);max-height:calc(100vh - 48px);padding:34px 28px 26px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #0f172a59}.heatmap-explorer-close{z-index:5;color:#64748b;cursor:pointer;background:#fffc;border:none;border-radius:50%;width:40px;height:40px;padding:0;font-size:1.8rem;line-height:1;position:absolute;top:14px;right:16px}.heatmap-explorer-close:hover{color:#1f2937;background:#f1f5f9}.heatmap-explorer-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;padding-right:42px;display:flex}.heatmap-explorer-heading h2{color:#1f2937;margin:0 0 5px;font-size:1.45rem;line-height:1.25}.heatmap-explorer-heading>div:first-child>span{color:#64748b;font-size:.88rem}.heatmap-explorer-total{text-align:right;flex:none}.heatmap-explorer-total strong,.heatmap-explorer-total span{display:block}.heatmap-explorer-total strong{color:#7c3aed;font-size:1.55rem;line-height:1}.heatmap-explorer-total span{color:#64748b;margin-top:4px;font-size:.76rem;font-weight:700}.heatmap-explorer-message{color:#64748b;text-align:center;background:#f8fafc;border-radius:14px;margin:24px 0;padding:26px}.heatmap-explorer-message.error{color:#b42318;background:#fff1f2}.featured-bird{background:linear-gradient(135deg,#7c3aed1f,#ec489914 55%,#14b8a617);border:1px solid #8b5cf633;border-radius:18px;grid-template-columns:112px minmax(0,1fr) 130px;align-items:center;gap:20px;padding:20px;display:grid;overflow:hidden}.featured-bird>img{object-fit:cover;border:4px solid #fff;border-radius:50%;width:112px;height:112px;box-shadow:0 8px 24px #4c1d9538}.featured-bird-details{min-width:0}.featured-label{color:#6d28d9;letter-spacing:.04em;text-transform:uppercase;background:#ede9fe;border-radius:999px;margin-bottom:7px;padding:4px 9px;font-size:.7rem;font-weight:800;display:inline-block}.featured-bird-details h3{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;font-size:1.35rem;overflow:hidden}.featured-bird-details em{color:#64748b;font-size:.86rem}.featured-bird-numbers{flex-wrap:wrap;gap:7px 14px;margin-top:14px;display:flex}.featured-bird-numbers strong{color:#6d28d9}.featured-bird-numbers span{color:#64748b;font-size:.84rem}.activity-comparison{text-align:center;background:#ffffffd1;border-radius:15px;place-items:center;min-height:112px;padding:13px 10px;display:grid}.activity-comparison>span{font-size:1.25rem;font-weight:900}.activity-comparison strong{font-size:1.55rem;line-height:1}.activity-comparison small{color:#64748b;margin-top:5px;font-size:.7rem;font-weight:700;line-height:1.25}.activity-comparison.above-average>span,.activity-comparison.above-average strong{color:#0f9f84}.activity-comparison.below-average>span,.activity-comparison.below-average strong{color:#ec4899}.bird-picker-section,.timeline-section{margin-top:24px}.explorer-section-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.explorer-section-heading h3{color:#1f2937;margin:0;font-size:1rem}.explorer-section-heading span{color:#64748b;font-size:.76rem}.bird-picker{gap:10px;padding:3px 2px 9px;display:flex;overflow-x:auto}.bird-picker-button{color:#334155;text-align:left;cursor:pointer;background:#f8fafc;border:2px solid #0000;border-radius:13px;flex:none;grid-template-columns:46px minmax(105px,1fr) auto;align-items:center;gap:10px;min-width:205px;padding:9px 11px;transition:transform .15s,border-color .15s,background .15s;display:grid;position:relative}.bird-picker-button:after{background:var(--species-colour);content:"";opacity:.55;border-radius:999px;height:3px;position:absolute;bottom:-2px;left:10px;right:10px}.bird-picker-button:hover{background:#fff;transform:translateY(-2px)}.bird-picker-button.active{border-color:var(--species-colour);box-shadow:0 6px 18px color-mix(in srgb, var(--species-colour) 20%, transparent);background:#fff}.bird-picker-button.active:after{opacity:1}.bird-picker-button img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:46px;height:46px;box-shadow:0 3px 9px #0f172a29}.bird-picker-button span{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:700;overflow:hidden}.bird-picker-button strong{background:color-mix(in srgb, var(--species-colour) 13%, white);min-width:28px;color:var(--species-colour);text-align:center;border-radius:999px;padding:4px 7px;font-size:.76rem}.detection-timeline{background:linear-gradient(90deg,#8b5cf612,#ec48990f,#14b8a612);border:1px solid #e8eaf0;border-radius:15px;padding:22px 14px 12px}.timeline-track{background-color:#0000;background-image:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#64748b33 calc(25% - 1px) 25%),linear-gradient(90deg,#d8dee7,#d8dee7);background-position:50%;background-repeat:no-repeat;background-size:100% 2px,100% 2px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:34px;margin:0 5px;position:relative}.timeline-marker{background:var(--marker-colour);cursor:pointer;border:2px solid #fff;border-radius:999px;width:11px;min-width:0;height:22px;min-height:0;margin:0;padding:0;transition:height .15s,opacity .15s,transform .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0f172a40}.timeline-marker.selected{z-index:2;opacity:1;height:28px;transform:translate(-50%,-50%)scale(1.08)}.timeline-marker.muted{z-index:1;opacity:.2;height:16px}.timeline-marker:hover{z-index:3;opacity:1;height:30px}.timeline-labels{color:#64748b;justify-content:space-between;margin-top:4px;font-size:.68rem;font-weight:700;display:flex}.timeline-selected-key{color:#475569;align-items:center;gap:8px;margin-top:10px;font-size:.78rem;font-weight:700;display:flex}.timeline-selected-key i{border-radius:50%;width:10px;height:10px}@media (width<=700px){html,body{width:100%;overflow-x:hidden}.app{width:100%;max-width:none;padding:24px 16px}.header{margin-bottom:28px}.header h1{font-size:2rem}.header p{font-size:1rem}.main-navigation{margin-bottom:18px}.navigation-button{width:50%;min-width:0;min-height:44px;padding:10px 12px}.cards{gap:8px;margin-bottom:28px}.card{text-align:center;flex-direction:column;justify-content:center;min-width:0;min-height:105px;padding:14px 4px;display:flex}.card h2{font-size:.72rem;line-height:1.15}.value{margin-top:6px;font-size:1.65rem}.row{grid-template-columns:72px 1fr;gap:12px;padding:16px}.row img{width:72px;height:72px}.row audio{grid-column:1/-1}.insights-page{margin-top:22px}.notable-grid,.insights-grid{grid-template-columns:1fr}.chart-card-wide{grid-column:auto}.chart-card{padding:18px 14px}.hourly-chart{gap:2px;height:155px;padding-top:10px}.hour-value{display:none}.hour-label{transform-origin:top;white-space:nowrap;min-height:25px;padding-top:7px;font-size:.55rem;line-height:1;transform:none}.seven-day-chart{gap:7px;height:165px}.top-species-row{grid-template-columns:20px 42px minmax(0,1fr);gap:9px}.top-species-row img{width:42px;height:42px}.modal{padding:16px}.modal-content{width:100%;max-height:85vh;padding:18px}.modal-header{padding:18px 0 14px;top:-18px}.modal-title{padding:0 42px}.modal-title h2{font-size:1.45rem}.close-button{top:13px}.species-card{grid-template-columns:60px 1fr auto;gap:12px}.species-hero{margin-bottom:28px}.insights-heading{margin-bottom:22px}.insights-heading h2{color:#1f2937;margin-bottom:6px;font-size:1.55rem}.insights-heading p{font-size:.92rem;line-height:1.4}.notable-section{margin-bottom:18px}.notable-section>h3{margin-bottom:12px}.notable-grid{gap:10px}.notable-card{padding:14px 16px}.insights-grid{gap:14px}.chart-heading{margin-bottom:18px}.chart-heading h3{font-size:1.05rem}.chart-heading p{font-size:.8rem}.hour-bar{border-radius:3px 3px 0 0;max-width:12px}.day-bar-area{justify-content:flex-end}.day-value{margin-bottom:4px;font-size:.7rem;bottom:auto;transform:none}.day-bar{border-radius:5px 5px 0 0;width:min(30px,72%)}.day-label{min-height:27px;padding-top:7px;font-size:.7rem}.top-species-chart{gap:14px}.notable-icon{left:16px}.notable-card>div:last-child{padding:0 50px}.glance-card{margin-bottom:14px;padding:16px 18px}.glance-row{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:11px 0}.glance-icon{font-size:1.2rem}.solar-summary{gap:6px;margin-bottom:10px;font-size:.72rem}.daylight-label{font-size:.62rem}.daylight-band{bottom:25px}.range-selector{gap:3px;margin-bottom:14px;padding:4px}.range-button{min-width:0;min-height:40px;padding:7px 3px;font-size:.76rem}.activity-heatmap{grid-template-columns:36px repeat(24,19px);min-width:564px}.heatmap-legend{justify-content:flex-start;min-width:564px;padding-left:36px}.compact-modal{box-sizing:border-box;width:100%;height:100dvh;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));justify-content:center;align-items:flex-start;overflow:hidden}.heatmap-explorer{box-sizing:border-box;width:100%;max-width:100%;max-height:calc(100dvh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)));overscroll-behavior:contain;border-radius:18px;margin:0;padding:24px 14px 14px;overflow:hidden auto}.heatmap-explorer-close{top:10px;right:10px}.heatmap-explorer-heading{width:100%;margin-bottom:12px;padding-right:42px;display:block}.heatmap-explorer-heading h2{overflow-wrap:anywhere;margin-bottom:2px;font-size:1.08rem;line-height:1.3}.heatmap-explorer-total{text-align:left;align-items:baseline;gap:6px;margin-top:6px;display:flex}.heatmap-explorer-total strong,.heatmap-explorer-total span{display:inline}.featured-bird{grid-template-columns:70px minmax(0,1fr);gap:11px;padding:12px}.featured-bird>img{width:70px;height:70px}.featured-bird-details h3{font-size:1rem}.featured-bird-numbers{gap:3px;margin-top:6px;display:grid}.activity-comparison{text-align:left;grid-column:1/-1;grid-template-columns:auto auto 1fr;gap:6px;min-height:0;padding:7px 11px}.activity-comparison strong{font-size:1.25rem}.activity-comparison small{margin:0}.explorer-section-heading{margin-bottom:8px;display:block}.explorer-section-heading span{margin-top:3px;display:block}.bird-picker-button{grid-template-columns:38px minmax(85px,1fr) auto;min-width:175px;padding:7px 9px}.bird-picker-button img{width:38px;height:38px}.detection-timeline{padding:15px 9px 8px}.timeline-marker{width:10px}.featured-bird,.bird-picker-section,.timeline-section{box-sizing:border-box;width:100%;min-width:0}.featured-bird-details{min-width:0}.bird-picker{overscroll-behavior-x:contain;gap:8px;width:100%;padding-bottom:5px;scroll-padding-left:2px}.bird-picker-button:first-child{margin-left:0}.featured-label{margin-bottom:4px;padding:3px 7px;font-size:.62rem}.featured-bird-details em{font-size:.76rem}.bird-picker-section,.timeline-section{margin-top:15px}.timeline-selected-key{margin-top:7px}}