*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:"Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--bg:#fff;--text:#111;--text-muted:#777;--border:#e0e0e0;--card-bg:#fff;--rail-width:180px}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#root{width:100%;max-width:100%}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.loading-screen{background:#fff;justify-content:center;align-items:center;height:100vh;display:flex}.loading-screen-inner{text-align:center}.loading-screen-icon{margin-bottom:16px;font-size:48px;line-height:1}.loading-screen-title{letter-spacing:1px;text-transform:uppercase;color:#111;margin-bottom:24px;font-size:16px;font-weight:700}.loading-screen-spinner{border:2.5px solid #e0e0e0;border-top-color:#0051ba;border-radius:50%;width:28px;height:28px;margin:0 auto 12px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen-text{color:var(--text-muted);letter-spacing:.5px;font-size:12px}.header{border-bottom:1px solid #111;justify-content:space-between;align-items:baseline;padding:16px 24px 14px;display:flex}.header-subtitle{color:var(--text-muted);letter-spacing:.2px;font-size:14px}.header-title{letter-spacing:1.5px;text-transform:uppercase;font-size:18px;font-weight:600}.species-filter{z-index:400;justify-content:center;gap:10px;padding:0;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.species-pill{font-family:var(--font);letter-spacing:.3px;cursor:pointer;border:1.5px solid;border-radius:20px;padding:6px 20px;font-size:12px;font-weight:500;transition:all .15s}.species-pill:hover{opacity:.85}.species-pill.active{color:#333}.species-pill-all{color:#333;background-color:#fff!important;border-color:#333!important}.record-count{z-index:400;text-align:right;position:absolute;top:12px;right:16px}.record-count-number{color:#333;letter-spacing:.2px;font-size:12px;font-weight:500}.record-count-value{font-weight:900}.record-count-filters{color:#888;letter-spacing:.2px;margin-top:2px;font-size:11px;font-style:italic}.species-pill-all.active{color:#fff!important;background-color:#111!important}.main-area{flex:1;min-height:0;display:flex;position:relative}.left-rail-wrapper{z-index:500;position:absolute;top:12px;left:0}.rail-collapsed{cursor:pointer;background:#0051ba;border:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background .15s,box-shadow .15s,padding .15s;display:flex;position:relative}.rail-collapsed[data-tooltip]:after{content:attr(data-tooltip);color:#fff;letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;z-index:1000;background:#1a1a1a;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:opacity .12s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.rail-collapsed[data-tooltip]:hover:after,.rail-collapsed[data-tooltip]:focus-visible:after{opacity:1;transition-delay:.15s;box-shadow:2px 2px 8px #00000024}.rail-collapsed.hidden{display:none}.rail-collapsed:hover{background:#f5f5f5;padding-right:2px;box-shadow:3px 2px 10px #00000029}.rail-filter-icon{color:#fff;flex-shrink:0}.rail-collapsed:hover .rail-filter-icon{color:#0051ba}.rail-whale-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:22px;line-height:1;display:inline-flex}.rail-collapsed-badge{color:#0051ba;pointer-events:none;background:#fff;border:1.5px solid #0051ba;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 1px 3px #00000026}.rail-collapsed:hover .rail-collapsed-badge{color:#fff;background:#0051ba}.left-rail.open{background:#fff;border:1px solid #d0d1d4;border-left:none;border-radius:0 10px 10px 0;flex-direction:column;width:250px;min-width:250px;height:calc(100vh - 150px);max-height:calc(100vh - 150px);padding:0;display:flex;overflow:hidden;box-shadow:2px 2px 14px #0000001a}.rail-header{justify-content:flex-end;padding:8px 8px 0;display:flex}.rail-close{cursor:pointer;color:#0051ba;background:0 0;border:none;padding:2px 6px;font-size:20px;line-height:1}.rail-close:hover{color:#003d8f}.rail-scroll{flex-direction:column;flex:1;display:flex;overflow-y:auto}.rail-section-heading{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;padding:8px 16px 4px;font-size:10px;font-weight:700;display:flex}.rail-section-heading--main{padding-top:10px;font-size:12px}.rail-section-heading--sub{margin-top:4px}.rail-section-heading--layers{border-top:1px solid var(--border);margin-top:20px;padding-top:14px}.rail-clear-all{font-family:var(--font);letter-spacing:.2px;text-transform:none;color:#0051ba;cursor:pointer;background:#0051ba14;border:1px solid #0051ba59;border-radius:999px;align-items:center;gap:6px;padding:3px 8px 3px 9px;font-size:10px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.rail-clear-all:hover{color:#fff;background:#0051ba;border-color:#0051ba}.rail-clear-all-count{color:#fff;background:#0051ba;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.rail-clear-all:hover .rail-clear-all-count{color:#0051ba;background:#fff}.filter-section-header{width:100%;font-family:var(--font);letter-spacing:.2px;color:#333;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:6px 16px;font-size:12px;font-weight:500;display:flex}.filter-section-header:hover{background:#00000005}.filter-section-title{align-items:center;gap:6px;display:flex}.filter-count{color:#fff;background:#0051ba;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:600;display:inline-flex}.filter-chevron{color:#aaa;font-size:14px;line-height:1;transition:transform .15s}.filter-chevron.open{transform:rotate(90deg)}.filter-options{padding:2px 16px 8px}.filter-option{cursor:pointer;align-items:center;gap:8px;padding:3px 0;display:flex}.filter-option input[type=checkbox]{accent-color:#0051ba;cursor:pointer;flex-shrink:0;width:13px;height:13px;margin:0}.filter-option-label{color:#444;letter-spacing:.1px;font-size:11px;line-height:1.3}.filter-option-scientific{color:#999;font-size:10px}.filter-option-scientific i{font-style:italic}.filter-clear-btn{font-family:var(--font);color:#999;cursor:pointer;background:0 0;border:none;margin-top:2px;padding:4px 0 0;font-size:10px}.filter-clear-btn:hover{color:#333}.filter-more-toggle{font-family:var(--font);color:#888;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:2px;padding:5px 0;font-size:10px;font-weight:500;display:flex}.filter-more-toggle:hover{color:#555}.filter-chevron-sm{font-size:11px;line-height:1;transition:transform .15s}.filter-chevron-sm.open{transform:rotate(90deg)}.layer-group{padding:4px 16px 8px}.layer-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.layer-label{color:#333;letter-spacing:.2px;font-size:12px;font-weight:500}.layer-switch{cursor:pointer;background:#d0d0d0;border:none;border-radius:10px;align-items:center;width:44px;height:20px;padding:0;transition:background .2s;display:inline-flex;position:relative}.layer-switch.on{background:#0051ba}.layer-switch-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;left:2px;box-shadow:0 1px 2px #00000026}.layer-switch.on .layer-switch-thumb{transform:translate(24px)}.layer-switch-text{text-align:center;width:100%;font-family:var(--font);letter-spacing:.5px;color:#0000;font-size:7px;font-weight:700;position:absolute}.rail-bottom{margin-top:auto;padding:16px}.rail-about{color:#555;margin:0 0 40px;padding:0 16px;font-size:13px;line-height:1.4}.rail-note{color:#777;margin-bottom:12px;font-size:11px;line-height:1.6}.rail-note-label{color:#555;font-weight:600}.rail-source{color:var(--text-muted);font-size:11px}.rail-credit{color:var(--text-muted);margin-top:12px;font-size:11px}.rail-credit-link{color:#0051ba;font-weight:500;text-decoration:none}.rail-credit-link:hover{text-decoration:underline}.map-container{flex:1;min-height:0;position:relative}.leaflet-map{width:100%;height:100%}.leaflet-container{background:#fff}.map-attribution{z-index:400;color:#888;letter-spacing:.1px;pointer-events:auto;background:#ffffffbf;border-radius:3px;max-width:70vw;padding:3px 8px;font-size:10px;position:absolute;bottom:6px;right:10px}.map-attribution a{color:#666;text-decoration:none}.map-attribution a:hover{color:#0051ba;text-decoration:underline}.leaflet-container .leaflet-tile-pane{filter:brightness(1.12)saturate(.15)}.map-label-wrapper{background:0 0!important;border:none!important}.map-label{white-space:nowrap;pointer-events:none}.map-label-county{letter-spacing:2px;color:#00000038;text-transform:uppercase;font-size:10px;font-weight:600}.map-label-city{letter-spacing:.3px;color:#00000059;font-size:10px;font-weight:400}.whale-pin{--pin-halo:#0051ba8c;transition:transform .1s,filter .12s;background:0 0!important;border:none!important}.whale-pin--gray-whale{--pin-halo:#a48dd3}.whale-pin--humpback-whale{--pin-halo:#80b4e8}.whale-pin--fin-whale{--pin-halo:#b5cc2e}.whale-pin:hover{filter:drop-shadow(0 0 3px var(--pin-halo)) drop-shadow(0 0 7px var(--pin-halo));transform:scale(1.15);z-index:900!important}.whale-pin.selected{z-index:1000!important}.map-tooltip{z-index:1000;pointer-events:none;letter-spacing:0;color:#333;white-space:nowrap;box-shadow:none;background:#cfe0f2;border:none;border-radius:6px 6px 6px 0;padding:10px 16px;font-size:13px;position:absolute;transform:translate(2px,calc(-100% - 11px))}.map-tooltip:after{content:"";border-top:11px solid var(--tooltip-bg,#cfe0f2);border-right:14px solid #0000;width:0;height:0;position:absolute;bottom:0;left:0;transform:translateY(100%)}.map-tooltip-species{color:inherit;font-weight:700}.map-tooltip-sep{color:inherit;font-weight:400}.map-tooltip-date{color:inherit;font-style:italic;font-weight:400}.info-card{z-index:1000;background:#fff;border:none;border-radius:8px;flex-direction:column;width:368px;height:460px;display:flex;position:absolute;overflow:hidden;box-shadow:0 2px 6px #1018280f,0 12px 32px #10182824}.info-card-close{cursor:pointer;color:#0000004d;z-index:1;background:0 0;border:none;font-size:20px;line-height:1;position:absolute;top:10px;right:14px}.info-card-close:hover{color:#0009}.info-card-illustration{background:var(--card-tint,#f5f5f5);flex:0 0 180px;justify-content:center;align-items:center;height:180px;min-height:0;display:flex}.info-card-silhouette-box{justify-content:center;align-items:center;width:280px;height:140px;display:flex}.info-card-silhouette-img{object-fit:contain;max-width:100%;max-height:100%;display:block}.info-card-silhouette-img.flip-h{transform:scaleX(-1)}.info-card-body{background:#fff;border-radius:0;flex:auto;margin:0;padding:24px 28px 28px;overflow:hidden}.info-card-header{margin-bottom:16px}.info-card-title{color:#1a1a1a;font-size:22px;font-weight:700;line-height:1.2}.info-card-subtitle{color:#666;margin-top:2px;font-size:14px;font-weight:400;line-height:1.3}.info-card-location{margin-bottom:16px}.info-card-location-label{color:#333;font-size:13px;font-weight:500;line-height:1.5}.info-card-location-detail{color:#666;font-size:13px;line-height:1.5}.info-card-meta{flex-direction:column;gap:4px;display:flex}.info-card-meta-row{color:#333;font-size:13px;line-height:1.55}.info-card-meta-label{color:#888;font-weight:400}.info-card-meta-value{color:#333;font-weight:500}.timeline{z-index:400;-webkit-user-select:none;user-select:none;width:140px;height:60vh;min-height:360px;padding:10px 0;position:absolute;top:50%;right:16px;overflow:visible;transform:translateY(-50%)}.timeline-vtrack{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.timeline-vline{pointer-events:none;z-index:0;background:#00000021;border-radius:1px;width:1.5px;position:absolute;top:0;bottom:0;right:52px}.timeline-vline-highlight{background:#0051ba;border-radius:1px;position:absolute;left:0;right:0}.timeline-vrow{cursor:pointer;z-index:1;flex:1;align-items:center;display:flex;position:relative}.timeline-vbar{background:#0051ba47;border-radius:1.5px;height:2.5px;transition:background .12s;position:absolute;right:62px}.timeline-vrow.active .timeline-vbar{background:#0051babf}.timeline-vrow.hovered .timeline-vbar{background:#0051ba80}.timeline-vyear{white-space:nowrap;color:#0051bad9;letter-spacing:0;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;font-size:11px;line-height:1;transition:color .12s;position:absolute;left:calc(100% - 42px)}.timeline-vrow:hover .timeline-vyear{color:#0051ba}.timeline-vyear.active{color:#0051ba;font-weight:700}.mobile-fallback{display:none}@media (width<=900px) and (hover:none) and (pointer:coarse){.mobile-fallback{z-index:9999;background:#fff;justify-content:center;align-items:center;padding:32px 24px;display:flex;position:fixed;inset:0}.app>:not(.mobile-fallback){display:none!important}}.mobile-fallback-inner{text-align:center;max-width:360px}.mobile-fallback-icon{margin-bottom:20px;font-size:56px;line-height:1}.mobile-fallback-title{color:#111;letter-spacing:.5px;text-transform:uppercase;margin-bottom:16px;font-size:22px;font-weight:700}.mobile-fallback-text{color:#555;margin-bottom:24px;font-size:14px;line-height:1.6}.mobile-fallback-credit{color:#888;font-size:12px}.mobile-fallback-credit a{color:#0051ba;font-weight:500;text-decoration:none}.mobile-fallback-credit a:hover{text-decoration:underline}.error-boundary{z-index:9998;background:#fff;justify-content:center;align-items:center;padding:32px 24px;display:flex;position:fixed;inset:0}.error-boundary-inner{text-align:center;max-width:420px}.error-boundary-icon{margin-bottom:20px;font-size:56px;line-height:1}.error-boundary-title{color:#111;margin-bottom:12px;font-size:22px;font-weight:700}.error-boundary-text{color:#555;margin-bottom:24px;font-size:14px;line-height:1.6}.error-boundary-button{font-family:var(--font);color:#fff;cursor:pointer;background:#0051ba;border:none;border-radius:6px;padding:10px 22px;font-size:13px;font-weight:500;transition:background .15s}.error-boundary-button:hover{background:#003e8f}