.app-shell{position:relative;width:100%;max-width:100vw;height:100%;overflow:hidden}.forecast-map{position:absolute;inset:0;z-index:0;background:#d9e6e0}.forecast-map .leaflet-marker-icon,.forecast-map .leaflet-marker-shadow{display:none}.forecast-map .leaflet-interactive:focus{outline:none}.top-bar{position:absolute;top:12px;left:12px;right:12px;z-index:450;display:flex;align-items:center;justify-content:flex-end;gap:16px;pointer-events:none}.top-bar.raster-active{top:12px}.top-bar h1{margin:0;color:#10201d;font-size:1.22rem;line-height:1.1}.top-actions{display:flex;align-items:center;gap:8px;pointer-events:auto}.data-pill{max-width:min(420px,70vw);border:1px solid rgb(10 34 30 / .12);border-radius:8px;background:#ffffffe0;box-shadow:0 10px 30px #152c2724;color:#26423c;padding:8px 10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:.85rem;font-weight:800;white-space:nowrap}.map-status{position:absolute;left:16px;bottom:20px;z-index:450;max-width:min(420px,calc(100vw - 32px));border:1px solid rgb(10 34 30 / .12);border-radius:8px;background:#ffffffe6;box-shadow:0 10px 28px #152c2729;color:#334843;padding:11px 13px;font-size:.92rem}.region-tooltip{border:0;border-radius:6px;box-shadow:0 8px 22px #0f231f2e;color:#17211f;font-weight:800}@media(min-width:721px){.app-shell--raster-emagram-docked{background:#fdfdfd}.app-shell--raster-emagram-docked .forecast-map,.app-shell--raster-emagram-docked .top-bar.raster-active{right:var(--raster-emagram-dock-offset)}}@media(max-width:720px){.top-bar{top:8px;left:8px;right:8px}.top-bar.raster-active{top:8px}.top-bar.raster-active .top-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:100%;overflow:visible;padding-bottom:0}.top-bar.raster-active .top-actions>*{min-width:0}.top-bar h1{font-size:1.05rem}.data-pill{display:none}.top-actions{width:100%;flex-direction:row;align-items:stretch;justify-content:stretch;gap:5px;max-width:none}.map-status{right:10px;bottom:12px;left:10px}}.map-product-controls{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,auto);gap:4px;border:1px solid rgb(10 34 30 / .12);border-radius:8px;background:#ffffffe6;box-shadow:0 10px 30px #152c271f;padding:4px}.map-product-controls button{min-height:34px;border:0;border-radius:6px;background:transparent;color:#4f615c;cursor:pointer;font-size:.8rem;font-weight:800;padding:0 10px}.map-product-controls button.active{background:#fff;color:#0f5f59;box-shadow:0 4px 14px #152c271a}.label-mobile{display:none}.run-controls{display:flex;gap:6px}.wind-level-control{min-width:118px}.map-view-control{min-width:142px}.run-control{display:grid;gap:3px;border:1px solid rgb(10 34 30 / .12);border-radius:8px;background:#ffffffe6;box-shadow:0 10px 30px #152c271f;padding:5px 7px 7px}.run-control span{color:#52635e;font-size:.64rem;font-weight:800;line-height:1;text-transform:uppercase}.run-control select{min-width:126px;border:0;background:transparent;color:#26423c;cursor:pointer;font-size:.82rem;font-weight:800;outline:none}.time-slider{display:grid;flex:0 0 auto;gap:9px;border:1px solid #dce7e3;border-radius:8px;background:#fff;padding:12px}.time-slider>span{color:#21342f;font-weight:800}.step-range-shell{--slider-thumb-size: 16px;--slider-track-height: 4px;position:relative;display:grid;height:28px;align-items:center;min-width:0;width:100%}.step-range-visual-track{position:absolute;right:calc(var(--slider-thumb-size) / 2);left:calc(var(--slider-thumb-size) / 2);height:var(--slider-track-height, 4px);border:1px solid rgb(13 42 36 / .24);border-radius:999px;background:#eef2f0;pointer-events:none}.step-range-visual-thumb{position:absolute;top:50%;left:var(--range-position);width:var(--slider-thumb-size, 16px);height:var(--slider-thumb-size, 16px);border-radius:999px;background:#0f766e;box-shadow:0 0 0 2px #ffffffe6;transform:translate(-50%,-50%)}.step-range-shell:focus-within .step-range-visual-track{outline:2px solid rgb(15 118 110 / .38);outline-offset:4px}.step-range-input{-webkit-appearance:none;appearance:none;position:relative;z-index:1;height:28px;margin:0;padding:0;width:100%;cursor:pointer;opacity:0;touch-action:none}.step-range-input:disabled{cursor:default}.time-slider-row{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;gap:12px;align-items:center}.step-button{display:grid;width:64px;height:52px;place-items:center;border:1px solid rgb(13 42 36 / .14);border-radius:8px;background:#fff;color:#183d37;cursor:pointer;font-size:1.08rem;font-weight:900;line-height:1}.step-button:hover:not(:disabled){background:#eef6f3}.step-button:disabled{cursor:default;opacity:.38}.step-labels{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;gap:12px;color:#65736f;font-size:.72rem;font-weight:800}.step-label-track{position:relative;grid-column:2;height:24px;min-width:0;overflow:visible;padding-inline:calc(var(--slider-thumb-size, 16px) / 2)}.step-label-track-inner{position:relative;height:100%;min-width:0}.day-boundary-tick{position:absolute;top:0;left:var(--marker-left);height:7px;border-left:1px solid rgb(15 118 110 / .5);content:""}.day-span-label{position:absolute;top:3px;left:var(--label-left);max-width:min(74px,32%);overflow:hidden;height:18px;border:1px solid rgb(13 42 36 / .16);border-radius:999px;background:#ffffffe6;box-shadow:0 1px 4px #152c2714;color:#183d37;cursor:pointer;font:inherit;line-height:16px;padding:0 7px;text-align:center;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%)}.day-span-label--start-edge{left:0;max-width:68px;transform:translate(-50%)}.day-span-label--end-edge{right:0;left:auto;max-width:68px;transform:translate(50%)}.day-span-label:hover,.day-span-label:focus-visible{border-color:#0f766e61;background:#eef6f3;color:#0f5f59}.day-span-label:focus-visible{outline:2px solid rgb(15 118 110 / .38);outline-offset:0}.day-span-label[aria-current=date]{border-color:#0f766e5c;background:#0f766e1f;color:#0f5f59}@media(max-width:720px){.time-slider,.raster-time-control{--mobile-step-button-size: 50px;--mobile-step-gap: 2px;--mobile-range-inset: 4px;--mobile-axis-inset: calc( var(--mobile-step-button-size) + var(--mobile-step-gap) + var(--mobile-range-inset) + 8px )}.map-product-controls{display:flex;flex:0 0 min(30vw,148px);gap:5px;min-width:0;border:0;background:transparent;box-shadow:none;padding:0}.top-bar.raster-active .map-product-controls{grid-column:1 / -1;grid-row:2;width:100%;max-width:100%}.map-product-controls button{min-height:28px;border:1px solid rgb(10 34 30 / .13);border-radius:8px;flex:1 1 0;min-width:0;background:#ffffffe6;box-shadow:0 7px 18px #152c271a;font-size:.64rem;padding:0 4px}.map-product-controls button.active{border-color:#0f766e6b;background:#0f766e;color:#fff;box-shadow:0 9px 20px #0f766e38}.label-desktop{display:none}.label-mobile{display:inline}.run-controls{flex:1 1 auto;flex-direction:row;gap:5px}.top-bar.raster-active .run-controls{display:grid;grid-column:1 / -1;grid-row:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.run-control{min-width:0;flex:1 1 0;overflow:hidden;padding:4px 6px 5px}.run-control select{min-width:0;width:100%;font-size:.76rem}.wind-level-control{flex:0 0 min(24vw,132px)}.map-view-control{flex:1 1 0}.top-bar.raster-active .map-view-control{grid-column:1;grid-row:3;width:100%}.top-bar.raster-active .wind-level-control{grid-column:2;grid-row:3;width:100%}.time-slider-row{grid-template-columns:var(--mobile-step-button-size) minmax(0,1fr) var(--mobile-step-button-size);gap:var(--mobile-step-gap)}.step-button{width:var(--mobile-step-button-size);height:48px}.step-range-shell{margin-inline:var(--mobile-range-inset);width:auto}.step-labels{grid-template-columns:var(--mobile-step-button-size) minmax(0,1fr) var(--mobile-step-button-size);gap:var(--mobile-step-gap);font-size:.64rem}.step-label-track{grid-column:1 / -1;height:26px;overflow:visible;padding-inline:0}.step-label-track-inner{position:absolute;top:0;right:var(--mobile-axis-inset);bottom:0;left:var(--mobile-axis-inset);height:100%;min-width:0}.day-span-label{position:absolute;max-width:48px;border-radius:5px;padding-inline:3px}.day-span-label--start-edge,.day-span-label--end-edge{max-width:48px}}@media(max-width:430px){.top-bar.raster-active .map-product-controls button{flex-basis:0}}.raster-map-layer{position:absolute;inset:0;z-index:320;background:#fdfdfd;pointer-events:none}.raster-map-layer canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.raster-map-canvas{pointer-events:none}.raster-region-canvas{cursor:default;pointer-events:auto;touch-action:none}.raster-region-canvas.has-hover-region{cursor:pointer}.raster-map-message{position:absolute;top:var(--raster-map-message-y, 50%);left:var(--raster-map-message-x, 50%);pointer-events:none;border:1px solid rgb(10 34 30 / .12);border-radius:8px;background:#ffffffeb;box-shadow:0 12px 32px #152c272e;color:#334843;font-weight:800;padding:14px 16px;transform:translate(-50%,-50%)}.raster-map-notice{position:absolute;top:var(--raster-map-message-y, 50%);left:var(--raster-map-message-x, 50%);z-index:3;max-width:min(320px,calc(100vw - 48px));pointer-events:none;border:1px solid rgb(10 34 30 / .14);border-radius:8px;background:#fffffff0;box-shadow:0 12px 32px #152c272e;color:#334843;font-size:.86rem;font-weight:850;line-height:1.25;padding:10px 12px;text-align:center;transform:translate(-50%,-50%)}.raster-map-loading-badge{position:absolute;top:calc(var(--raster-map-loading-y, 100%) - var(--raster-map-loading-inset, 12px));left:calc(var(--raster-map-loading-x, 100%) - var(--raster-map-loading-inset, 12px));z-index:2;pointer-events:none;border:1px solid rgb(10 34 30 / .14);border-radius:8px;background:#ffffffc7;box-shadow:0 6px 18px #152c271f;color:#243934;font-size:.72rem;font-weight:900;letter-spacing:0;line-height:1;padding:6px 8px;text-transform:uppercase;transform:translate(-100%,-100%)}.raster-zoom-controls{position:absolute;top:86px;right:16px;z-index:2;display:flex;overflow:hidden;border:1px solid rgb(10 34 30 / .14);border-radius:8px;background:#ffffffeb;box-shadow:0 10px 28px #152c2724;pointer-events:auto}.raster-zoom-controls button{display:grid;min-width:36px;height:34px;place-items:center;border:0;border-right:1px solid rgb(10 34 30 / .1);background:transparent;color:#183d37;cursor:pointer;font-size:.86rem;font-weight:900;line-height:1;padding:0 10px}.raster-zoom-controls button:last-child{min-width:54px;border-right:0;font-size:.72rem;text-transform:uppercase}.raster-zoom-controls button:hover:not(:disabled){background:#eef6f3}.raster-zoom-controls button:disabled{cursor:default;opacity:.42}.raster-time-control{position:absolute;top:var(--raster-time-control-top);right:auto;bottom:auto;left:50%;z-index:470;display:grid;width:min(840px,calc(100vw - 32px));gap:6px;border:1px solid rgb(10 34 30 / .12);border-radius:8px;background:#ffffffeb;box-shadow:0 10px 28px #152c2729;color:#21342f;padding:8px 10px 9px;touch-action:pan-y;transform:translate(-50%);-webkit-user-select:none;user-select:none;font-weight:800}.raster-time-control>span{overflow:hidden;color:#21342f;font-size:.84rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.raster-time-control .time-slider-row{align-items:center}.raster-time-control .step-button{transform:translateY(4px)}.raster-time-control .step-labels{margin-top:-11px}.raster-time-control .step-label-track{height:24px}.raster-time-control .day-boundary-tick{height:6px}.raster-time-control .day-span-label{top:3px}.missing-product{display:grid;min-height:180px;place-content:center;gap:6px;color:#52635e;text-align:center}.missing-product strong{color:#243934;font-size:1rem}.missing-product span{max-width:28ch;font-size:.92rem}@media(min-width:721px){.app-shell--raster-emagram-docked .raster-map-layer{right:var(--raster-emagram-dock-offset)}.app-shell--raster-emagram-docked .raster-time-control{left:calc(var(--raster-map-viewport-width) / 2);width:min(840px,calc(var(--raster-map-viewport-width) - 32px))}}@media(max-width:720px){.raster-map-loading-badge{--raster-map-loading-inset: 10px}.raster-zoom-controls{top:132px;right:10px}.raster-zoom-controls button{min-width:34px;height:32px;padding:0 9px}.raster-zoom-controls button:last-child{min-width:48px;font-size:.66rem}.raster-time-control{right:auto;left:10px;width:calc(100% - 20px);max-width:calc(100% - 20px);padding:7px 6px 8px;font-size:.78rem;transform:none}.raster-time-control>span{font-size:.74rem}.raster-time-control .step-button{transform:translateY(6px)}}.detail-panel{position:absolute;top:12px;right:12px;bottom:12px;z-index:500;display:flex;width:min(720px,calc(100vw - 24px));flex-direction:column;gap:14px;overflow:hidden;border:1px solid rgb(10 34 30 / .12);border-radius:8px;background:#fafcfbf5;box-shadow:0 22px 60px #0f231f40;padding:18px}.detail-panel--thermals{width:min(1280px,calc(100vw - 72px))}.sheet-handle{display:none}.panel-header{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:16px}.panel-header h2{margin:0;color:#10201d;font-size:1.22rem;line-height:1.1}.eyebrow{margin:0 0 4px;color:#52635e;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.icon-button{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid rgb(13 42 36 / .12);border-radius:8px;background:#fff;color:#30433f;cursor:pointer;font-size:1.1rem;font-weight:800}.icon-button:hover{background:#eef6f3}.panel-placeholder{display:grid;min-height:180px;place-items:center;color:#52635e}.rating-strip{display:flex;justify-content:space-between;gap:12px;border-radius:8px;padding:11px 12px;color:#17211f;font-weight:800}.rating-strip span:first-child{text-transform:capitalize}.rating-strong{background:#fed7aa}.rating-good{background:#bbf7d0}.rating-weak{background:#fde68a}.rating-neutral{background:#dbeafe}.tabs{display:grid;flex:0 0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border-radius:8px;background:#e7efec;padding:5px}.tabs button{min-height:38px;border:0;border-radius:6px;background:transparent;color:#4f615c;cursor:pointer;font-weight:800}.tabs button.active{background:#fff;color:#0f5f59;box-shadow:0 4px 14px #152c271a}@media(min-width:721px){.app-shell--raster-emagram-docked .detail-panel--emagram{width:var(--raster-emagram-panel-width);background:#fdfdfd}}@media(max-width:720px){.detail-panel{inset:78px 0 8px;width:100%;max-height:none;border-right:0;border-bottom:1px solid rgb(10 34 30 / .12);border-left:0;border-radius:8px;padding:10px 14px 16px}.detail-panel--thermals{width:100%;overflow-y:auto;overscroll-behavior-y:contain}.sheet-handle{display:block;width:46px;height:4px;flex:0 0 auto;align-self:center;border-radius:999px;background:#c6d6d1}}@media(min-width:721px)and (max-height:820px){.detail-panel{gap:10px;padding:12px}.panel-header{align-items:center}.panel-header h2{font-size:1.06rem}.panel-header .eyebrow{margin-bottom:2px;font-size:.6rem}.detail-panel .time-slider{gap:6px;padding:8px 10px}.detail-panel .time-slider>span{font-size:.86rem;line-height:1.15}.detail-panel .time-slider-row{grid-template-columns:var(--mobile-step-button-size) minmax(0,1fr) var(--mobile-step-button-size);gap:var(--mobile-step-gap)}.detail-panel .step-button{width:var(--mobile-step-button-size);height:48px}.detail-panel .step-labels{grid-template-columns:var(--mobile-step-button-size) minmax(0,1fr) var(--mobile-step-button-size);gap:var(--mobile-step-gap);font-size:.66rem}.detail-panel .tabs button{min-height:34px}}.chart-card{border:1px solid #dce7e3;border-radius:8px;background:#fff;padding:6px}.detail-panel>.chart-card{display:grid;flex:1 1 0;min-height:0;overflow:hidden}.swipeable-chart{touch-action:pan-y;-webkit-user-select:none;user-select:none}.thermal-grid{display:grid;gap:5px}.thermal-row{display:grid;grid-template-columns:44px repeat(var(--step-count, 4),minmax(8px,1fr));gap:5px;align-items:center}.height-label{color:#64756f;font-size:.72rem;font-weight:800;text-align:right}.thermal-cell{min-height:24px;border-radius:5px;background:color-mix(in srgb,#f4f8f6,#f59e0b calc(var(--intensity) * 100%));outline:1px solid rgb(15 42 37 / .06)}.thermal-cell.active{outline:2px solid #0f766e}.chart-footer{display:flex;justify-content:space-between;margin-top:9px;color:#64756f;font-size:.75rem;font-weight:800}.lapse-plot-card{padding:8px}.lapse-plot-scroll{width:100%;height:100%;min-width:0;overflow:hidden}.lapse-plot{display:block;width:100%;min-height:430px}.detail-panel>.chart-card .lapse-plot{height:100%;min-height:0}.lapse-plot-bg{fill:#fbfdfc}.lapse-plot image{image-rendering:auto}.lapse-plot-frame{fill:none;stroke:#d4e2de;stroke-width:1}.lapse-hour-grid{stroke:#fff;stroke-width:1;opacity:.18}.lapse-day-grid{stroke:#263b35;stroke-width:1.2;opacity:.25}.lapse-hour-tick,.lapse-day-tick{stroke:#506760;stroke-width:1}.lapse-hour-tick{opacity:.34}.lapse-day-tick{opacity:.72}.lapse-selected-time-line{stroke:#10201d;stroke-linecap:round;stroke-width:2;opacity:.62}.lapse-cloud-field{fill:#aeb8bc;pointer-events:none}.lapse-selected-label,.lapse-day-label{fill:#263b35}.lapse-hour-label{opacity:.58}.lapse-wind-barbs .wind-barb line,.lapse-wind-barbs .wind-barb path,.lapse-wind-barbs .wind-barb circle{stroke:#15201d;stroke-width:1.8;opacity:.28}.lapse-wind-barbs .wind-barb .wind-pennant{fill:#15201d;opacity:.24}.lapse-plot text{fill:#64756f;font-size:14px;font-weight:800}.lapse-plot .axis-label{fill:#70817c;font-size:13px}.lapse-plot .axis-title{fill:#394d48;font-size:14px}.emagram{display:block;width:100%;min-height:570px}.detail-panel>.chart-card .emagram{height:100%;min-height:0}.emagram-plot-bg{fill:#fbfdfc;stroke:#d4e2de;stroke-width:1}.emagram-wind-bg{fill:#fff;stroke:#d4e2de;stroke-width:1}.grid-line{stroke:#dde9e5;stroke-width:1}.altitude-line{stroke:#d7e4e0}.emagram-isotherm{stroke:#2563eb;stroke-width:1;opacity:.11}.emagram-dry-line{stroke:#92400e;stroke-width:1;opacity:.105}.emagram-mixing-ratio-line{fill:none;stroke:#0f8a4b;stroke-dasharray:5 6;stroke-linecap:round;stroke-linejoin:round;stroke-width:1;opacity:.2}.ground-mask{fill:#d6dbd9;opacity:.82}.wind-grid-line{stroke:#dfe9e6;stroke-width:1;opacity:.7}.temp-line,.dew-line,.wind-speed-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.temp-segment{stroke-linecap:round;stroke-width:5}.dew-line{stroke:#2563eb;stroke-width:2.4;opacity:.72}.wind-speed-line{stroke:#2563eb;stroke-width:1.8;opacity:.46}.temp-dot{fill:#dc2626}.emagram text{fill:#64756f;font-size:14px;font-weight:800}.emagram .axis-label{fill:#70817c;font-size:13px}.emagram .axis-title{fill:#394d48;font-size:14px}.wind-barb line,.wind-barb path{stroke:#171f1c;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;opacity:.82}.wind-barb line{fill:none}.wind-barb .wind-pennant{fill:#171f1c}.wind-barb.calm circle{fill:none;stroke:#171f1c;stroke-width:2;opacity:.82}@media(max-width:720px){.emagram{min-height:500px}.emagram text{font-size:19px}.emagram .axis-label{font-size:18px}.emagram .axis-title{font-size:19px}.lapse-plot{width:780px;max-width:none;min-height:390px}.detail-panel--thermals>.lapse-plot-card{flex:0 0 auto}.lapse-plot-scroll{height:auto;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.detail-panel--thermals>.chart-card .lapse-plot{height:auto;min-width:780px}.lapse-plot text{font-size:22px}.lapse-plot .axis-label{font-size:21px}.lapse-plot .axis-title{font-size:22px}}@media(min-width:721px)and (max-height:820px){.detail-panel>.chart-card .emagram text{font-size:18px}.detail-panel>.chart-card .emagram .axis-label{font-size:17px}.detail-panel>.chart-card .emagram .axis-title{font-size:18px}.detail-panel>.chart-card .lapse-plot text{font-size:17px}.detail-panel>.chart-card .lapse-plot .axis-label{font-size:16px}.detail-panel>.chart-card .lapse-plot .axis-title{font-size:17px}}