:root{--bg1:#071116;--bg2:#071922;--card:rgba(15, 27, 32, 0.95);--muted:#9fb3b8;--muted2:#70888f;--accent:#33d6df;--accent2:#7be495;--glass:rgba(255, 255, 255, 0.035);--text:#eaf7f8;--border:rgba(255, 255, 255, 0.075);--border2:rgba(255, 255, 255, 0.14);--shadow:0 18px 50px rgba(2, 6, 12, 0.48)}:root[data-theme=light]{--bg1:#f3f7f6;--bg2:#eef6f5;--card:rgba(251, 253, 252, 0.97);--muted:#3f5561;--muted2:#71858d;--accent:#00686e;--accent2:#09744a;--glass:rgba(2, 10, 12, 0.045);--text:#072022;--border:rgba(2, 20, 20, 0.09);--border2:rgba(2, 20, 20, 0.16);--shadow:0 12px 34px rgba(2, 6, 12, 0.09)}*,:after,:before{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--bg1)}body{user-select:none;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}#globe-map,#map-2d{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden}#map-2d{display:block;z-index:2;background:var(--bg1)}#globe-map{display:none;z-index:1;background:#03080b}#map-2d .leaflet-container{width:100%;height:100%;background:var(--bg1);font:inherit}.leaflet-control-attribution{font-size:8px;opacity:.72}.leaflet-control-zoom{margin:8px!important}.leaflet-control-zoom a{width:32px!important;height:32px!important;line-height:32px!important}.leaflet-bar{border:1px solid var(--border)!important;border-radius:10px!important;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.15)!important}.leaflet-bar a{background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important}.leaflet-bar a:hover{background:var(--glass)!important}.leaflet-tile{display:block}.cesium-viewer-animationContainer,.cesium-viewer-fullscreenContainer,.cesium-viewer-geocoderContainer,.cesium-viewer-navigationHelpButton,.cesium-viewer-timelineContainer{display:none!important}.cesium-widget-credits{font-size:9px!important;opacity:.72}header{position:fixed;top:0;left:0;right:0;height:60px;z-index:1100;padding:0 14px;display:flex;align-items:center;gap:10px;background:rgba(7,17,22,.84);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}:root[data-theme=light] header{background:rgba(243,247,246,.93)}.logo-link{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 2px 8px rgba(0,0,0,.14);text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.logo-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.18)}.logo-image{width:100%;height:100%;padding:3px;object-fit:contain;background:#fff}.logo-placeholder{color:#071116;font-size:8px;font-weight:900}.header-brand{min-width:120px;max-width:230px;flex:0 1 auto;display:flex;flex-direction:column;gap:2px}.header-title{font-size:.88rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-subtitle{font-size:.6rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-search{position:relative;display:flex;align-items:center;flex:1 1 300px;min-width:0;max-width:430px;margin-left:auto;margin-right:0}.header-search-wrapper{position:relative;display:flex;align-items:center;width:100%;min-width:0;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--glass);transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.header-search-wrapper:focus-within{border-color:rgba(51,214,223,.42);background:rgba(255,255,255,.055);box-shadow:0 0 0 3px rgba(51,214,223,.08)}.header-search-icon{position:absolute;left:10px;width:16px;height:16px;pointer-events:none;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#city-search-input{width:100%;min-width:0;height:100%;padding:0 38px 0 33px;border:0;outline:0;background:0 0;color:var(--text);font-size:11px;font-weight:600}#city-search-input::placeholder{color:var(--muted);opacity:.82}#city-search-input:focus{outline:0}#city-search-input::-webkit-search-cancel-button{margin-right:1px;opacity:.55}.header-search-location{position:absolute;top:50%;right:4px;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);border:0;border-radius:7px;background:0 0;color:var(--muted);transition:background-color .14s ease,color .14s ease,transform .12s ease}.header-search-location:hover{background:rgba(255,255,255,.07);color:var(--text)}.header-search-location:active{transform:translateY(-50%) scale(.94)}.header-search-location svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.awesomplete{position:relative;display:block!important;width:100%!important;min-width:0}.search-suggestions-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1600;width:100%;max-height:min(420px,60vh);margin:0;padding:5px;overflow-x:hidden;overflow-y:auto;list-style:none;border:1px solid var(--border);border-radius:11px;background:var(--card);box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.search-suggestions-menu li{margin:0;padding:0;border-radius:7px;cursor:pointer;transition:background-color .12s ease}.search-suggestions-menu li.active,.search-suggestions-menu li:hover{background:rgba(51,214,223,.09)}.google-suggestion{display:flex;align-items:center;gap:8px;min-width:0;min-height:41px;padding:6px 8px}.suggest-icon{flex:0 0 14px;width:14px;height:14px}.suggest-city{min-width:0;overflow:hidden;color:var(--text);font-size:11px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.suggest-city strong{font-weight:900}.suggest-location{min-width:0;max-width:45%;margin-left:auto;overflow:hidden;color:var(--muted);font-size:9px;white-space:nowrap;text-overflow:ellipsis}.header-nav{display:flex;align-items:center;gap:5px;flex:0 0 auto;margin-left:auto}.btn-icon,.city-panel-close,.controls-panel-toggle,.mini-restore-btn,.mode-btn,.nav-btn{border:1px solid var(--border);background:var(--glass);color:var(--text)}.nav-btn{height:34px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;font-size:10px;font-weight:800;white-space:nowrap;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .12s ease}.nav-btn:hover{background:rgba(255,255,255,.06);border-color:var(--border2)}.nav-btn:active{transform:scale(.97)}.nav-btn.primary{border-color:rgba(51,214,223,.35);background:rgba(51,214,223,.08);color:var(--accent)}.nav-icon{font-size:14px;line-height:1}.header-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}.btn-ghost{width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--glass);color:var(--text);transition:background-color .14s ease,border-color .14s ease,transform .12s ease}.btn-ghost:hover{background:rgba(255,255,255,.07);border-color:var(--border2)}.btn-ghost:active{transform:scale(.96)}.btn-ghost svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#themeToggle .theme-icon{display:none!important}#themeToggle[data-theme-mode=auto] .icon-auto,#themeToggle[data-theme-mode=dark] .icon-dark,#themeToggle[data-theme-mode=light] .icon-light{display:block!important}.map-style-wrap{position:fixed;top:74px;left:14px;z-index:1050;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px;border:1px solid var(--border);border-radius:12px;background:rgba(7,17,22,.8);box-shadow:0 8px 24px rgba(0,0,0,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}:root[data-theme=light] .map-style-wrap{background:rgba(251,253,252,.92)}.map-mode-buttons{display:flex;flex-direction:column;gap:3px;padding:3px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(15,23,42,.72)}.map-mode-buttons .btn-icon{width:38px;height:32px;border:0;border-radius:7px;color:rgba(255,255,255,.72);font-size:11px;font-weight:700;transition:background-color .14s ease,color .14s ease,transform .12s ease}.map-mode-buttons .btn-icon:hover{background:rgba(255,255,255,.08);color:#fff}.map-mode-buttons .btn-icon.active{background:#2563eb;color:#fff}:root[data-theme=light] .map-mode-buttons{background:rgba(255,255,255,.88);border-color:rgba(15,23,42,.12)}:root[data-theme=light] .map-mode-buttons .btn-icon{color:rgba(15,23,42,.68)}.map-style-option{width:38px;height:34px;padding:0;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;background:0 0;color:var(--muted);transition:background-color .14s ease,color .14s ease}.map-style-option:hover{background:rgba(255,255,255,.08);color:var(--text)}.map-style-option.active{background:var(--accent);color:#061316}.map-style-option svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.map-attribution{position:absolute;right:6px;bottom:2px;left:auto;z-index:900;display:flex;align-items:center;gap:4px;max-width:calc(100% - 12px);padding:2px 5px;color:rgba(255,255,255,.72);background:rgba(0,0,0,.32);border:0;border-radius:3px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);font:400 8px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;pointer-events:none;user-select:none}.map-attribution-separator{opacity:.45}@media (max-width:768px){.map-attribution{right:4px;bottom:1px;left:auto;max-width:calc(100% - 8px);gap:3px;padding:2px 4px;font-size:7px;line-height:1.1;justify-content:flex-end;text-align:right}}.city-panel{position:fixed;top:74px;right:14px;z-index:1400;width:min(340px,calc(100vw - 28px));padding:15px;border:1px solid var(--border);border-radius:17px;background:var(--card);box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateX(calc(100% + 22px));opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease}.city-panel.open{transform:translateX(0);opacity:1;pointer-events:auto}.city-panel-header{display:flex;align-items:center;justify-content:space-between;gap:9px;padding-bottom:10px;border-bottom:1px solid var(--border)}.city-panel-title{min-width:0}.city-panel-name{font-size:.98rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-panel-meta{margin-top:3px;color:var(--muted);font-size:.66rem}.city-panel-close{width:30px;height:30px;border-radius:8px;font-size:17px;transition:background-color .14s ease,border-color .14s ease,transform .12s ease}.city-panel-close:hover{background:rgba(255,255,255,.07);border-color:var(--border2)}.city-panel-close:active{transform:scale(.94)}.city-panel-weather{display:flex;align-items:center;gap:12px;padding:14px 0}.city-panel-icon{width:78px;height:78px;object-fit:contain}.city-panel-temperature{font-size:2rem;font-weight:800;line-height:1}.city-panel-condition{margin-top:6px;color:var(--muted);font-size:.76rem;font-weight:650}.city-panel-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.city-detail{padding:9px;border:1px solid var(--border);border-radius:9px;background:var(--glass)}.city-detail-label{color:var(--muted2);font-size:.6rem;text-transform:uppercase}.city-detail-value{margin-top:4px;font-size:.76rem;font-weight:700}.city-panel-link{display:flex;align-items:center;justify-content:center;width:100%;margin-top:11px;padding:10px 12px;border:1px solid var(--accent);border-radius:9px;background:rgba(51,214,223,.09);color:var(--accent);text-decoration:none;font-size:.71rem;font-weight:800;transition:background-color .14s ease,transform .12s ease}.city-panel-link:hover{background:rgba(51,214,223,.15)}.city-panel-link:active{transform:scale(.985)}.city-panel-link[hidden]{display:none}.status{position:fixed;top:72px;left:50%;z-index:1300;transform:translateX(-50%);padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--card);box-shadow:var(--shadow);color:var(--muted);font-size:10px;opacity:0;pointer-events:none;transition:opacity .14s ease}.status.show{opacity:1}.loading-indicator{position:fixed;left:50%;top:50%;z-index:1250;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .14s ease}.loading-indicator.show{opacity:1}.loading-card{display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:rgba(6,14,18,.84);color:rgba(255,255,255,.8);font-size:9px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.spinner{width:11px;height:11px;border:2px solid rgba(255,255,255,.14);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.camera-controls{position:fixed;right:14px;top:124px;z-index:1000;display:flex;flex-direction:column;gap:5px}.camera-controls .btn-icon{background:rgba(7,17,22,.72)}.controls-panel{position:fixed;left:50%;bottom:12px;z-index:1200;width:min(900px,calc(100vw - 24px));padding:13px 15px;border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateX(-50%)}.controls-panel-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.controls-panel-title{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.controls-panel-toggle{margin-left:auto;width:29px;height:29px;border-radius:8px;transition:background-color .14s ease,border-color .14s ease}.controls-panel-toggle:hover{background:rgba(255,255,255,.07);border-color:var(--border2)}.controls-panel-body{overflow:hidden}.mode-row{display:flex;align-items:center;gap:7px}.mode-btn{padding:7px 12px;border-radius:9px;color:var(--muted);font-size:10px;font-weight:800;transition:background-color .14s ease,color .14s ease,border-color .14s ease}.mode-btn:hover{background:rgba(255,255,255,.06);color:var(--text)}.mode-btn.active{background:var(--accent);border-color:var(--accent);color:#061316}.range-badge{margin-left:auto;padding:6px 9px;border:1px solid rgba(53,214,223,.16);border-radius:999px;background:rgba(53,214,223,.08);color:var(--accent);font-size:9px;font-weight:800}.range-dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:currentColor}.frame-info{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.frame-kind{color:var(--muted);font-size:8px;text-transform:uppercase}.frame-time{color:var(--text);font-size:11px;font-weight:800;text-align:right;font-family:monospace}.timeline-box{position:relative;margin-top:8px}.timeline-top{display:flex;justify-content:space-between;margin-bottom:4px}.timeline-caption,.timeline-caption-right{font-size:8px}.timeline-caption{color:var(--muted);font-weight:800;text-transform:uppercase}.timeline-caption-right{color:var(--muted2)}.timeline-days{position:absolute;left:0;right:0;top:18px;height:22px;display:flex;pointer-events:none}.timeline-day{flex:1;border-left:1px solid rgba(255,255,255,.1)}.timeline-day:first-child{border-left:0}.timeline-day-label{position:relative;top:-10px;left:4px;color:var(--muted2);font-size:7px;font-weight:800}.timeline-slider{width:100%;height:32px;accent-color:var(--accent)}.play-row{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;margin-top:6px}.play-btn{width:36px;height:36px;border:0;border-radius:10px;background:var(--accent2);color:#071116;font-weight:900;transition:transform .12s ease,filter .12s ease}.play-btn:hover{filter:brightness(1.04)}.play-btn:active{transform:scale(.96)}.play-btn:disabled{opacity:.35}.slider-value{min-width:54px;height:30px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:var(--glass);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;font-family:monospace}.legend{margin-top:7px;padding-top:7px;border-top:1px solid var(--border)}.legend-head{display:flex;justify-content:space-between;margin-bottom:4px;color:var(--muted);font-size:9px}.legend-name{color:var(--text);font-weight:800}.legend-unit{color:var(--muted2)}.legend-bar,.mini-legend-bar{border-radius:999px;background:linear-gradient(90deg,rgba(0,0,0,0),#33d6df 25%,#7be495 50%,#ffe66d 72%,#ff7b72 86%,#d946ef 100%)}.legend-bar{width:100%;height:7px}.legend-scale{display:flex;justify-content:space-between;margin-top:3px;color:var(--muted2);font-size:7px;font-family:monospace}.controls-panel-mini{display:none;align-items:center;gap:9px}.controls-panel.minimized{width:min(720px,calc(100vw - 24px));padding:8px 10px;border-radius:13px}.controls-panel.minimized .controls-panel-body,.controls-panel.minimized .controls-panel-head{display:none}.controls-panel.minimized .controls-panel-mini{display:flex}.mini-play-btn{width:32px;height:32px;border:0;border-radius:9px;background:var(--accent2);color:#071116}.mini-timeline{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.mini-timeline-label{min-width:42px;color:var(--muted);font-size:7px;font-weight:800;font-family:monospace}.mini-timeline input{width:100%;min-width:80px;accent-color:var(--accent)}.mini-legend{display:flex;align-items:center;gap:7px;flex:0 0 min(240px,28vw)}.mini-legend-name{color:var(--muted);font-size:7px;font-weight:800}.mini-legend-bar{width:100px;height:5px}.mini-legend-unit{color:var(--muted2);font-size:6px}.mini-restore-btn{width:28px;height:28px;border-radius:8px;transition:background-color .14s ease,border-color .14s ease}.mini-restore-btn:hover{background:rgba(255,255,255,.07);border-color:var(--border2)}@media (max-width:1100px){header{gap:8px}.header-brand{max-width:190px}.header-search{flex-basis:260px;max-width:360px}.nav-btn{padding:0 8px}}@media (max-width:768px){header{height:54px;padding:0 8px;gap:6px}.logo-link{width:36px;height:36px;flex:0 0 36px}.logo-image{padding:2px}.header-brand{display:none}.header-search{flex:1 1 auto;width:auto;min-width:0;max-width:none;margin:0}.header-search-wrapper{height:34px;border-radius:9px}.header-search-icon{left:9px;width:15px;height:15px}#city-search-input{padding:0 34px 0 29px;font-size:10px}.header-search-location{right:3px;width:27px;height:27px}.header-search-location svg{width:15px;height:15px}.header-nav{gap:4px;margin-left:0}.nav-btn{width:32px;height:32px;padding:0}.nav-btn .nav-text{display:none}.nav-icon{font-size:14px}.header-actions{gap:3px}.btn-ghost{width:32px;height:32px}.search-suggestions-menu{top:calc(100% + 5px);left:-4px;right:-4px;width:auto;max-height:55vh;padding:4px;border-radius:10px}.google-suggestion{min-height:40px;padding:6px 7px;gap:7px}.suggest-city{font-size:10px}.suggest-location{max-width:42%;font-size:8px}.map-style-wrap{left:8px;top:61px;padding:3px}.map-style-option{width:34px;height:31px}.map-mode-buttons{gap:3px;padding:3px}.map-mode-buttons .btn-icon{width:34px;height:30px}.camera-controls{top:102px;right:8px}.controls-panel{width:calc(100vw - 12px);bottom:6px;padding:9px 10px;border-radius:13px}.timeline-hours{display:none}.city-panel{top:59px;right:7px;width:calc(100vw - 14px)}.status{top:61px}}@media (max-width:480px){header{padding:0 6px;gap:5px}.logo-link{width:34px;height:34px;flex-basis:34px}.header-search{min-width:0}.header-search-wrapper{height:33px}#city-search-input{padding-left:28px;padding-right:32px;font-size:10px}#city-search-input::placeholder{opacity:.7}.header-search-location{width:25px;height:25px}.header-nav{gap:3px}.nav-btn{width:30px;height:31px}.header-actions{gap:2px}.btn-ghost{width:30px;height:31px}.search-suggestions-menu{left:-8px;right:-8px;max-height:52vh}.suggest-location{display:none}.google-suggestion{min-height:39px}.suggest-city{font-size:10px}.range-badge{display:none}.mini-legend-name,.mini-legend-unit,.mini-timeline-label{display:none}.mini-legend{flex-basis:82px}}@media (max-width:360px){header{gap:4px;padding:0 5px}.logo-link{width:32px;height:32px;flex-basis:32px}.header-search-wrapper{height:32px}#city-search-input{font-size:9px}.header-search-icon{left:8px;width:14px;height:14px}#city-search-input{padding-left:26px;padding-right:30px}.header-search-location{width:24px;height:24px;right:3px}.nav-btn{width:28px;height:30px}.btn-ghost{width:29px;height:30px}.btn-ghost svg{width:18px;height:18px}}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,::after,::before{scroll-behavior:auto!important;animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}