.earth-data-panel{position:relative;overflow:hidden;padding:28px;margin-top:18px}
.earth-data-panel:after{content:"";position:absolute;right:-70px;top:-100px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(54,208,255,.16),transparent 68%);pointer-events:none}
.earth-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;position:relative;z-index:1}
.earth-tabs{display:flex;gap:5px;width:max-content;max-width:100%;padding:5px;margin:22px 0 18px;border:1px solid var(--line);border-radius:14px;background:#061522;overflow-x:auto}
.earth-tabs button{border:0;border-radius:10px;padding:9px 16px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer}
.earth-tabs button.active{color:#061522;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 7px 20px #4fc3ff2c}
.earth-view[hidden]{display:none!important}
.earth-current{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.earth-current article{min-width:0;padding:14px;border:1px solid rgba(145,205,238,.14);border-radius:15px;background:linear-gradient(145deg,rgba(22,52,75,.62),rgba(5,20,33,.58))}
.earth-current article span{display:flex;align-items:center;justify-content:space-between;gap:7px;color:var(--muted);font-size:11px}.earth-current article i{font-style:normal;font-size:17px}
.earth-current article strong{display:block;margin-top:5px;font-size:20px;letter-spacing:-.4px}.earth-current article small{margin-top:2px}
.earth-skeleton{height:88px;border-radius:15px;background:linear-gradient(100deg,#ffffff05 20%,#ffffff0d 40%,#ffffff05 60%);background-size:250% 100%;animation:earthLoading 1.5s infinite}
@keyframes earthLoading{to{background-position:-250% 0}}
.earth-history-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:6px 0 10px}.earth-history-head>div{display:flex;flex-direction:column}.earth-history-head small{color:var(--cyan);font-weight:800;letter-spacing:1px}.earth-history-head strong{font-size:17px}.earth-history-head span{color:var(--muted);font-size:11px}.earth-history-head select{max-width:230px;padding:9px 34px 9px 12px;border:1px solid var(--line);border-radius:11px;background:#0b2032;color:white;font:inherit;font-size:12px}
.earth-chart{height:190px;display:flex;align-items:flex-end;gap:4px;padding:18px 8px 5px;border:1px solid var(--line);border-radius:16px;background:repeating-linear-gradient(to bottom,#ffffff08 0 1px,transparent 1px 46px),linear-gradient(180deg,#07192888,#06101d44);overflow:hidden}
.earth-chart p{align-self:center;margin:auto;color:var(--muted);font-size:12px}.earth-bar{position:relative;flex:1;min-width:3px;max-width:22px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--cyan),#278cff);box-shadow:0 0 10px #35aaff22;transition:height .25s}.earth-bar.missing{height:3px!important;background:#ffffff18;box-shadow:none}.earth-bar:hover:after{content:attr(data-label);position:absolute;z-index:5;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:max-content;padding:5px 7px;border-radius:7px;background:#020a12;color:white;font-size:10px;box-shadow:0 7px 20px #0009}
.earth-chart-range,.earth-map-meta{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:var(--muted);font-size:10px}.earth-chart-range span:nth-child(2){text-align:center}
.earth-layer-picker{display:flex;gap:7px;overflow-x:auto;margin-bottom:12px;padding-bottom:2px}.earth-layer-picker button{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:#ffffff05;color:var(--muted);font:inherit;font-size:11px;cursor:pointer}.earth-layer-picker button.active{border-color:#54d8df66;background:#54d8df12;color:white}
.earth-satellite-map{height:390px;border:1px solid var(--line);border-radius:17px;background:#081522;overflow:hidden}.earth-satellite-map .leaflet-control-attribution{font-size:8px!important}
.earth-data-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.earth-data-summary>div{padding:15px;border:1px solid rgba(145,205,238,.14);border-radius:15px;background:rgba(4,18,32,.38)}.earth-data-summary small{margin-bottom:5px}.earth-data-summary strong{font-size:1.15rem}
.earth-source-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.earth-source-item{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#ffffff04}.earth-source-item>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#4fc3ff12;font-size:17px}.earth-source-item div{min-width:0}.earth-source-item strong,.earth-source-item small{display:block}.earth-source-item small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.earth-source-item b{margin-left:auto;color:var(--cyan);font-size:10px}.earth-source-link{margin:16px 0 0}.earth-data-panel[data-state="degraded"] .pill{color:#ffd28a}
@media(max-width:800px){.earth-data-panel{padding:21px}.earth-current{grid-template-columns:1fr 1fr}.earth-satellite-map{height:330px}}
@media(max-width:560px){.earth-title-row{align-items:flex-start}.earth-title-row .pill{flex:none}.earth-tabs{width:100%}.earth-tabs button{flex:1;padding-inline:10px}.earth-current{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-4px;padding:0 4px 5px}.earth-current article,.earth-skeleton{flex:0 0:76%;scroll-snap-align:start}.earth-history-head{align-items:stretch;flex-direction:column}.earth-history-head select{max-width:none;width:100%}.earth-chart{height:165px;gap:3px}.earth-data-summary,.earth-source-list{grid-template-columns:1fr}.earth-satellite-map{height:290px}.earth-chart-range span:nth-child(2){display:none}}