: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%}*{box-sizing:border-box}html,body{background:#eef3f7;min-width:320px;min-height:100%;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}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{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{background:#fff;border-radius:14px;align-items:center;gap:13px;min-width:0;padding:18px;display:flex;box-shadow:0 3px 12px #0000000f}.notable-icon{flex:none;font-size:1.7rem}.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{border-bottom:1px solid #dbe3e8;grid-template-columns:repeat(24,minmax(0,1fr));gap:4px;height:230px;padding-top:20px;display:grid}.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;width:min(42px,75%)}.activity-bar{background:linear-gradient(#62a978,#2c7a4b)}.diversity-bar{background:linear-gradient(#78a8c5,#397797)}.day-value{color:#51606f;font-size:.78rem;font-weight:700;position:absolute;bottom:calc(100% + 5px)}.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}@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:28px}.notable-grid,.insights-grid{grid-template-columns:1fr}.chart-card-wide{grid-column:auto}.chart-card{padding:20px 16px}.hourly-chart{gap:2px;height:210px}.hour-value{display:none}.hour-label{transform-origin:top;font-size:.53rem;transform:rotate(-45deg)}.seven-day-chart{gap:5px;height:210px}.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 h2{color:#1f2937}.day-bar-area{justify-content:flex-end}.day-value{color:#51606f;font-size:.78rem;font-weight:700;position:absolute;bottom:auto;transform:translateY(-6px)}.day-bar{position:relative}@media (width<=700px){.insights-page{margin-top:22px}.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-card{padding:18px 14px}.chart-heading{margin-bottom:18px}.chart-heading h3{font-size:1.05rem}.chart-heading p{font-size:.8rem}.hourly-chart{gap:2px;height:155px;padding-top:10px}.hour-bar{border-radius:3px 3px 0 0;max-width:12px}.hour-value{display:none}.hour-label{white-space:nowrap;min-height:25px;padding-top:7px;font-size:.55rem;line-height:1;transform:none}.seven-day-chart{gap:7px;height:165px}.day-bar-area{justify-content:flex-end}.day-value{font-size:.7rem;bottom:auto;transform:translateY(-5px)}.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}.day-bar-area{align-items:flex-end}.day-bar-stack{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex}.day-value{color:#51606f;flex:none;margin-bottom:5px;font-size:.78rem;font-weight:700;line-height:1;position:static;transform:none}.day-bar{flex:none}@media (width<=700px){.day-value{margin-bottom:4px;font-size:.7rem;transform:none}.notable-card{text-align:center;grid-template-columns:1fr;place-items:center;display:grid;position:relative}.notable-icon{position:absolute;top:50%;left:18px;transform:translateY(-50%)}.notable-card>div:last-child{text-align:center;width:100%;padding:0 55px}@media (width<=700px){.notable-icon{left:16px}.notable-card>div:last-child{padding:0 50px}.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}@media (width<=700px){.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}.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}.hourly-chart{isolation:isolate;position:relative}.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}@media (width<=700px){.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}}.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}@media (width<=700px){.activity-heatmap{grid-template-columns:36px repeat(24,19px);min-width:564px}.heatmap-legend{justify-content:flex-start;min-width:564px;padding-left:36px}}}}}}}