@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color-scheme:dark;font-family:DM Sans,Microsoft YaHei,sans-serif;color:#e4e9ec;background:#080e16;font-synthesis:none;--muted: #87939f;--accent: #acdfd0;--line: #ffffff12}*{box-sizing:border-box}body{margin:0;overflow:hidden}#app{height:100svh;display:flex;flex-direction:column}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:none;background:none}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.icon{width:20px;height:20px;flex-shrink:0}.mono,.temperature,.weather-metrics strong{font-family:IBM Plex Mono,monospace}.signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px #acdfd033}.observation-clock{position:absolute;top:24px;left:28px;z-index:8;display:flex;flex-direction:column;align-items:flex-start;gap:7px;pointer-events:none;text-shadow:0 2px 8px #000}.observation-clock .eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.5px}.observation-clock time{font-size:clamp(24px,2.5vw,34px);letter-spacing:2px;line-height:1.2}.observation-clock>span{font-size:12px;color:#a2b1bd}.data-sources{position:absolute;z-index:10;bottom:16px;right:24px}.data-sources>summary{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #ffffff24;border-radius:8px;background:#101822a8;color:#b5c9d3;font-size:12px;cursor:pointer;list-style:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.data-sources>summary::-webkit-details-marker{display:none}.data-sources>summary:hover,.data-sources[open]>summary{border-color:#acdfd05c;color:var(--accent)}.data-sources>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.data-sources .icon{width:15px;height:15px}.sources-popover{position:absolute;bottom:calc(100% + 10px);right:0;width:min(330px,calc(100vw - 32px));max-height:min(480px,65svh);overflow-y:auto;padding:17px;border:1px solid #ffffff24;border-radius:12px;background:#101822eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 40px #0005;text-align:left;scrollbar-width:thin}.sources-popover>.eyebrow{margin-bottom:8px}.sources-popover a{display:flex;flex-direction:column;gap:4px;padding:10px 7px;border-radius:6px}.sources-popover a:hover{background:#acdfd010}.sources-popover strong{font-size:13px;font-weight:500;color:#d8ebe6}.sources-popover a>span{font-size:11px;line-height:1.6;color:#8fa2af}.workspace{position:relative;flex:1;min-height:0;overflow:hidden;isolation:isolate;--panel-width: 330px;--panel-gap: 24px}.planet{position:absolute;inset:0;isolation:isolate}.eyebrow{color:var(--muted);font-size:12px;font-weight:500;letter-spacing:2px}.scene{position:absolute;inset:0;overflow:hidden}.scene canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.scene canvas:active{cursor:grabbing}.scene-loading{position:absolute;inset:40% 15% auto;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;color:var(--muted);pointer-events:none}.loader{width:17px;height:17px;border:1px solid #ffffff20;border-top-color:var(--accent);border-radius:50%;display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.planet-side{position:absolute;top:45%;left:28px;display:flex;align-items:center;gap:14px;writing-mode:vertical-rl;color:#788391;font-size:12px;letter-spacing:3px;pointer-events:none}.planet-side span:first-child{font-family:IBM Plex Mono,monospace;font-size:16px}.planet-side i{width:1px;height:40px;background:#ffffff24}.view-tools{position:absolute;right:calc(var(--panel-width) + var(--panel-gap) * 2);top:24px;display:flex;gap:9px;pointer-events:none}.view-tools>button{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panels-collapsed .view-tools{right:24px}.icon-button{width:39px;height:39px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#a2adb8;background:#0b121b99;transition:.2s}.icon-button:hover,.icon-button.active{border-color:#acdfd05c;color:var(--accent);background:#acdfd00a}.scene-caption{position:absolute;bottom:142px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:11px;color:#83919f;font-size:12px;white-space:nowrap}.scene-caption i{width:2px;height:2px;background:#71828e}.layer-dock{position:absolute;left:calc((100% - var(--panel-width) - var(--panel-gap) * 2) / 2);bottom:56px;transform:translate(-50%);width:min(440px,calc(100% - var(--panel-width) - var(--panel-gap) * 3));text-align:center;z-index:8;pointer-events:none}.panels-collapsed .layer-dock{left:50%;width:min(440px,calc(100% - 32px))}.terrain-settings{border-top:1px solid #ffffff12;margin-top:6px;padding-top:6px}.terrain-control{display:grid;grid-template-columns:60px minmax(70px,1fr) 40px 54px;align-items:center;gap:8px;min-height:28px;margin:3px 0;font-size:12px}.terrain-control input[type=range]{width:100%;min-width:0;margin:0;accent-color:var(--accent);cursor:pointer}.terrain-control output{color:var(--accent);font-variant-numeric:tabular-nums}.terrain-control button{border:1px solid #acdfd035;border-radius:5px;padding:5px 3px;color:var(--accent);white-space:nowrap}.terrain-control button:hover{background:#acdfd012}.terrain-help{color:#899ca8;font-size:10px;margin-top:4px}.layer-buttons{display:flex;align-items:center;gap:4px;justify-content:center;padding:6px;border:1px solid #ffffff17;background:#101822d9;border-radius:12px;box-shadow:0 12px 40px #0002;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.layer-button{display:flex;align-items:center;gap:8px;font-size:14px;padding:10px 15px;border-radius:7px;color:#97a4b0;transition:.2s;white-space:nowrap}.layer-button:hover:not(:disabled){color:#e4e9ec;background:#ffffff07}.layer-button.active{color:var(--accent);background:#acdfd010}.layer-button .icon{width:17px;height:17px}.dock-separator{width:1px;height:22px;background:var(--line);margin:0 4px}.layer-note{position:absolute;top:100%;left:50%;transform:translate(-50%);width:max-content;max-width:100%;margin:8px 0 0;padding:4px 8px;border-radius:5px;background:#08121a66;font-size:11px;line-height:14px;color:#b5c9d3;text-shadow:0 1px 4px #000}.ir-legend{position:absolute;top:calc(100% + 38px);left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#c1d0da;text-shadow:0 1px 4px #000}.ir-legend i{width:80px;height:4px;background:linear-gradient(to right,#1a1a1a,#fff)}.ir-legend span:last-child{margin-left:7px}.sidebar{position:absolute;z-index:9;top:24px;right:var(--panel-gap);bottom:64px;width:var(--panel-width);display:flex;flex-direction:column;gap:17px;overflow-y:auto;scrollbar-width:none;border-radius:14px;pointer-events:none}.sidebar>*{flex-shrink:0}.weather-panel,.satellite-panel{border:1px solid #ffffff24;border-radius:14px;padding:22px;background:linear-gradient(135deg,#121c28b8,#1017209c);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #0003;pointer-events:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading .eyebrow{font-size:12px;letter-spacing:1.8px}.small-label{font-size:12px;color:#8897a5}.search-field{margin-top:19px;display:flex;align-items:center;gap:8px;border:1px solid #ffffff10;background:#080e1659;border-radius:7px;padding:9px 10px}.search-field .icon{width:16px;height:16px;color:#8493a1}.search-field input{width:100%;min-width:0;color:#dfe8ed;background:none;border:0;font-size:13px;padding:0}.search-field input::placeholder{color:#798895}.search-field button{flex-shrink:0;font-size:12px;color:var(--accent);padding:2px}.search-results{padding:10px;background:#152230;border:1px solid #ffffff20;border-radius:8px;font-size:14px;margin-top:7px}.search-results button{display:block;text-align:left;width:100%;padding:9px;border-radius:5px}.search-results button:hover{background:#ffffff08}.search-results span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.city-row{display:flex;align-items:center;justify-content:space-between;margin-top:22px}h2{margin:0;font-size:24px;font-weight:500;letter-spacing:1px}.coordinates{display:block;color:#80909f;font-size:12px;margin-top:8px}.location-symbol{border:1px solid #acdfd024;color:var(--accent);border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.location-symbol .icon{width:17px;height:17px}.temperature-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.temperature{font-size:76px;font-weight:400;letter-spacing:-6px;line-height:1.2}.temperature>span{font-size:56px;font-family:DM Sans,sans-serif;vertical-align:top;margin-left:4px}.condition{display:flex;flex-direction:column;gap:9px;align-items:center;font-size:14px;color:#bdc9d2}.condition .icon{width:36px;height:36px;color:#d6dcc4;stroke-width:1}.feels-like{color:#8c9caa;font-size:13px;margin-top:0}.feels-like span{margin:0 7px}.weather-metrics{display:grid;grid-template-columns:1fr 1fr;gap:17px 16px;margin-top:22px;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.weather-metrics>div{display:grid;grid-template-columns:19px 1fr;gap:5px 8px}.weather-metrics .icon{grid-row:1 / 4;width:16px;height:16px;margin-top:1px;color:#8195a2}.weather-metrics span{color:#8b9ba9;font-size:12px}.weather-metrics strong{font-size:20px;font-weight:400;line-height:1.4}.weather-metrics small{font-size:12px;color:#8b9ba9}.weather-metrics em{font-size:12px;color:#738493;font-style:normal}.forecast-heading{margin-top:17px;display:flex;justify-content:space-between;font-size:12px;color:#9baab6}.forecast-heading span:last-child{color:#718594}.forecast-details{margin-top:15px;border-bottom:1px solid var(--line);padding-bottom:11px;font-size:12px;color:#9baab6}.forecast-details summary{cursor:pointer}.forecast-details summary span{float:right;color:#718594}.forecast-chart{width:100%;display:block;height:70px;margin-top:5px}.forecast-times{display:flex;justify-content:space-between;color:#80909f;font-family:IBM Plex Mono,monospace;font-size:12px}.weather-source{display:flex;justify-content:space-between;color:#7e8e9d;font-size:12px;margin-top:18px}.city-presets{display:flex;justify-content:space-between;gap:4px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.city-presets button{padding:5px 9px;color:#99a9b5;font-size:13px;border-radius:5px}.city-presets button.selected{background:#acdfd012;color:var(--accent)}.city-presets button:hover{color:#e8edf0}.weather-loading{min-height:333px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:var(--muted);font-size:14px}.weather-loading.error button{color:var(--accent);border-bottom:1px solid #acdfd040;padding-bottom:5px}.weather-loading.location-empty{min-height:150px;text-align:center}.location-symbol:disabled{opacity:.45;cursor:wait}.satellite-panel{padding:19px 22px}.satellite-panel .panel-heading>.icon{color:#8a9ba9;width:17px;height:17px}.feed-title{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.feed-title h2{font-size:18px}.status-tag{padding:4px 7px;font-size:12px;color:var(--accent);background:#acdfd00a;border:1px solid #acdfd020;border-radius:4px}.status-tag.historical{color:#e0bf86;border-color:#e0bf8620;background:#e0bf860a}.feed-description{margin:7px 0 18px;font-size:12px;color:#7d909f}.feed-time{display:flex;flex-direction:column;gap:7px}.feed-time>span{font-size:12px;color:#7d909f}.feed-time strong{font-size:16px;font-weight:400;letter-spacing:1px}input[type=range]{width:100%;height:3px;accent-color:var(--accent);cursor:pointer;margin:19px 0 12px}.timeline-labels{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#80909f}.timeline-labels button{display:flex;align-items:center;gap:7px;padding:3px 0;color:var(--accent);font-size:12px}.timeline-labels .signal{width:4px;height:4px}.data-note{font-size:12px;color:#8b9ca9;line-height:1.8;margin:13px 0 0}.refresh-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:12px;color:#93a6b4;margin-top:12px;border-top:1px solid var(--line);padding:12px 0 0}.refresh-button .icon{width:14px;height:14px}.refresh-button:hover{color:var(--accent)}.sun-readout{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#10172099;border-radius:8px;text-shadow:0 1px 4px #000}.sun-readout>.icon{color:#cdb589;width:18px;height:18px}.sun-readout>div{display:flex;flex-direction:column;gap:5px}.sun-readout span{font-size:12px;color:#889baa}.sun-readout strong{font-size:12px;font-weight:400;color:#bac6d0}.sun-tag{margin-left:auto;white-space:nowrap}.notice{position:fixed;bottom:22px;left:50%;transform:translate(-50%);padding:13px 20px;border:1px solid #ffffff20;border-radius:8px;background:#182330f2;font-size:14px;color:#d6e2e9;z-index:10;max-width:calc(100% - 30px)}@media(min-width:961px)and (max-height:950px){.weather-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.weather-metrics>div{display:flex;flex-direction:column;gap:6px}.weather-metrics .icon,.weather-metrics em{display:none}.weather-metrics strong{font-size:18px;white-space:nowrap}.weather-metrics small{font-size:12px}.feed-description{display:none}.feed-time{margin-top:14px}.data-note{line-height:1.6}}@media(min-width:1200px)and (min-height:950px){.sidebar{gap:23px}.weather-panel{padding:27px}.satellite-panel{padding:23px 27px}}@media(max-height:900px){.sidebar{gap:13px}.weather-panel{padding:17px 20px}.satellite-panel{padding:16px 20px}.search-field{margin-top:13px}.city-row{margin-top:15px}.temperature{font-size:65px}.weather-metrics{margin-top:15px;padding:13px 0;gap:12px 16px}.forecast-chart{height:54px}.weather-source{margin-top:12px}.city-presets{margin-top:13px;padding-top:10px}.feed-description{margin-bottom:12px}.feed-title{margin-top:11px}.data-note{margin-top:9px}.sun-readout{display:none}}@media(max-width:1100px){.workspace{--panel-width: 310px;--panel-gap: 20px}.planet-side{display:none}.layer-button{padding:10px 11px}}@media(max-width:960px){.view-tools,.panels-collapsed .view-tools{top:16px;right:16px}.sidebar{top:70px;bottom:190px}.layer-dock{left:50%;width:min(440px,calc(100% - 32px))}}@media(max-width:580px){.workspace{--panel-width: min(310px, calc(100% - 28px) );--panel-gap: 14px}.view-tools{gap:7px}.icon-button{width:33px;height:33px}.icon-button .icon{width:17px;height:17px}.layer-button{font-size:13px;gap:6px}.layer-button .icon{width:16px;height:16px}.sidebar{bottom:205px}.weather-loading{min-height:260px}.ir-legend span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.scene-caption{display:none}.close-view .planet-side{visibility:hidden}.view-tools{z-index:8}.layer-controls{position:relative}.layer-controls-summary{margin:0 auto;padding:0;list-style:none;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.layer-controls-summary::-webkit-details-marker{display:none}.layer-controls-body{position:absolute;bottom:calc(100% + 10px);left:0;width:100%;padding:8px 12px;border:1px solid #ffffff24;background:#101822d9;border-radius:12px;box-shadow:0 12px 40px #0003;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.base-row,.overlay-row{display:flex;align-items:center;gap:14px}.control-label{color:#8294a3;font-size:12px;flex-shrink:0}.base-row .layer-buttons{flex:1;border:0;box-shadow:none;padding:0;background:#080e1666}.base-row .layer-button{flex:1;justify-content:center;padding:9px 11px}.overlay-row{padding-top:12px;padding-bottom:4px;flex-wrap:wrap;row-gap:9px}.overlay-switch small{font-size:10px;color:#8195a2}.overlay-switch{display:inline-flex;align-items:center;gap:7px;color:#b5c5cc;font-size:12px;cursor:pointer;white-space:nowrap}.overlay-switch input{position:absolute;width:1px;height:1px;opacity:0}.switch-track{width:26px;height:15px;background:#40505b;border-radius:20px;position:relative}.switch-track:after{content:"";position:absolute;left:3px;top:3px;width:9px;height:9px;border-radius:50%;background:#a9b6bf;transition:.15s}.overlay-switch input:checked+.switch-track{background:#79b8a899}.overlay-switch input:checked+.switch-track:after{transform:translate(11px);background:#d5f7ec}.overlay-switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:3px}.overlay-switch:has(input:disabled){opacity:.4;cursor:wait}.cloud-settings{display:flex;align-items:center;gap:10px;padding:9px 0 2px 38px;font-size:11px;color:#8c9faa}.cloud-settings label{white-space:nowrap}.cloud-settings input{margin:0;height:3px;width:100%}.cloud-settings span{min-width:30px;font-family:IBM Plex Mono,monospace}#cloud-settings[hidden]{display:flex!important;visibility:hidden;pointer-events:none}#cloud-option[hidden],#night-option[hidden]{display:inline-flex!important;visibility:hidden;pointer-events:none}.place-context{font-size:12px;color:#859ba6;line-height:1.6;margin:7px 0 0}.geo-labels{position:absolute;inset:0;pointer-events:none}.geo-load-status{position:absolute;left:12px;top:150px;z-index:6;pointer-events:none;font-size:11px;color:#a9c2c9;padding:6px 9px;border-radius:5px;background:#101e2ca8}.selection-marker{position:absolute;left:0;top:0;z-index:5;width:20px;height:20px;border:2px solid #b2f3e6;border-radius:50%;background:#08121a40;box-shadow:0 0 0 1px #08121a99,0 0 8px #b2f3e640;pointer-events:none;will-change:transform}.selection-marker:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#d5fff4;transform:translate(-50%,-50%)}.geo-label{position:absolute;transform:translate(-50%,-50%);font-size:12px;white-space:nowrap;padding:4px 7px;border-radius:4px;color:#e2eeef;text-shadow:0 1px 3px #000,0 0 6px #000;pointer-events:auto;background:#08121a30}.geo-label.country{font-size:13px;letter-spacing:2px;color:#dae9e7}.geo-label.region{color:#cce0df}.geo-label.place{color:#d7f7ed;background:#08121a70;padding-left:10px}.geo-label.place:before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%)}.geo-label.county,.geo-label.locality{color:#cbdedc;font-size:11px}.geo-label.district{color:#b8cdcc;font-size:11px;background:#08121a45}.geo-label.district:before,.geo-label.locality:before{width:3px;height:3px;background:#aec9c5}.geo-label:hover{background:#101e2cd9;color:#fff}.geo-tooltip{position:absolute;pointer-events:none;z-index:6;background:#101e2cf2;border:1px solid #acdfd035;color:#cfe5df;font-size:12px;max-width:205px;border-radius:5px;padding:7px 10px}.tile-attribution{position:absolute;left:7px;bottom:5px;max-width:calc(100% - 130px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#cad9df;background:#08121ac9;padding:4px 6px;border-radius:3px;font-size:10px;z-index:7}.geo-label{left:0;top:0;will-change:transform}@media(max-width:960px){.layer-controls-body{max-height:min(45svh,340px);overflow-y:auto;overscroll-behavior:contain;padding:4px 12px 12px;scrollbar-width:thin}}@media(max-width:580px){.observation-clock{top:18px;left:16px}.observation-clock>span{font-size:11px}.view-tools,.panels-collapsed .view-tools{top:102px}.sidebar{top:148px}.data-sources{right:16px;bottom:16px}.layer-dock{bottom:96px}.base-row,.overlay-row{gap:11px}.layer-controls-body{padding:4px 10px 10px}.layer-note{font-size:11px}.cloud-settings{padding-left:34px}.base-row .layer-button{padding:9px}}