:root{--bg-page:#101113;--bg-panel:#18191b;--bg-control:#212327;--bg-control-hover:#2a2d33;--ink:#f2f2ef;--ink-secondary:#c3c2b7;--ink-muted:#898781;--gridline:#2c2c2a;--border:#ffffff14;--accent:#3987e5;--warn:#fab219;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-page);color:var(--ink);overflow:hidden}.app{flex-direction:column;gap:6px;height:100%;padding:6px;display:flex}.label-muted{color:var(--ink-muted)}select,input[type=text],button{background:var(--bg-control);color:var(--ink-secondary);border:1px solid var(--border);font:inherit;border-radius:3px;padding:2px 6px}button{cursor:pointer}button:hover,select:hover{background:var(--bg-control-hover)}input[type=text]:focus,select:focus,button:focus-visible{outline:1px solid var(--accent);outline-offset:0}.topbar{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;flex:none;align-items:center;gap:12px;padding:4px 8px;display:flex}.topbar-title{color:var(--ink);letter-spacing:.02em;font-weight:600}.mock-badge{background:var(--warn);color:#14161a;letter-spacing:.06em;cursor:help;border-radius:3px;padding:2px 8px;font-size:11px;font-weight:700}.topbar-domain{align-items:center;gap:6px;display:flex}.api-usage{color:var(--ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:help;margin-left:auto}.api-usage-reset{color:var(--ink-muted);padding:0 5px;font-size:11px}.preset-bar{align-items:center;gap:3px;display:flex}.preset-bar select{max-width:180px}.preset-bar button{min-width:24px;padding:2px 4px}.preset-dirty{color:var(--warn);white-space:nowrap;font-size:10px}.preset-save{position:relative}.preset-save summary{cursor:pointer;background:var(--bg-control);border:1px solid var(--border);color:var(--ink-secondary);-webkit-user-select:none;user-select:none;border-radius:3px;padding:2px 7px;list-style:none}.preset-save summary::-webkit-details-marker{display:none}.preset-save-form{z-index:30;background:var(--bg-control);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:6px;min-width:220px;margin-top:2px;padding:8px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 4px 16px #00000080}.preset-save-form label{color:var(--ink-secondary);align-items:center;gap:6px;display:flex}.preset-warning{color:var(--warn);background:#fab2191f;border-bottom:1px solid #fab21966;justify-content:space-between;align-items:center;gap:6px;padding:3px 6px;font-size:11px;display:flex}.preset-warning button{color:var(--warn);background:0 0;border:none;padding:0 2px}.location-picker{align-items:center;gap:8px;display:flex;position:relative}.location-picker input{width:180px}.location-current{color:var(--ink-secondary);white-space:nowrap}.location-error{color:var(--warn)}.location-results{z-index:20;background:var(--bg-control);border:1px solid var(--border);border-radius:4px;min-width:280px;margin:2px 0 0;padding:2px;list-style:none;position:absolute;top:100%;left:0;box-shadow:0 4px 16px #00000080}.location-results button{text-align:left;width:100%;color:var(--ink);background:0 0;border:none;padding:4px 8px;display:block}.location-results button:hover{background:var(--bg-control-hover)}.panel-grid{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:6px;min-height:0;display:grid}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:4px;padding:3px 4px;display:flex}.panel-header select{max-width:160px}.panel-body{flex:1;min-height:0;display:flex}.panel-placeholder{color:var(--ink-muted);flex:1;justify-content:center;align-items:center;display:flex}.model-picker{position:relative}.model-picker summary{cursor:pointer;background:var(--bg-control);border:1px solid var(--border);color:var(--ink-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:3px;padding:2px 6px;list-style:none}.model-picker summary::-webkit-details-marker{display:none}.model-picker[open] summary{background:var(--bg-control-hover)}.model-picker-list{z-index:30;background:var(--bg-control);border:1px solid var(--border);border-radius:4px;min-width:250px;max-height:320px;margin-top:2px;padding:4px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 16px #00000080}.model-picker-list label{cursor:pointer;white-space:nowrap;border-radius:3px;align-items:center;gap:6px;padding:3px 4px;display:flex}.model-picker-list label:hover{background:var(--bg-control-hover)}.model-chip{border-radius:2px;flex:none;width:8px;height:8px}.model-warn{color:var(--warn)}.model-outside{opacity:.7}.sync-toggle{letter-spacing:.05em;color:var(--ink-muted);white-space:nowrap;font-size:10px}.sync-toggle.parsync{margin-left:auto}.sync-toggle.active{color:var(--accent);border-color:var(--accent)}.sync-toggle:disabled,.panel-variable:disabled{opacity:.45;cursor:not-allowed}.panel.parsync-source{border-color:var(--accent)}.panel.parsync-source .panel-header{box-shadow:inset 0 -2px 0 var(--accent)}.panel.parsync-follower .panel-header{box-shadow:inset 0 -1px #3987e559}.meteogram{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.meteogram-plot{flex:1;min-height:0}.skewt{flex:1;min-width:0;min-height:0;position:relative}.skewt-canvas{position:absolute;inset:0}.skewt-canvas canvas{display:block}.skewt-time{z-index:5;border:1px solid var(--border);color:var(--ink-secondary);font-variant-numeric:tabular-nums;pointer-events:none;background:#18191bd9;border-radius:3px;padding:1px 6px;position:absolute;top:4px;left:4px}.skewt-toggles{z-index:7;gap:4px;display:flex;position:absolute;top:4px;right:4px}.skewt-params-toggle{border:1px solid var(--border);color:var(--ink-secondary);font:inherit;cursor:pointer;background:#18191be6;border-radius:3px;padding:2px 8px;font-size:11px}.skewt-params-toggle:hover{background:var(--bg-control-hover)}.skewt-hodo{z-index:6;border:1px solid var(--border);background:#141517f2;border-radius:4px;width:min(58%,240px);height:min(58%,240px);position:absolute;bottom:4px;left:4px}.skewt-hodo canvas{display:block}.skewt-hodo-empty{color:var(--ink-muted);justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.skewt-params{z-index:6;border-left:1px solid var(--border);background:#141517f2;width:min(66%,340px);padding:28px 8px 8px;position:absolute;top:0;bottom:0;right:0;overflow:auto}.skewt-hint{color:var(--ink-muted);margin-bottom:6px;font-size:10px;line-height:1.4;display:block}.skewt-table{border-collapse:collapse;width:100%;font-size:10px}.skewt-table th,.skewt-table td{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding:1px 6px}.skewt-table thead th{color:var(--ink-secondary);background:var(--bg-panel);position:sticky;top:0}.skewt-table thead th .legend-chip{vertical-align:middle;margin-right:4px;display:inline-block}.skewt-table tbody th{text-align:left;color:var(--ink-muted);font-weight:400}.skewt-table td{color:var(--ink)}.meteogram-legend{flex-wrap:wrap;flex:none;gap:2px 12px;padding:2px 8px 4px;display:flex}.legend-item{align-items:center;gap:5px;display:inline-flex}.legend-chip{border-radius:2px;width:8px;height:8px}.legend-label{color:var(--ink-secondary)}.legend-value{color:var(--ink);font-variant-numeric:tabular-nums}.legend-run{color:var(--ink-muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:9px}.map-panel{flex:1;min-width:0;min-height:0;position:relative}.map-panel .map-container{position:absolute;inset:0}.map-container .maplibregl-canvas{outline:none}.map-topright{z-index:5;pointer-events:none;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;top:4px;right:4px}.map-time{border:1px solid var(--border);color:var(--ink-secondary);font-variant-numeric:tabular-nums;background:#18191bd9;border-radius:3px;padding:1px 6px}.map-run{border:1px solid var(--border);color:var(--ink-muted);font-variant-numeric:tabular-nums;background:#18191bd9;border-radius:3px;padding:1px 6px;font-size:10px}.map-status{z-index:5;border:1px solid var(--border);color:var(--ink-muted);pointer-events:none;background:#18191bd9;border-radius:3px;padding:1px 6px;position:absolute;top:4px;left:4px}.map-error{color:var(--warn);max-width:70%}.map-hint{z-index:6;text-align:center;color:var(--warn);pointer-events:none;background:#101113cc;justify-content:center;align-items:center;padding:12px;line-height:1.5;display:flex;position:absolute;inset:0}.map-legend{z-index:5;border:1px solid var(--border);pointer-events:none;background:#18191bd9;border-radius:3px;min-width:150px;padding:3px 6px 4px;position:absolute;bottom:4px;left:4px}.legend-title{color:var(--ink-secondary);margin-bottom:2px;font-size:10px}.legend-gradient{border-radius:2px;height:7px}.legend-steps{border-radius:2px;height:7px;display:flex;overflow:hidden}.legend-steps span{flex:1}.legend-labels,.legend-step-labels{color:var(--ink-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:1px;font-size:9px;display:flex}.legend-step-labels span{text-align:left;flex:1}.city-marker{pointer-events:none;align-items:center;gap:4px;display:flex}.city-dot{background:var(--ink-secondary);border-radius:50%;flex:none;width:5px;height:5px;box-shadow:0 0 0 1px #0009}.city-label{color:var(--ink);white-space:nowrap;text-shadow:0 1px 2px #000,0 -1px 2px #000,1px 0 2px #000,-1px 0 2px #000;font-size:10px}.city-label-hidden .city-label{display:none}.time-scrubber{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;flex:none;align-items:center;gap:10px;padding:6px 10px;display:flex}.scrubber-controls{gap:3px;display:flex}.scrubber-controls button{min-width:28px}.play-button{color:var(--accent)}.scrubber-track{flex:1;align-items:center;display:flex;position:relative}.scrubber-slider{width:100%;accent-color:var(--accent);flex:1}.scrubber-beyond{pointer-events:none;background:repeating-linear-gradient(45deg,#fab2194d 0 4px,#0000 4px 8px);border-radius:0 4px 4px 0;height:8px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.scrubber-time{font-variant-numeric:tabular-nums;color:var(--ink);text-align:right;min-width:150px}.u-select{background:#3987e526}.uplot,.uplot *,.uplot :before,.uplot :after{box-sizing:border-box}.uplot{width:min-content;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{-webkit-user-select:none;user-select:none;position:relative}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{width:100%;height:100%;display:block;position:relative}.u-axis{position:absolute}.u-legend{text-align:center;margin:auto;font-size:14px}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{pointer-events:none;background:#00000012;position:absolute}.u-cursor-x,.u-cursor-y{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.u-hz .u-cursor-x,.u-vt .u-cursor-y{border-right:1px dashed #607d8b;height:100%}.u-hz .u-cursor-y,.u-vt .u-cursor-x{border-bottom:1px dashed #607d8b;width:100%}.u-cursor-pt{pointer-events:none;will-change:transform;border:0 solid;border-radius:50%;position:absolute;top:0;left:0;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}