:root{color:#1f2933;--app-text:#1f2933;--app-muted:#2a3745a8;--app-soft:#ffffffe6;--app-surface:#ffffffeb;--app-surface-strong:#fffffff7;--app-border:#31485c21;--app-border-strong:#31485c33;--app-shadow:0 18px 38px #374e6429;--app-shadow-soft:0 8px 22px #374e641f;--app-accent:#d8433f;--app-accent-soft:#d8433f1f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edf4f8;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}#app{width:100vw;height:100svh}.app-shell{background:linear-gradient(#f2f8fbf5,#deecf4e6),#edf4f8;width:100vw;height:100svh;position:relative;overflow:hidden}.search-zone{z-index:30;position:absolute;top:14px;left:14px}.layer-rail{z-index:22;position:absolute;top:86px;right:0}.settings-panel{z-index:21;position:absolute;top:86px;right:152px}.legend-panel{z-index:20;position:absolute;bottom:146px;left:16px}.weather-picker{z-index:18;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.weather-popup{z-index:23;position:absolute;top:106px;left:54px}.bottom-weather-detail{z-index:24;width:min(620px,100vw - 760px);min-width:500px;position:fixed;bottom:146px;left:24px;transform:none}.app-shell:has(.bottom-weather-detail) .legend-panel{bottom:478px}.timeline-control{z-index:20;position:absolute;bottom:0;left:0;right:0}.status-chip{z-index:18;background:linear-gradient(180deg, #fffffffa, #f5f9fceb), var(--app-surface);color:#1f2933d6;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border:1px solid #ffffffc7;border-radius:999px;width:max-content;max-width:min(560px,100vw - 540px);padding:7px 15px;font-size:12px;font-weight:800;line-height:1.2;position:absolute;top:17px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 20px #374e641f,inset 0 0 0 1px #31485c0f}.floating-surface{border:1px solid var(--app-border);background:linear-gradient(180deg, #fffffff5, #f6fafce6), var(--app-surface);-webkit-backdrop-filter:blur(16px)saturate(1.18);backdrop-filter:blur(16px)saturate(1.18);box-shadow:0 16px 34px #374e6424,inset 0 1px #ffffffbd}body.map-cloud-map-moving .floating-surface,body.map-cloud-map-moving .status-chip,body.map-cloud-map-moving .icon-button{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#ffffffc7!important}body.map-cloud-map-moving .search-zone,body.map-cloud-map-moving .layer-rail,body.map-cloud-map-moving .settings-panel,body.map-cloud-map-moving .legend-panel,body.map-cloud-map-moving .timeline-control,body.map-cloud-map-moving .status-chip,body.map-cloud-map-moving .weather-picker,body.map-cloud-map-moving .weather-popup,body.map-cloud-map-moving .bottom-weather-detail{visibility:hidden;opacity:0;pointer-events:none;transition:none!important;animation:none!important}body.map-cloud-map-moving .layer-rail *,body.map-cloud-map-moving .settings-panel *,body.map-cloud-map-moving .legend-panel *,body.map-cloud-map-moving .timeline-control *,body.map-cloud-map-moving .search-zone *,body.map-cloud-map-moving .status-chip *,body.map-cloud-map-moving .weather-picker *,body.map-cloud-map-moving .weather-popup *,body.map-cloud-map-moving .bottom-weather-detail *{transition:none!important;animation:none!important}@media (width>=1201px){.weather-map .map-controls{bottom:146px!important;right:72px!important}}.icon-button{border:1px solid var(--app-border);color:#26323d;background:linear-gradient(#fff,#eef3f6);border-radius:8px;place-items:center;width:36px;height:36px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-grid;box-shadow:0 2px #31485c29,inset 0 1px #ffffffd6}.icon-button:hover{background:var(--app-surface-strong);border-color:#d8433f47;transform:translateY(-1px)}.icon-button:active{transform:translateY(1px);box-shadow:inset 0 0 0 1px #31485c1f}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.icon-button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #d8433fd1}@media (width<=1100px){.status-chip{display:none}.settings-panel,.layer-rail{top:78px}}@media (width<=1200px){.search-zone{top:10px;left:10px;right:10px}.search-zone.search-control{width:auto;max-width:none}.settings-panel{width:calc(100% - 20px);max-width:370px;inset:64px auto auto 10px}.settings-panel.settings-control{max-width:370px;overflow-x:hidden;width:calc(100% - 20px)!important}.layer-rail{max-width:calc(100vw - 20px);inset:auto 10px 178px}.layer-rail.layer-rail-control{width:auto;max-width:none}.legend-panel{bottom:88px;left:10px}.weather-popup{top:72px;left:10px;right:auto}.bottom-weather-detail{width:auto;min-width:0;bottom:252px;left:10px;right:10px;transform:none}.weather-picker{top:48%}.weather-map .map-controls{top:clamp(318px,100svh - 474px,370px)!important;bottom:auto!important;right:10px!important}}@media (width<=520px),(height<=650px){.legend-panel{display:none}.settings-panel{max-height:220px}}@media (height<=650px){.weather-map .map-controls{top:288px!important}}.weather-map[data-v-7eabeb16],.map-root[data-v-7eabeb16],.reference-map-root[data-v-7eabeb16],.weather-canvas[data-v-7eabeb16],.particle-canvas[data-v-7eabeb16]{position:absolute;inset:0}.weather-map[data-v-7eabeb16]{background:#eef3f6;overflow:hidden}.map-root[data-v-7eabeb16]{z-index:0}.reference-map-root[data-v-7eabeb16]{z-index:4;pointer-events:none;background:0 0}.weather-canvas[data-v-7eabeb16],.particle-canvas[data-v-7eabeb16]{z-index:2;pointer-events:none;width:100%;height:100%}.weather-canvas[data-v-7eabeb16]{mix-blend-mode:normal;opacity:.56}.particle-canvas[data-v-7eabeb16]{z-index:3;opacity:.86}.weather-map--temperature .weather-canvas[data-v-7eabeb16]{opacity:.88}.weather-map--rain[data-v-7eabeb16]{background:#5a5d5f}.weather-map--rain .map-root[data-v-7eabeb16]{filter:grayscale(.86)brightness(.58)contrast(1.12)}.weather-map--rain .weather-canvas[data-v-7eabeb16]{opacity:.9}.weather-map--rain .particle-canvas[data-v-7eabeb16]{opacity:.96}[data-v-7eabeb16] .reference-map-root .maplibregl-canvas{pointer-events:none}.map-controls[data-v-7eabeb16]{z-index:10;border-radius:8px;gap:6px;padding:6px;display:grid;position:absolute;bottom:118px;right:12px}.map-button[data-v-7eabeb16]{width:34px;height:34px}[data-v-7eabeb16] .maplibregl-ctrl-attrib{color:#303e4ab8;background:#f8fbfcb8}[data-v-7eabeb16] .maplibregl-ctrl-attrib a{color:#266a90db}@media (width<=760px){.map-controls[data-v-7eabeb16]{bottom:108px;right:8px}}.search-control[data-v-c000e313]{border-radius:9px;grid-template-columns:42px 43px minmax(190px,332px);align-items:center;gap:6px;width:min(508px,100vw - 32px);padding:4px;display:grid}.menu-button[data-v-c000e313],.clear-button[data-v-c000e313],.search-filter-button[data-v-c000e313]{color:var(--app-text);background:#f4f6f8;border:0;border-radius:8px;place-items:center;transition:background .16s,color .16s,box-shadow .16s,transform .12s;display:grid;box-shadow:inset 0 0 0 1px #31485c14,0 2px #31485c24}.menu-button[data-v-c000e313]{width:42px;height:42px}.menu-button[data-v-c000e313]:hover,.clear-button[data-v-c000e313]:hover,.search-filter-button[data-v-c000e313]:hover{background:var(--app-accent-soft);color:var(--app-accent);transform:translateY(-1px)}.menu-button[data-v-c000e313]:active,.clear-button[data-v-c000e313]:active,.search-filter-button[data-v-c000e313]:active{transform:translateY(1px);box-shadow:inset 0 0 0 1px #31485c1a}.brand-mark[data-v-c000e313]{color:#fff;letter-spacing:0;background:linear-gradient(#e95853,#d8433f);border-radius:8px;place-items:center;width:43px;height:42px;font-size:13px;font-weight:750;display:grid;box-shadow:inset 0 -1px #5809072e}.search-box[data-v-c000e313]{isolation:isolate;align-items:center;min-width:0;display:flex;position:relative}.search-glow-aura[data-v-c000e313],.search-glow-white[data-v-c000e313],.search-glow-ring[data-v-c000e313],.search-glow-depth[data-v-c000e313]{z-index:-1;pointer-events:none;border-radius:12px;position:absolute;overflow:hidden}.search-glow-aura[data-v-c000e313]{opacity:.34;filter:blur(22px);background:conic-gradient(from 60deg,#0000,#402fb5 8%,#0000 38% 52%,#cf30aa 64%,#0000 88%);transition:opacity .22s,transform .65s;inset:-20px}.search-glow-white[data-v-c000e313],.search-glow-ring[data-v-c000e313],.search-glow-depth[data-v-c000e313]{inset:-2px}.search-glow-white[data-v-c000e313]:before,.search-glow-ring[data-v-c000e313]:before,.search-glow-depth[data-v-c000e313]:before{content:"";background-repeat:no-repeat;width:620px;height:620px;transition:transform .65s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(80deg)}.search-glow-white[data-v-c000e313]{opacity:.85;filter:blur(2px)}.search-glow-white[data-v-c000e313]:before{background-image:conic-gradient(#0000 0%,#fff 7%,#0000 14% 52%,#f0b3dd 62%,#0000 70%)}.search-glow-ring[data-v-c000e313]{filter:blur(.5px)}.search-glow-ring[data-v-c000e313]:before{background-image:conic-gradient(#12131a,#7a68ff 7%,#12131a 16% 50%,#cf30aa 62%,#12131a 68%)}.search-glow-depth[data-v-c000e313]{opacity:.74;filter:blur(3px);inset:-4px}.search-glow-depth[data-v-c000e313]:before{background-image:conic-gradient(#0000,#18116a 8%,#0000 18% 54%,#6e1b60 66%,#0000 78%)}.search-icon[data-v-c000e313]{z-index:2;color:#ebeef5c7;pointer-events:none;position:absolute;left:16px}.search-glow-input[data-v-c000e313]{color:#f7f8fb;background:#010201;border:0;border-radius:10px;outline:none;width:100%;min-width:0;height:44px;padding:0 78px 0 44px;font-size:14px;box-shadow:inset 0 0 0 1px #ffffff0f,0 2px 6px #0c121c38}.search-glow-input[data-v-c000e313]:focus{box-shadow:inset 0 0 0 1px #ffffff1f,0 0 0 1px #cf30aa2e,0 2px 8px #0c121c42}.search-glow-shell:hover .search-glow-aura[data-v-c000e313],.search-glow-shell:focus-within .search-glow-aura[data-v-c000e313]{opacity:.48;transform:rotate(180deg)}.search-glow-shell:hover .search-glow-white[data-v-c000e313]:before,.search-glow-shell:focus-within .search-glow-white[data-v-c000e313]:before{transform:translate(-50%,-50%)rotate(260deg)}.search-glow-shell:hover .search-glow-ring[data-v-c000e313]:before,.search-glow-shell:focus-within .search-glow-ring[data-v-c000e313]:before{transform:translate(-50%,-50%)rotate(250deg)}.search-glow-shell:hover .search-glow-depth[data-v-c000e313]:before,.search-glow-shell:focus-within .search-glow-depth[data-v-c000e313]:before{transform:translate(-50%,-50%)rotate(262deg)}.search-glow-input[data-v-c000e313]::placeholder{color:#cfcbd5c7}.clear-button[data-v-c000e313]{z-index:3;color:#f7f8fbdb;background:#ffffff17;width:28px;height:28px;position:absolute;right:42px;box-shadow:inset 0 0 0 1px #ffffff14}.search-filter-button[data-v-c000e313]{z-index:2;color:#f7f8fbe6;background:linear-gradient(#17142a,#050506 58%,#1d1b4b);border-radius:9px;width:34px;height:34px;position:absolute;right:5px;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #cf30aa29}.clear-button[data-v-c000e313]:hover,.search-filter-button[data-v-c000e313]:hover{color:#fff;background:linear-gradient(#211d3f,#09090b 58%,#2a2866)}.results-panel[data-v-c000e313]{border-radius:9px;width:min(438px,100vw - 32px);max-height:min(340px,100svh - 86px);padding:6px;position:absolute;top:calc(100% + 7px);left:0;overflow:auto}.result-row[data-v-c000e313]{width:100%;min-height:44px;color:var(--app-text);text-align:left;background:0 0;border:0;border-radius:14px;grid-template-columns:30px minmax(0,1fr) 20px;align-items:center;gap:8px;padding:7px 8px;transition:background .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden}.result-row[data-v-c000e313]:before,.result-row[data-v-c000e313]:after{pointer-events:none;content:"";transition:opacity .22s,transform .22s;position:absolute}.result-row[data-v-c000e313]:before{opacity:0;background:radial-gradient(circle at 100% 107%,#ff89cc2e 0%,#9cb8ec24 32%,#00ffee14 60%,#62c2fe1f 100%);inset:0}.result-row[data-v-c000e313]:after{opacity:0;background:radial-gradient(circle at 30% 107%,#fdf49757,#ff53d429 58%,#62c2fe38 92%);border-top:1px solid #ffffffc7;border-right:1px solid #ffffffa3;border-radius:42% 16% 44% 0/44% 16% 42% 0;width:68px;height:68px;bottom:-34px;left:-34px;transform:translate(-12px,12px);box-shadow:-7px 7px 20px #64646f29}.result-row[data-v-c000e313]:hover,.result-row.active[data-v-c000e313]{background:var(--app-accent-soft);transform:scale(1.015);box-shadow:0 8px 18px #374e641a}.result-row[data-v-c000e313]:hover:before,.result-row.active[data-v-c000e313]:before,.result-row[data-v-c000e313]:hover:after,.result-row.active[data-v-c000e313]:after{opacity:1;transform:translate(0)}.result-icon[data-v-c000e313]{background:var(--app-accent-soft);color:#b72c29;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.result-main[data-v-c000e313]{min-width:0;position:relative}.result-main strong[data-v-c000e313],.result-main small[data-v-c000e313]{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.result-main strong[data-v-c000e313]{font-size:13px;font-weight:750}.result-main small[data-v-c000e313]{color:var(--app-muted);margin-top:2px;font-size:11px}.empty-state[data-v-c000e313]{color:var(--app-muted);padding:14px 12px;font-size:13px}@media (width<=1200px){.search-control[data-v-c000e313]{grid-template-columns:40px 42px minmax(0,1fr);width:auto!important}.results-panel[data-v-c000e313]{width:calc(100vw - 20px);max-height:min(286px,100svh - 360px)}}.layer-rail-control[data-v-1dfdf3eb]{width:142px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;justify-items:end;gap:7px;padding:0 10px 0 0;display:grid}.layer-button[data-v-1dfdf3eb]{color:#fff;background:0 0;border:0;border-radius:999px;grid-template-columns:minmax(0,auto) 42px;place-items:center end;gap:7px;min-width:0;min-height:42px;transition:opacity .16s,transform .16s,box-shadow .16s;display:inline-grid;position:relative}.layer-label[data-v-1dfdf3eb]{text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e252db8;border-radius:999px;max-width:84px;padding:5px 9px;font-size:11px;font-weight:800;line-height:1.05;overflow:hidden;box-shadow:0 5px 12px #10182026}.icon-disk[data-v-1dfdf3eb]{color:#fff;text-shadow:0 1px 3px #0c141e40;border:2px solid #ffffffeb;border-radius:50%;place-items:center;width:42px;height:42px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;box-shadow:0 7px 16px #18263438,inset 0 0 0 1px #ffffff47}.layer-button[data-v-1dfdf3eb]:hover:not(:disabled){transform:translate(-3px)}.layer-button:hover:not(:disabled) .icon-disk[data-v-1dfdf3eb]{transform:scale(1.04);box-shadow:0 10px 20px #18263447,0 0 0 3px #ffffffad}.layer-button.active .layer-label[data-v-1dfdf3eb]{background:#d8433fe6;box-shadow:0 7px 16px #7816143d}.layer-button.active .icon-disk[data-v-1dfdf3eb]{border-color:#fff;box-shadow:0 9px 20px #78161440,0 0 0 4px #d8433f6b,0 0 0 7px #ffffffb8}@media (width<=1200px){.layer-rail-control[data-v-1dfdf3eb]{grid-auto-columns:auto;grid-auto-flow:column;max-width:calc(100vw - 20px);padding:5px;overflow-x:auto;width:auto!important}}.settings-control[data-v-541d428c]{isolation:isolate;border-radius:22px 0 0 22px;width:272px;padding:12px;transition:box-shadow .2s,transform .2s;position:absolute;overflow:hidden}.settings-control[data-v-541d428c]:before{z-index:-1;border-radius:inherit;content:"";pointer-events:none;background:radial-gradient(circle at 100% 107%,#ff89cc29 0%,#9cb8ec1f 34%,#00ffee0f 62%,#62c2fe1c 100%),linear-gradient(#fffffffa,#f6fafceb);position:absolute;inset:0}.settings-card-shell[data-v-541d428c]:after{opacity:.7;content:"";pointer-events:none;background:radial-gradient(circle at 30% 107%,#fdf4974d,#ff53d421 58%,#62c2fe30 92%);border-top:1px solid #ffffffc7;border-right:1px solid #ffffff94;border-radius:44% 16% 44% 0/44% 16% 42% 0;width:104px;height:104px;transition:opacity .24s,transform .24s;position:absolute;bottom:-52px;left:-52px;transform:translate(-18px,18px);box-shadow:-7px 7px 24px #64646f26}.settings-card-shell[data-v-541d428c]:hover{transform:scale(1.006);box-shadow:0 20px 40px #374e642b,inset 0 1px #ffffffc7}.settings-card-shell[data-v-541d428c]:hover:after{opacity:1;transform:translate(0)}.panel-header[data-v-541d428c]{border-bottom:1px solid var(--app-border);grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding-bottom:11px;display:grid;position:relative}.status-row[data-v-541d428c]{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:10px;display:grid}.status-row span[data-v-541d428c]{color:#2a3745b8;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#31485c11;border-radius:999px;padding:4px 6px;font-size:10px;font-weight:800;transition:background .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden}.status-row span[data-v-541d428c]:before,.raster-state span[data-v-541d428c]:before{opacity:0;content:"";pointer-events:none;background:radial-gradient(circle at 100% 107%,#ff89cc24,#9cb8ec1a 34%,#62c2fe1f);transition:opacity .18s;position:absolute;inset:0}.status-row span[data-v-541d428c]:hover,.raster-state span[data-v-541d428c]:hover{transform:scale(1.015);box-shadow:0 6px 14px #374e6414}.status-row span[data-v-541d428c]:hover:before,.raster-state span[data-v-541d428c]:hover:before{opacity:1}.status-row span.active[data-v-541d428c]{color:#b72c29;background:#d8433f1f}.header-icon[data-v-541d428c]{background:var(--app-accent-soft);color:#b72c29;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.panel-header strong[data-v-541d428c],.panel-header small[data-v-541d428c]{display:block}.panel-header>span[data-v-541d428c]:last-child{min-width:0}.panel-header strong[data-v-541d428c]{color:var(--app-text);font-size:14px;font-weight:750}.panel-header small[data-v-541d428c]{color:var(--app-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.setting-group[data-v-541d428c]{background:linear-gradient(#ffffff94,#31485c09),#31485c09;border-radius:14px;gap:8px;margin-top:10px;padding:10px;transition:box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden}.setting-group[data-v-541d428c]:before,.setting-group[data-v-541d428c]:after,.raster-state[data-v-541d428c]:after{pointer-events:none;content:"";transition:opacity .22s,transform .22s;position:absolute}.setting-group[data-v-541d428c]:before{opacity:0;background:radial-gradient(circle at 100% 107%,#ff89cc21,#9cb8ec1a 34%,#62c2fe1f);inset:0}.setting-group[data-v-541d428c]:after,.raster-state[data-v-541d428c]:after{opacity:0;background:radial-gradient(circle at 30% 107%,#fdf49747,#ff53d421 58%,#62c2fe2e 92%);border-top:1px solid #ffffffbd;border-right:1px solid #ffffff8a;border-radius:44% 16% 44% 0/44% 16% 42% 0;width:74px;height:74px;bottom:-38px;left:-38px;transform:translate(-14px,14px)}.setting-group[data-v-541d428c]:hover,.raster-state[data-v-541d428c]:hover{transform:scale(1.012);box-shadow:0 10px 20px #374e6417}.setting-group[data-v-541d428c]:hover:before,.setting-group[data-v-541d428c]:hover:after,.raster-state[data-v-541d428c]:hover:after{opacity:1;transform:translate(0)}.group-label[data-v-541d428c]{color:#2a3745c7;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex;position:relative}.group-label small[data-v-541d428c]{color:#2a37458a;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:10px;font-weight:800;overflow:hidden}.group-label.split[data-v-541d428c]{justify-content:space-between}output[data-v-541d428c]{color:var(--app-text);font-variant-numeric:tabular-nums}.segmented[data-v-541d428c]{background:#31485c13;border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid;position:relative}.segmented button[data-v-541d428c]{color:#2a3745b8;background:0 0;border:0;border-radius:7px;min-width:0;padding:7px 5px;font-size:12px;font-weight:700;transition:background .16s,color .16s,box-shadow .16s}.segmented button.active[data-v-541d428c]{color:#fff;background:#d8433f;box-shadow:0 5px 12px #78161433,inset 0 1px #ffffff38}.segmented button[data-v-541d428c]:active{transform:translateY(1px)}.single-segmented[data-v-541d428c]{grid-template-columns:minmax(0,1fr)}.performance-group[data-v-541d428c]{padding-top:10px}.performance-segmented[data-v-541d428c]{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.performance-segmented button[data-v-541d428c]{padding:7px 2px;font-size:11px}.opacity-slider[data-v-541d428c]{accent-color:#d8433f;width:100%;position:relative}.setting-toggles[data-v-541d428c]{gap:8px;margin-top:12px;display:grid}.raster-state[data-v-541d428c]{background:linear-gradient(#ffffff94,#31485c09),#31485c09;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:10px;padding:10px;transition:box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden}.raster-state span[data-v-541d428c]{color:#2a3745b8;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#31485c12;border-radius:999px;padding:6px 7px;font-size:10px;font-weight:800;transition:box-shadow .18s,transform .18s;position:relative;overflow:hidden}.toggle-row[data-v-541d428c]{color:#1f2933e6;background:linear-gradient(#ffffffb8,#31485c0b);border-radius:8px;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:9px;min-height:44px;padding:8px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #31485c0b}.toggle-row.quiet[data-v-541d428c]{color:#2a37458c}.toggle-row.highlighted[data-v-541d428c]{background:#d8433f16;box-shadow:inset 0 0 0 1px #d8433f2e}.toggle-copy[data-v-541d428c]{align-items:center;gap:7px;min-width:0;font-size:12px;font-weight:700;display:flex}.toggle-copy strong[data-v-541d428c]{color:#1f2933c7;background:#31485c1a;border-radius:999px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:850}.toggle-row.highlighted .toggle-copy strong[data-v-541d428c]{color:#b72c29;background:#d8433f24}.toggle-row input[data-v-541d428c]{opacity:0;pointer-events:none;position:absolute}.switch[data-v-541d428c]{background:#31485c38;border-radius:999px;width:38px;height:22px;transition:background .16s,box-shadow .16s;position:relative}.switch[data-v-541d428c]:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:3px;left:3px}input:checked+.switch[data-v-541d428c]{background:#d8433f}input:focus-visible+.switch[data-v-541d428c]{outline-offset:2px;outline:2px solid #d8433fd1}input:checked+.switch[data-v-541d428c]:after{transform:translate(16px)}@media (width<=1200px){.settings-control[data-v-541d428c]{border-radius:9px;width:auto;max-width:none;max-height:min(292px,100svh - 528px);overflow:auto}.segmented[data-v-541d428c]{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented button[data-v-541d428c]{padding-inline:3px;font-size:11px}.setting-group[data-v-541d428c],.raster-state[data-v-541d428c]{margin-top:8px;padding:8px}}.timeline-shell[data-v-4a6a0c76]{padding:0 14px 12px}.timeline-surface[data-v-4a6a0c76]{isolation:isolate;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:15px;min-height:94px;padding:10px 13px 11px;display:grid;position:relative;overflow:hidden}.timeline-surface[data-v-4a6a0c76]:before{z-index:-1;border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(#fffffffa,#f4f8fbeb),radial-gradient(circle at 10% 100%,#d8433f14,#0000 34%);position:absolute;inset:0}.playback-controls[data-v-4a6a0c76],.speed-controls[data-v-4a6a0c76]{align-items:center;gap:7px;display:flex}.play-button[data-v-4a6a0c76]{color:#fff;background:linear-gradient(#e95853,#d8433f);border:0;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 8px 18px #7816144d}.play-button[data-v-4a6a0c76]:hover{transform:translateY(-1px);box-shadow:0 10px 20px #78161452}.play-button[data-v-4a6a0c76]:active{transform:translateY(1px);box-shadow:0 3px 9px #7816143d}.timeline-main[data-v-4a6a0c76]{min-width:0;padding-top:32px;position:relative}.time-bubble[data-v-4a6a0c76]{border:1px solid var(--app-border);color:#20242b;white-space:nowrap;max-width:min(220px,42vw);box-shadow:var(--app-shadow-soft);background:#fffffff5;border-radius:8px;padding:5px 9px;font-size:12px;font-weight:800;line-height:1.1;position:absolute;top:0;transform:translate(-50%)}.time-bubble[data-v-4a6a0c76]:after{content:"";background:#fffffff5;width:9px;height:9px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.day-row[data-v-4a6a0c76]{height:20px;margin-bottom:3px;position:relative}.day-marker[data-v-4a6a0c76],.hour-marker[data-v-4a6a0c76]{white-space:nowrap;position:absolute;transform:translate(-50%)}.day-marker[data-v-4a6a0c76]{color:#1f2933b8;font-size:12px;font-weight:800}.track-wrap[data-v-4a6a0c76]{height:24px;position:relative}.track-wrap[data-v-4a6a0c76]:before{content:"";background:repeating-linear-gradient(90deg,#31485c57 0 2px,#0000 2px 16px),#31485c24;border-radius:999px;height:6px;position:absolute;top:10px;left:0;right:0}.track-fill[data-v-4a6a0c76]{background:#d8433f;border-radius:999px;height:6px;position:absolute;top:10px;left:0}.track-thumb[data-v-4a6a0c76]{background:#d8433f;border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:5px;transform:translate(-50%);box-shadow:0 0 0 2px #d8433f40}.timeline-range[data-v-4a6a0c76]{opacity:0;cursor:pointer;width:100%;position:absolute;inset:-10px 0}.hour-row[data-v-4a6a0c76]{height:14px;margin-top:1px;position:relative}.frame-status[data-v-4a6a0c76]{color:#2a374599;text-overflow:ellipsis;white-space:nowrap;background:#31485c12;border-radius:999px;width:fit-content;max-width:100%;padding:2px 7px;font-size:10px;font-weight:800;overflow:hidden}.hour-marker[data-v-4a6a0c76]{color:#2a37458c;font-variant-numeric:tabular-nums;font-size:10px}.speed-controls[data-v-4a6a0c76]{background:#31485c13;border-radius:9px;align-self:center;padding:4px}.speed-controls button[data-v-4a6a0c76]{color:#2a3745ad;background:0 0;border:0;border-radius:7px;min-width:34px;padding:7px 8px;font-size:11px;font-weight:750}.speed-controls button.active[data-v-4a6a0c76]{color:#fff;background:#d8433f;box-shadow:0 3px 8px #78161429,inset 0 1px #ffffff2e}@media (width<=1200px){.timeline-shell[data-v-4a6a0c76]{padding:0 10px 10px}.timeline-surface[data-v-4a6a0c76]{grid-template-columns:auto minmax(0,1fr);gap:9px;min-height:102px}.speed-controls[data-v-4a6a0c76]{grid-column:1/-1;justify-self:start}.icon-button[data-v-4a6a0c76],.hour-marker[data-v-4a6a0c76]{display:none}.frame-status[data-v-4a6a0c76]{margin-top:2px}}.legend-control[data-v-f92f30f2]{isolation:isolate;border-radius:9px;width:min(392px,100vw - 36px);padding:10px 11px 9px;position:relative;overflow:hidden}.legend-control[data-v-f92f30f2]:before{z-index:-1;border-radius:inherit;content:"";pointer-events:none;background:radial-gradient(circle at 0 100%,#2f8ed81a,#0000 36%),radial-gradient(circle at 100% 0,#d8433f12,#0000 32%);position:absolute;inset:0}.legend-card[data-v-f92f30f2]:after{opacity:0;content:"";pointer-events:none;background:radial-gradient(circle at 30% 107%,#fdf49747,#ff53d421 58%,#62c2fe2e 92%);border-top:1px solid #ffffffbd;border-right:1px solid #ffffff8f;border-radius:44% 16% 44% 0/44% 16% 42% 0;width:82px;height:82px;transition:opacity .22s,transform .22s;position:absolute;bottom:-42px;left:-42px;transform:translate(-14px,14px);box-shadow:-7px 7px 20px #64646f21}.legend-card[data-v-f92f30f2]{transition:box-shadow .18s,transform .18s}.legend-card[data-v-f92f30f2]:hover{transform:scale(1.01);box-shadow:0 18px 34px #374e6429,inset 0 1px #ffffffc2}.legend-card[data-v-f92f30f2]:hover:after{opacity:1;transform:translate(0)}header[data-v-f92f30f2]{grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:9px;display:grid;position:relative}.legend-icon[data-v-f92f30f2]{background:var(--app-accent-soft);color:#b72c29;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}strong[data-v-f92f30f2],small[data-v-f92f30f2]{display:block}strong[data-v-f92f30f2]{color:var(--app-text);font-size:13px;font-weight:800}small[data-v-f92f30f2]{color:var(--app-muted);font-size:11px}.sample-pill[data-v-f92f30f2]{max-width:138px;color:var(--app-text);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;background:#31485c14;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:750;overflow:hidden}.scale-row[data-v-f92f30f2]{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.scale-badge[data-v-f92f30f2]{color:#1f2933c2;white-space:nowrap;background:#31485c14;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:750}.scale[data-v-f92f30f2]{border:1px solid #31485c2e;border-radius:999px;height:14px;box-shadow:0 1px #ffffffbd,inset 0 0 0 1px #ffffff6b}.raster-legend-state[data-v-f92f30f2]{background:#31485c12;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;transition:box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden}.raster-legend-state[data-v-f92f30f2]:before,.raster-legend-state[data-v-f92f30f2]:after{pointer-events:none;content:"";transition:opacity .22s,transform .22s;position:absolute}.raster-legend-state[data-v-f92f30f2]:before{opacity:0;background:radial-gradient(circle at 100% 107%,#ff89cc24,#9cb8ec1a 34%,#62c2fe1f);inset:0}.raster-legend-state[data-v-f92f30f2]:after{opacity:0;background:radial-gradient(circle at 30% 107%,#fdf4974d,#ff53d424 58%,#62c2fe33 92%);border-top:1px solid #ffffffc2;border-right:1px solid #ffffff8f;border-radius:44% 16% 44% 0/44% 16% 42% 0;width:74px;height:74px;bottom:-38px;left:-38px;transform:translate(-14px,14px)}.raster-legend-state[data-v-f92f30f2]:hover{transform:scale(1.018);box-shadow:0 10px 20px #374e641a}.raster-legend-state[data-v-f92f30f2]:hover:before,.raster-legend-state[data-v-f92f30f2]:hover:after{opacity:1;transform:translate(0)}.raster-legend-state strong[data-v-f92f30f2],.raster-legend-state small[data-v-f92f30f2]{text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.raster-legend-state strong[data-v-f92f30f2]{color:var(--app-text);font-size:12px;font-weight:800}.raster-legend-state small[data-v-f92f30f2]{color:var(--app-muted);font-size:10px;font-weight:800}.band-labels[data-v-f92f30f2]{color:#2a3745c2;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px;font-size:10px;font-weight:750;display:grid}.band-labels span[data-v-f92f30f2]{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-width:0;display:inline-flex;overflow:hidden}.band-labels span[data-v-f92f30f2]:nth-child(2){justify-content:center}.band-labels span[data-v-f92f30f2]:last-child{justify-content:flex-end}.band-labels i[data-v-f92f30f2]{border:1px solid #31485c29;border-radius:50%;flex:none;width:7px;height:7px}.ticks[data-v-f92f30f2]{color:var(--app-muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:4px;margin-top:6px;font-size:9.5px;display:flex}.picker-control[data-v-e4199a93]{pointer-events:none;place-items:center;display:grid}.picker-crosshair[data-v-e4199a93]{color:#d8433ff5;filter:drop-shadow(0 6px 12px #374e6447);border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative}.picker-crosshair[data-v-e4199a93]:before{content:"";background:#d8433f;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 0 3px #d8433f29}.picker-readout[data-v-e4199a93]{text-align:center;pointer-events:auto;border-radius:9px;width:max-content;max-width:min(274px,78vw);padding:8px 33px 10px 11px;position:absolute;top:43px}.close-button[data-v-e4199a93]{width:22px;height:22px;color:var(--app-text);background:#31485c14;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:5px;right:5px}.close-button[data-v-e4199a93]:hover{color:var(--app-accent);background:#d8433f1f}strong[data-v-e4199a93],span[data-v-e4199a93]{display:block}.source-label[data-v-e4199a93]{color:#b72c29;background:#d8433f1f;border-radius:999px;width:fit-content;margin:0 auto 6px;padding:3px 7px;font-size:10px;font-weight:800;line-height:1}strong[data-v-e4199a93]{color:var(--app-text);font-size:19px;font-weight:750;line-height:1}.meta-line[data-v-e4199a93]{color:var(--app-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;overflow:hidden}.popup-control[data-v-9cc0d945]{border-radius:10px;width:min(286px,100vw - 20px);padding:13px;position:absolute}.close-button[data-v-9cc0d945]{height:28px;color:var(--app-text);background:#31485c13;border:0;border-radius:8px;grid-auto-flow:column;align-items:center;gap:3px;padding:0 7px;font-size:12px;font-weight:700;display:inline-grid;position:absolute;top:8px;right:8px}.close-button[data-v-9cc0d945]:hover{color:var(--app-accent);background:#d8433f1f}header[data-v-9cc0d945]{gap:3px;padding-right:58px;display:grid}.place[data-v-9cc0d945]{color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:750;overflow:hidden}.coords[data-v-9cc0d945]{color:var(--app-muted);font-size:11px}.temperature[data-v-9cc0d945]{color:#d8433f;grid-template-columns:30px auto 1fr;align-items:end;gap:8px;margin:12px 0;display:grid}.temperature strong[data-v-9cc0d945]{color:var(--app-text);font-size:34px;font-weight:800;line-height:.95}.temperature span[data-v-9cc0d945]{color:var(--app-muted);align-self:center;font-size:11px}dl[data-v-9cc0d945]{gap:6px;margin:0;display:grid}.metric-row[data-v-9cc0d945]{background:#31485c11;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px;display:grid}dt[data-v-9cc0d945]{color:#2a3745b8;align-items:center;gap:7px;min-width:0;font-size:12px;display:flex}dd[data-v-9cc0d945]{color:var(--app-text);font-variant-numeric:tabular-nums;margin:0;font-size:12px;font-weight:750}@media (width<=1200px){.popup-control[data-v-9cc0d945]{border-radius:9px;width:min(286px,100vw - 20px);max-height:218px;padding:9px;overflow:auto}.temperature[data-v-9cc0d945]{grid-template-columns:24px auto 1fr;gap:6px;margin:6px 0}.temperature strong[data-v-9cc0d945]{font-size:24px}.temperature span[data-v-9cc0d945]{font-size:10px}dl[data-v-9cc0d945]{grid-template-columns:1fr;gap:3px}.metric-row[data-v-9cc0d945]{grid-template-columns:minmax(0,54px) minmax(0,1fr);gap:6px;padding:3px 6px}dt[data-v-9cc0d945],dd[data-v-9cc0d945]{font-size:10.5px}dt[data-v-9cc0d945]{gap:4px}dt svg[data-v-9cc0d945]{width:13px;height:13px}}.bottom-detail-control[data-v-0a8dee28]{isolation:isolate;overscroll-behavior:contain;border-radius:20px;width:min(620px,100vw - 32px);max-height:min(430px,100svh - 174px);padding:11px;transition:box-shadow .2s,transform .2s;position:fixed;overflow:auto}.bottom-detail-control[data-v-0a8dee28]:before{z-index:-1;border-radius:inherit;content:"";pointer-events:none;background:radial-gradient(circle at 100% 107%,#ff89cc2e 0%,#9cb8ec24 32%,#00ffee12 60%,#62c2fe1f 100%),linear-gradient(#fffffffa,#f6fafceb);position:absolute;inset:0}.weather-card-shell[data-v-0a8dee28]:after{opacity:.72;content:"";pointer-events:none;background:radial-gradient(circle at 30% 107%,#fdf49752,#ff53d421 58%,#62c2fe33 92%);border-top:1px solid #ffffffc7;border-right:1px solid #ffffff94;border-radius:44% 16% 44% 0/44% 16% 42% 0;width:108px;height:108px;transition:opacity .24s,transform .24s;position:absolute;bottom:-54px;left:-54px;transform:translate(-18px,18px);box-shadow:-7px 7px 24px #64646f29}.detail-header[data-v-0a8dee28]{grid-template-columns:32px minmax(0,1fr) 34px;align-items:center;gap:8px;display:grid;position:relative}.place-mark[data-v-0a8dee28]{background:var(--app-accent-soft);color:#b72c29;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.place-copy[data-v-0a8dee28]{min-width:0}.place-copy strong[data-v-0a8dee28],.place-copy small[data-v-0a8dee28]{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.place-copy strong[data-v-0a8dee28]{color:var(--app-text);font-size:14px;font-weight:750}.place-copy small[data-v-0a8dee28]{color:var(--app-muted);margin-top:2px;font-size:11px}.close-button[data-v-0a8dee28]{width:34px;height:34px;color:var(--app-text);background:#31485c13;border:0;border-radius:9px;place-items:center;transition:background .16s,color .16s;display:grid}.close-button[data-v-0a8dee28]:hover{background:var(--app-accent-soft);color:var(--app-accent)}.now-row[data-v-0a8dee28]{border-top:1px solid var(--app-border);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;margin-top:8px;padding-top:8px;display:grid}.temperature-block[data-v-0a8dee28]{color:var(--app-accent);grid-template-columns:28px auto;align-items:end;gap:7px;display:grid}.temperature-block strong[data-v-0a8dee28]{color:var(--app-text);font-size:32px;font-weight:800;line-height:.95}.condition-block[data-v-0a8dee28]{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.condition-pill[data-v-0a8dee28],.range-text[data-v-0a8dee28],.source-pill[data-v-0a8dee28]{color:#1f2933db;background:#31485c13;border-radius:999px;align-items:center;max-width:100%;min-height:28px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.condition-pill[data-v-0a8dee28]{gap:5px}.source-pill[data-v-0a8dee28]{color:#2f6d56;background:#2e7d5c1c;gap:5px}.source-pill.synthetic[data-v-0a8dee28]{color:#865324;background:#bf752721}.metric-grid[data-v-0a8dee28]{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0 0;display:grid}.metric-chip[data-v-0a8dee28]{background:linear-gradient(#ffffffad,#31485c0d),#31485c0f;border-radius:16px;gap:4px;min-width:0;min-height:48px;padding:8px;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 12px #374e640f}.metric-chip[data-v-0a8dee28]:before,.metric-chip[data-v-0a8dee28]:after,.forecast-day[data-v-0a8dee28]:before,.forecast-day[data-v-0a8dee28]:after,.hourly-sample[data-v-0a8dee28]:before,.hourly-sample[data-v-0a8dee28]:after{pointer-events:none;content:"";transition:opacity .22s,transform .22s;position:absolute}.metric-chip[data-v-0a8dee28]:before,.forecast-day[data-v-0a8dee28]:before,.hourly-sample[data-v-0a8dee28]:before{opacity:0;background:radial-gradient(circle at 100% 107%,#ff89cc24,#9cb8ec1f 34%,#00ffee0f 62%,#62c2fe1f);inset:0}.metric-chip[data-v-0a8dee28]:after,.forecast-day[data-v-0a8dee28]:after,.hourly-sample[data-v-0a8dee28]:after{opacity:.62;background:radial-gradient(circle at 30% 107%,#fdf4974d,#ff53d424 58%,#62c2fe33 92%);border-top:1px solid #ffffffc2;border-right:1px solid #ffffff8f;border-radius:44% 16% 44% 0/44% 16% 42% 0;width:74px;height:74px;bottom:-38px;left:-38px;transform:translate(0);box-shadow:-7px 7px 20px #64646f24}dt[data-v-0a8dee28]{color:#2a3745a8;align-items:center;gap:5px;min-width:0;font-size:11.5px;display:flex;position:relative}dd[data-v-0a8dee28]{color:var(--app-text);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:750;position:relative;overflow:hidden}.forecast-strip[data-v-0a8dee28],.hourly-strip[data-v-0a8dee28]{border-top:1px solid var(--app-border);margin-top:10px;padding-top:8px}.forecast-strip-header[data-v-0a8dee28]{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.forecast-strip-header span[data-v-0a8dee28]{color:var(--app-text);font-size:12px;font-weight:800}.forecast-strip-header small[data-v-0a8dee28]{color:var(--app-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.forecast-days[data-v-0a8dee28]{grid-template-columns:repeat(7,minmax(76px,1fr));gap:6px;display:grid}.forecast-day[data-v-0a8dee28]{border-left:1px solid #31485c1a;border-radius:16px;gap:5px;min-width:0;min-height:82px;padding:7px;transition:box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden}.forecast-day[data-v-0a8dee28]:first-child{border-left:0}.forecast-date[data-v-0a8dee28],.forecast-condition[data-v-0a8dee28],.forecast-temp[data-v-0a8dee28],.forecast-rain[data-v-0a8dee28]{text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.forecast-date[data-v-0a8dee28]{color:#2a3745ad;font-size:10.5px;font-weight:800}.forecast-condition[data-v-0a8dee28]{color:#1f2933e0;align-items:center;gap:4px;font-size:11.5px;font-weight:750;display:inline-flex}.forecast-temp[data-v-0a8dee28]{color:var(--app-text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:850}.temp-track[data-v-0a8dee28]{background:linear-gradient(90deg,#1c7ad133,#edf2c27a,#f5802938);border-radius:999px;height:6px;position:relative;overflow:hidden}.temp-track i[data-v-0a8dee28]{border-radius:inherit;background:linear-gradient(90deg,#1c7ad1,#edf2c2,#f58029);min-width:10px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #31485c14}.forecast-rain[data-v-0a8dee28]{color:#2a3745ad;background:#31485c12;border-radius:999px;width:fit-content;max-width:100%;padding:3px 6px;font-size:10px;font-weight:800}.forecast-rain.wet[data-v-0a8dee28]{color:#176d9e;background:#148fd121}.hourly-trend[data-v-0a8dee28]{overscroll-behavior-inline:contain;grid-auto-columns:minmax(70px,1fr);grid-auto-flow:column;gap:6px;padding-bottom:3px;display:grid;overflow-x:auto}.hourly-sample[data-v-0a8dee28]{border-left:1px solid #31485c1a;border-radius:16px;gap:4px;min-width:0;min-height:76px;padding:7px;transition:box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden}.hourly-sample[data-v-0a8dee28]:first-child{border-left:0}.hourly-sample time[data-v-0a8dee28],.hourly-sample strong[data-v-0a8dee28],.hourly-condition[data-v-0a8dee28]{text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.hourly-sample time[data-v-0a8dee28]{color:#2a3745ad;font-size:10px;font-weight:800}.period-pill[data-v-0a8dee28]{color:#b72c29;background:#d8433f1a;border-radius:999px;width:fit-content;padding:2px 6px;font-size:10px;font-weight:850}.hourly-sample strong[data-v-0a8dee28]{color:var(--app-text);font-variant-numeric:tabular-nums;font-size:12px;font-weight:850}.hourly-condition[data-v-0a8dee28]{color:#1f2933c7;font-size:10px;font-weight:750}@media (width<=1200px){.bottom-detail-control[data-v-0a8dee28]{border-radius:10px;width:auto;max-height:min(270px,100svh - 574px);padding:10px;overflow:auto}.now-row[data-v-0a8dee28]{grid-template-columns:1fr;gap:7px;margin-top:8px;padding-top:8px}.temperature-block strong[data-v-0a8dee28]{font-size:26px}.metric-grid[data-v-0a8dee28]{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.forecast-strip-header[data-v-0a8dee28]{flex-direction:column;align-items:start;gap:2px}.forecast-days[data-v-0a8dee28]{overscroll-behavior-inline:contain;grid-template-columns:none;grid-auto-columns:84px;grid-auto-flow:column;padding-bottom:3px;overflow-x:auto}.forecast-day[data-v-0a8dee28]{border-left:0;border-right:1px solid #31485c1a}.hourly-trend[data-v-0a8dee28]{grid-auto-columns:76px}.hourly-sample[data-v-0a8dee28]{border-left:0;border-right:1px solid #31485c1a}}