:root{--bg:#0c1c29;--panel:#142b3b;--text:#f3f8fa;--muted:#acc3cf;--accent:#5ee0d1;--line:#2d4858}
body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden}header{height:64px;min-height:64px;padding:0 24px;gap:24px;background:#0c1c29;border-color:var(--line);flex-wrap:nowrap}header>a:first-child{font-size:13px;color:var(--muted)}header .brand{margin-right:auto}header h1{font-size:20px;letter-spacing:-.04em}header .sub{font-size:11px;margin-top:3px}header .research-link{font-size:13px}
main{position:relative;grid-template-columns:300px minmax(0,1fr)}aside{background:var(--panel);padding:0;border-color:var(--line);overflow:auto}#filterFields{display:flex;flex-direction:column;padding:24px 20px;gap:18px}.section-caption{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--accent);margin:0 0 8px}.drawer-heading{display:flex;align-items:center;justify-content:space-between}.drawer-heading h2{font-size:20px;margin:0;letter-spacing:-.03em}.drawer-heading p{font-size:12px;color:var(--muted);margin:6px 0 0;line-height:1.5}#closeFilters{display:none}aside label{font-size:12px;font-weight:650;color:#cfdee5;margin:0}aside .opts{display:flex;flex-direction:column;gap:18px}select,button,input[type=date]{border-radius:12px;background:#1c394b;border:1px solid #456170;color:var(--text);min-height:46px}select{margin-top:8px;padding:10px 12px;font-size:14px}button{transition:background .15s}button:hover:not(:disabled){background:#2b5162}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{opacity:.45}#eventControls{display:flex;flex-wrap:wrap;gap:8px;margin:0}#eventDate{min-width:0;flex:1;padding:10px;font-size:14px}#eventHour{width:72px;margin:0}#eventGo{background:#147e7d;font-weight:750}#download{width:100%;background:#dcf6f1;color:#123b40;border:0;font-size:13px;font-weight:750}.drawer-actions{border-top:1px solid var(--line);padding-top:18px}.apply-map{display:none}
.time-panel{position:absolute;z-index:4;bottom:22px;left:calc(300px + 24px);right:24px;max-width:860px;margin:auto;background:rgba(12,30,43,.96);border:1px solid #446272;border-radius:18px;padding:14px 18px;box-shadow:0 8px 36px #0003;display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:center}.time-panel .section-caption{display:none}#period{font-size:18px;line-height:1.3;margin:0;letter-spacing:-.02em}.timeline-actions{gap:6px}.timeline-actions button{flex:none;width:44px;min-height:44px;font-size:26px;padding:2px}#play{background:#157f7b;color:#fff}#slider{grid-column:1/-1;margin:0;height:20px;cursor:pointer;accent-color:var(--accent)}.legend-panel{position:absolute;z-index:3;left:324px;top:18px;width:280px;padding:10px 16px 4px;border:1px solid #426070;border-radius:12px;background:rgba(12,30,43,.92);box-shadow:0 4px 20px #0002;pointer-events:none}#legend-unit{font-size:11px;font-weight:750;color:#e0edf0}.legend{height:8px;margin-top:6px}.legendlabels{font-size:10px;height:20px;color:#d0e0e7}#status{font-size:12px;line-height:1.6;margin:0;padding:16px 20px;color:var(--muted);border-top:1px solid var(--line)}#map{height:100%;min-width:0}.maplibregl-ctrl-top-left{top:82px}.maplibregl-popup-content{padding:14px 16px!important;border-radius:14px!important;box-shadow:0 6px 30px #0003!important;max-width:270px}.popup{font-size:12px;line-height:1.5}.popup strong{font-size:22px}.maplibregl-popup-close-button{font-size:20px;padding:4px 8px!important}#mobileFilters,#filterBackdrop{display:none}
@media(max-width:800px){header{height:52px;min-height:52px;padding:0 14px;gap:12px}header>a:first-child{font-size:12px}header .brand h1{font-size:17px}header .sub,header .research-link{display:none}main{display:block;flex:1;min-height:0}aside{display:contents}#map{position:absolute;inset:0 0 138px;height:auto;min-height:0}#mobileFilters{display:block;position:absolute;z-index:5;top:12px;left:12px;right:88px;width:auto;min-height:46px;padding:9px 14px;border:1px solid #57717c;background:rgba(12,30,43,.95);font-size:13px;font-weight:650;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-shadow:0 4px 16px #0002}.legend-panel{top:auto;bottom:148px;left:12px;width:230px;padding:8px 14px 2px}.maplibregl-ctrl-top-left{top:68px}.time-panel{position:absolute;bottom:0;left:0;right:0;max-width:none;border-radius:0;border:0;border-top:1px solid #45606e;box-shadow:none;padding:14px 16px max(12px,env(safe-area-inset-bottom));height:138px;gap:8px 12px;grid-template-columns:1fr auto}#period{font-size:16px;line-height:1.4}#slider{height:26px;margin:0}.timeline-actions button{width:44px;height:44px}.timeline-actions{gap:5px}#status{display:none}#filterFields{display:none;position:absolute;z-index:10;bottom:138px;left:0;right:0;max-height:calc(100% - 150px);overflow:auto;border:1px solid #4c6877;border-bottom:0;border-radius:22px 22px 0 0;padding:22px 20px 20px;background:#142b3b;gap:18px;box-shadow:0 -8px 40px #0004}aside.filters-open #filterFields{display:flex}#filterFields .opts{display:flex;flex-direction:column;gap:18px}#filterFields label{font-size:13px}#filterFields select{font-size:15px}#filterFields .section-caption{display:block}#closeFilters{display:block;min-width:44px;padding:0;font-size:23px;background:#244253;border-color:#456170}.drawer-heading{gap:12px}.drawer-heading h2{font-size:21px}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.apply-map{display:block;background:#5ee0d1;color:#0d3435;font-weight:800;border:0}.filters-open~#filterBackdrop{display:block}#filterBackdrop{position:absolute;inset:0 0 138px;z-index:9;border:0;border-radius:0;background:#06162399;backdrop-filter:blur(3px)}.maplibregl-popup-content{max-width:220px!important}.maplibregl-popup{max-width:240px!important}.maplibregl-ctrl-attrib{font-size:9px!important;max-width:220px}header h1{white-space:nowrap}}
@media(max-width:380px){#period{font-size:14px}.timeline-actions button{width:40px}header>a:first-child{font-size:11px}.drawer-actions{grid-template-columns:1fr}#mobileFilters{right:78px}}

.ws-climate-location{display:none!important}
@media(max-width:800px){#mobileFilters{right:168px;font-size:12px}.maplibregl-ctrl-attrib-inner{display:none}.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner{display:block}.ws-climate-geographic-button{right:62px;max-width:92px;font-size:11px}}

.mobile-notice{display:none}@media(max-width:800px){.mobile-notice{display:block;position:absolute;z-index:6;left:50px;right:12px;top:74px;padding:10px 12px;border-radius:10px;background:#142b3bf2;color:#e6f7fa;font-size:12px;line-height:1.4;pointer-events:none}.mobile-notice[hidden]{display:none}}