@font-face{font-family:Explorer;src:local("Inter"),local("Arial");font-display:swap}
.model-select{width:100%;padding:9px 7px;background:#f2f7f9;color:#12304b;font-size:11px;font-weight:650;border:1px solid #dce8ed;border-radius:6px}
.category-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:9px}.category-legend span{display:flex;align-items:center;gap:4px}.category-legend i{width:8px;height:8px;border-radius:2px;display:inline-block}
:root{--ink:#12304b;--muted:#637789;--line:#e2e9ef;--accent:#087f8c;--shadow:0 8px 32px #12304b18;--side:306px;font-family:Explorer,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px}
*{box-sizing:border-box}body{margin:0;background:#e9f0f4;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:var(--ink);background:white;border:1px solid var(--line);border-radius:8px}button:hover{background:#eef5f8}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0e9db6;outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}
#map,#annotations{position:absolute;inset:64px 0 0 var(--side)}#annotations{pointer-events:none;z-index:2}.topbar{height:64px;background:#fff;position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:20px;padding:0 24px;border-bottom:1px solid var(--line);z-index:10}.brand{display:flex;align-items:center;gap:9px}.brand-logo{display:block;width:112px;height:auto;flex-shrink:0}.brand{flex-shrink:0}.brand strong{display:block;font-size:20px;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:1px}.top-divider{height:26px;width:1px;background:var(--line)}.page-title{font-weight:550;font-size:14px}.live-tag{background:#e4f5ef;color:#217451;padding:4px 9px;border-radius:4px;font-size:11px;font-weight:650}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:12px}.top-actions button{padding:8px 13px}.static-link{color:var(--muted)}
#sidebar{position:absolute;left:0;top:64px;bottom:0;width:var(--side);background:#fff;z-index:5;border-right:1px solid var(--line);display:flex;flex-direction:column}.panel-top{padding:25px 22px 13px}.eyebrow{font-size:9px;font-weight:750;letter-spacing:1.5px;color:var(--muted);display:block}h1{font-size:20px;letter-spacing:-.65px;margin:8px 0 20px;font-weight:650}.model-name{font-size:12px;font-weight:700;display:flex;align-items:center;gap:7px}.model-name span:last-child{font-size:10px;color:var(--muted);font-weight:450;margin-left:auto}.model-dot{width:7px;height:7px;border-radius:50%;background:#12a180}#run-label{font-size:11px;color:var(--muted);line-height:1.7;margin:8px 0 0}.search-wrap{margin:0 16px;position:relative}.search-wrap input{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 10px 11px 31px;background:#f6f9fb;font-size:11px}.search-wrap>span{position:absolute;left:11px;top:6px;font-size:21px;color:var(--muted)}.quick-picks{display:flex;gap:5px;flex-wrap:wrap;padding:13px 16px}.quick-picks button{font-size:10px;padding:5px 7px;border-radius:5px}.quick-picks button.active{background:#e5f4f4;border-color:#a7d8da;color:#086b73}.catalog-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;font-weight:700;padding:12px 22px;border-top:1px solid var(--line);color:var(--muted)}#products{overflow:auto;flex:1;padding:0 10px 16px;scrollbar-width:thin;scrollbar-color:#d5dee6 transparent}#products details{margin-bottom:5px}#products summary{padding:12px 10px;font-size:12px;font-weight:650;cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}#products summary::before{content:'›';font-size:17px;color:#8196a8;transition:transform .2s}#products details[open] summary::before{transform:rotate(90deg)}#products summary small{margin-left:auto;font-size:10px;color:#8ca0b0;font-weight:400}#products .product{border:0;background:transparent;display:flex;width:100%;text-align:left;padding:9px 11px 9px 22px;font-size:11px;line-height:1.35;border-radius:6px;gap:5px;align-items:center;margin:1px 0}.product .unit{font-size:9px;color:#899ba9;white-space:nowrap;margin-left:auto}.product .color{width:4px;height:17px;flex-shrink:0;border-radius:4px;margin-right:5px}#products .product.active{background:#e9f3f6;color:#086976;font-weight:650;box-shadow:inset 3px 0 #078894}#products .product:hover{background:#f0f5f8}.unavailable{padding:12px;font-size:11px;line-height:1.6;color:var(--muted)}.unavailable a{text-decoration:underline}.sidebar-bottom{padding:16px 20px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}.sidebar-bottom button{margin-left:auto;border:0;font-size:17px}.palette-dot{width:11px;height:11px;border-radius:3px;background:linear-gradient(135deg,#1d63ab,#49caae,#f4ce4a,#e64d54)}
.place-search{position:absolute;top:82px;left:calc(var(--side) + 22px);z-index:6;width:282px;background:#fff;border:1px solid #dee6ed;box-shadow:var(--shadow);border-radius:9px;display:flex;align-items:center}.place-search>span{font-size:25px;margin-left:13px;color:#688093}.place-search input{border:0;background:none;outline:none!important;padding:13px 10px;width:100%;font-size:12px}.place-search:focus-within{outline:2px solid #0e9db6}#place-results{position:absolute;left:0;right:0;top:48px;background:#fff;padding:7px;box-shadow:var(--shadow);border-radius:8px;max-height:300px;overflow:auto}#place-results button{display:block;border:0;width:100%;text-align:left;padding:10px;font-size:12px}#place-results p{padding:0 10px;font-size:12px;color:var(--muted)}
.field-card{position:absolute;top:148px;left:calc(var(--side) + 22px);z-index:3;background:#ffffffed;border:1px solid #e1e9ec;border-radius:10px;padding:15px 18px;max-width:min(440px,calc(100vw - var(--side) - 100px));box-shadow:var(--shadow);pointer-events:none}.field-card h2{font-size:18px;letter-spacing:-.4px;line-height:1.25;margin:6px 0}.field-card p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.map-tools{position:absolute;right:20px;top:85px;z-index:4;display:flex;flex-direction:column;gap:5px}.map-tools button{width:38px;height:38px;box-shadow:0 2px 10px #12304b15;font-size:23px}.map-tools #settings-toggle{font-size:20px;margin-top:8px}#settings{position:absolute;z-index:6;right:70px;top:86px;background:white;width:245px;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:10px;padding:17px}#settings h3{margin:0 0 16px;font-size:15px}#settings label{display:flex;align-items:center;gap:8px;margin:14px 0;font-size:12px;flex-wrap:wrap}#settings select{margin-left:auto;font-size:11px;padding:5px;border:1px solid var(--line);border-radius:5px}#settings input[type=range]{width:100%}#settings output{margin-left:auto}#settings p{font-size:10px;color:var(--muted);line-height:1.6}input[type=checkbox],input[type=range]{accent-color:var(--accent)}
#status{position:absolute;left:calc(var(--side) + (100vw - var(--side))/2);transform:translateX(-50%);top:83px;z-index:7;background:#12304bee;color:white;font-size:11px;padding:10px 17px;border-radius:22px;box-shadow:var(--shadow);max-width:65vw;text-align:center;transition:opacity .15s}#status.error{background:#923c35}#status:empty{opacity:0;pointer-events:none}
.legend{position:absolute;z-index:3;bottom:157px;left:calc(var(--side) + 22px);right:22px;max-width:680px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 15px 10px;box-shadow:var(--shadow)}.legend-head{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin-bottom:8px}.legend-head strong{font-weight:550;color:var(--muted)}.legend-head>span{font-weight:750}#legend-bands{height:12px;display:flex;border-radius:3px;overflow:hidden}#legend-bands span{flex:1;min-width:0}#legend-ticks{position:relative;height:21px;font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}#legend-ticks span{position:absolute;top:6px;transform:translateX(-50%)}#overlay-legend{font-size:10px;padding-top:5px;color:var(--muted)}#overlay-legend .bands{display:flex;height:9px;margin-top:5px}#overlay-legend .bands span{flex:1}
.timeline{position:absolute;z-index:4;bottom:28px;left:calc(var(--side) + 22px);right:22px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:15px 20px 12px;max-width:900px;margin:auto}.time-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.time-heading>div{display:flex;align-items:center;gap:15px}#valid-time{font-size:15px;font-weight:650;letter-spacing:-.2px}#lead-time{font-size:10px;color:var(--muted);background:#f1f6f8;padding:5px 8px;border-radius:4px}.timeline-controls{display:flex;align-items:center;gap:9px}.timeline-controls button{height:33px;width:31px;flex-shrink:0;font-size:23px}#play{background:var(--ink);color:#fff;border:0;font-size:13px;width:36px}.slider-wrap{flex:1;min-width:0}#time{width:100%;margin:0;display:block;cursor:pointer;height:16px}#time-ticks{display:flex;justify-content:space-between;font-size:9px;color:#8193a0;margin-top:6px}#speed{font-size:11px;border:0;background:#f2f6f8;border-radius:5px;padding:7px;color:var(--ink)}.mobile-menu{display:none}.maplibregl-ctrl-bottom-right{bottom:1px}.maplibregl-ctrl-attrib{font-size:9px!important}.maplibregl-popup-content{padding:18px 20px!important;border-radius:11px!important;min-width:220px;color:var(--ink);font-family:inherit;box-shadow:var(--shadow)}.maplibregl-popup-close-button{padding:3px 9px;font-size:19px}.point-title{font-size:11px;color:var(--muted);padding-right:10px}.point-value{font-size:30px;font-weight:650;margin:8px 0;letter-spacing:-1px}.point-value small{font-size:14px;letter-spacing:0;margin-left:5px;font-weight:400}.point-meta{font-size:10px;color:var(--muted);line-height:1.8}.point-extra{font-size:12px;margin:7px 0}.maplibregl-canvas{outline:none}dialog{border:1px solid var(--line);border-radius:16px;max-width:530px;width:calc(100vw - 32px);padding:30px;color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:#10283c66;backdrop-filter:blur(3px)}dialog h2{font-size:24px;letter-spacing:-.7px}dialog p{font-size:13px;line-height:1.8;color:var(--muted)}dialog a{font-size:12px;text-decoration:underline}.dialog-close{float:right;border:0;font-size:24px;margin:-12px -12px 0 0}noscript{position:absolute;top:50%;left:30%;padding:30px;background:#fff;z-index:20}
@media(min-width:1600px){:root{--side:330px}.field-card{top:152px}.panel-top{padding-top:30px}#products .product{font-size:12px;padding-top:10px;padding-bottom:10px}}
@media(max-width:1100px){:root{--side:274px}.topbar{padding:0 18px}.time-heading>div{display:block}.time-heading .eyebrow{margin-bottom:5px}.legend{bottom:174px}.place-search{width:240px}.field-card{max-width:340px}.timeline{padding:12px 15px}.page-title{font-size:12px}}
@media(max-width:760px){:root{--side:0px}.topbar{height:58px;padding:0 14px;gap:12px}.brand strong{font-size:17px}.brand small{font-size:7px}.brand-logo{width:94px}.brand{gap:5px}.top-divider,.page-title,.static-link,.live-tag{display:none}.top-actions{gap:5px}.top-actions button{font-size:11px;padding:7px 10px}#map,#annotations{top:58px}#sidebar{top:58px;width:min(330px,calc(100vw - 54px));transform:translateX(-105%);transition:transform .22s;z-index:8;box-shadow:var(--shadow)}body.menu-open #sidebar{transform:translateX(0)}.mobile-menu{display:block;position:absolute;z-index:9;top:70px;left:12px;padding:11px 12px;box-shadow:var(--shadow);font-size:13px}body.menu-open .mobile-menu{left:auto;right:12px}.place-search{top:70px;left:135px;right:12px;width:auto}.place-search input{font-size:11px;padding:12px 7px}.place-search>span{margin-left:9px}.field-card{top:125px;left:12px;padding:11px 13px;max-width:calc(100vw - 76px);border-radius:8px}.field-card h2{font-size:15px}.field-card p{font-size:10px}.field-card .eyebrow{font-size:8px}.map-tools{right:12px;top:130px;gap:4px}.map-tools button{width:34px;height:34px}.legend{left:12px;right:12px;bottom:calc(151px + env(safe-area-inset-bottom));padding:9px 12px 5px;border-radius:8px}.legend-head{font-size:9px;margin-bottom:6px}#legend-bands{height:10px}#legend-ticks{font-size:8px;height:20px}.timeline{left:12px;right:12px;bottom:calc(24px + env(safe-area-inset-bottom));padding:11px 12px;border-radius:10px}#valid-time{font-size:13px}.time-heading{margin-bottom:10px}.time-heading .eyebrow{font-size:8px}#lead-time{font-size:9px}.timeline-controls{gap:5px}.timeline-controls button{width:25px}#play{width:31px}#time-ticks{font-size:8px}#speed{padding:6px 3px;font-size:10px}#status{top:auto;bottom:calc(245px + env(safe-area-inset-bottom));font-size:10px;max-width:90vw;width:max-content;left:50%}#settings{right:54px;top:130px;width:235px}.maplibregl-ctrl-attrib{font-size:8px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Geographic annotations share the map stacking context; popups stay above. */
#map>#annotations{inset:0;z-index:2}.maplibregl-popup{z-index:5}.maplibregl-control-container{position:relative;z-index:6}
#export-form label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;font-size:12px}#export-form select{min-width:145px;max-width:70%;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--surface,#fff);color:var(--ink)}#export-dialog{max-height:calc(100dvh - 24px);overflow:auto}#export-dialog h2{margin:10px 0}#export-dialog p{font-size:12px}#export-progress{width:100%;accent-color:var(--accent)}.export-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.export-actions button,.export-actions a{padding:10px 15px;border-radius:8px}.export-actions a,#export-start{background:#087f8c;color:#fff;text-decoration:none}.export-note{font-size:10px!important}.top-actions{gap:8px}
:root[data-theme=dark]{color-scheme:dark;--ink:#e2edf5;--muted:#a6b8c7;--line:#344758;--accent:#39bdc7;--shadow:0 8px 32px #0005;--surface:#172736}
[data-theme=dark] body{background:#101c28}[data-theme=dark] .topbar,[data-theme=dark] #sidebar,[data-theme=dark] .place-search,[data-theme=dark] #place-results,[data-theme=dark] .legend,[data-theme=dark] .timeline,[data-theme=dark] #settings,[data-theme=dark] dialog,[data-theme=dark] .maplibregl-popup-content{background:var(--surface);border-color:var(--line)}
[data-theme=dark] button,[data-theme=dark] input,[data-theme=dark] select{background:#203444;color:var(--ink);border-color:var(--line)}[data-theme=dark] button:hover,[data-theme=dark] #products .product:hover{background:#2a4254}[data-theme=dark] #products .product.active,[data-theme=dark] .quick-picks button.active{background:#164651;color:#8ce9ea}[data-theme=dark] .field-card{background:#172736f5;border-color:var(--line)}[data-theme=dark] #lead-time,[data-theme=dark] #speed{background:#263e50;color:var(--ink)}[data-theme=dark] #play{background:#087f8c;color:white}[data-theme=dark] .live-tag{background:#153e39;color:#8de0c5}
[data-theme=dark] .brand-logo{background:white;border-radius:5px}[data-theme=dark] .maplibregl-popup-anchor-bottom .maplibregl-popup-tip,[data-theme=dark] .maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,[data-theme=dark] .maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{border-top-color:var(--surface)}[data-theme=dark] .maplibregl-popup-anchor-top .maplibregl-popup-tip,[data-theme=dark] .maplibregl-popup-anchor-top-left .maplibregl-popup-tip,[data-theme=dark] .maplibregl-popup-anchor-top-right .maplibregl-popup-tip{border-bottom-color:var(--surface)}[data-theme=dark] .maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:var(--surface)}[data-theme=dark] .maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:var(--surface)}
@media(max-width:1100px){.page-title{display:none}.topbar{gap:12px}}
@media(max-width:760px){.action-label{display:none}.top-actions button{width:30px;height:31px;padding:4px;font-size:17px}.top-actions{gap:4px}.brand small{letter-spacing:1px}.brand-logo{width:86px}.topbar{gap:5px;padding:0 10px}.brand strong{font-size:16px}#refresh{width:auto;font-size:9px;position:fixed;right:55px;top:119px}#export-dialog{padding:22px}}
#flow-canvas{position:absolute;inset:0;z-index:1;pointer-events:none}#flow-note{margin-top:6px!important;font-size:10px!important;color:var(--muted)}#settings{max-height:calc(100dvh - 110px);overflow:auto}#flow-speed{width:100%}
@media(max-width:760px){#settings{max-height:calc(100dvh - 155px)}#flow-note{font-size:9px!important;line-height:1.35!important}}

.preload-track{display:flex;align-items:center;gap:8px;margin-bottom:7px}.preload-track progress{height:3px;flex:1;min-width:15px;accent-color:var(--accent)}#preload-label{font-size:9px;color:var(--muted);white-space:nowrap}.timeline{padding-top:12px}.legend{bottom:180px}@media(max-width:760px){#preload-label{font-size:8px}.legend{bottom:calc(169px + env(safe-area-inset-bottom))}}

.timeline-controls #preload-retry{font-size:10px;width:auto;height:auto;padding:3px 6px}