:root{color:#e4eaf2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--background:#0b1018;--panel:#111a26;--border:#253447;--muted:#8293a8;--accent:#62d9c3;background:#0b1018;font-family:DejaVu Sans,sans-serif}*{box-sizing:border-box}body{background:var(--background);min-width:320px;min-height:100vh;margin:0}button{font:inherit}#app{place-items:center;width:100%;min-height:100vh;display:grid}.observatory{aspect-ratio:5/3;background:var(--background);border:1px solid var(--border);grid-template-rows:42px minmax(0,1fr) 62px 24px;gap:0;width:min(100vw,800px);height:min(100vh,480px);display:grid;overflow:hidden}.topbar,.footer{justify-content:space-between;align-items:center;padding:0 16px;display:flex}.topbar{border-bottom:1px solid var(--border);letter-spacing:1.2px;background:#101722;font-size:10px}.brand{align-items:center;gap:9px;font-weight:700;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #62d9c355}.system-status,.footer{color:var(--muted);letter-spacing:.8px;font-size:9px}.viewport{background:#101722 0 0/32px 32px;place-items:center;display:grid;position:relative;overflow:hidden;container-type:size}.map-frame{aspect-ratio:2;width:min(100%,200cqh);box-shadow:0 0 0 1px var(--border);background:#102433;place-items:center;display:grid;position:relative;overflow:hidden}#earth-map{background:#102433;width:100%;height:100%;display:block;position:absolute;inset:0}.placeholder{text-align:center;padding:20px}.placeholder-label{color:var(--accent);letter-spacing:2px;font-size:9px}.placeholder h1{letter-spacing:2px;margin:16px 0 8px;font-size:clamp(20px,4vw,30px);font-weight:500}.placeholder p{color:var(--muted);font-size:11px}.coordinates{color:#65778d;letter-spacing:1px;margin-top:20px;font-size:9px;display:inline-block}.map-overlay{color:#65778d;letter-spacing:1px;font-size:9px;position:absolute}.top-left{top:12px;left:14px}.bottom-right{bottom:12px;right:14px}.navigation{border-top:1px solid var(--border);background:#101722;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mode-button{border:0;border-right:1px solid var(--border);color:var(--muted);cursor:pointer;letter-spacing:.8px;text-align:left;background:0 0;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:0 16px;font-size:10px;display:flex}.mode-button:last-child{border-right:0}.mode-number{color:#607186;font-size:9px}.mode-button.selected{color:var(--accent);box-shadow:inset 0 -3px var(--accent);background:#182a35}.mode-button:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.footer{border-top:1px solid var(--border)}@media (width<=520px){.topbar,.footer{padding-inline:9px}.mode-button{padding-inline:9px;font-size:9px}}.map-control{z-index:2;color:#d6e7ed;font:inherit;letter-spacing:.08em;cursor:pointer;touch-action:manipulation;background:#102433;border:1px solid #526d7a;border-radius:3px;padding:10px 12px;font-size:11px;position:absolute;top:12px;right:12px}.map-control:hover{background:#203d4d}.map-control:focus-visible{outline-offset:2px;outline:2px solid #91b1bd}.storm-panel{box-sizing:border-box;z-index:5;color:#e7f1f5;opacity:1;will-change:transform, opacity;background:#081622f7;width:240px;font-family:inherit;transition:transform .25s,opacity .25s;position:absolute;top:0;bottom:0;overflow-y:auto;transform:translate(0)}.storm-panel--left{border-left:none;border-right:1px solid #456575;left:0;right:auto}.storm-panel--right{border-left:1px solid #456575;border-right:none;left:auto;right:0}.storm-panel--closed.storm-panel--left{opacity:0;pointer-events:none;transform:translate(-100%)}.storm-panel--closed.storm-panel--right{opacity:0;pointer-events:none;transform:translate(100%)}.storm-panel__header{border-bottom:1px solid #294451;justify-content:space-between;align-items:flex-start;gap:8px;padding:16px 12px 12px;display:flex}.storm-panel__eyebrow,.storm-panel__label{color:#8daab7;letter-spacing:1px;font-size:10px}.storm-panel__header h2{margin:5px 0 0;font-size:17px;line-height:1.2}.storm-panel__close{color:#c5d6df;font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:25px}.storm-panel__content{padding:12px}.storm-panel__category{color:#ff9f43;letter-spacing:.7px;margin-bottom:16px;font-size:12px;font-weight:700}.storm-panel__stat{flex-direction:column;gap:5px;margin-bottom:16px;display:flex}.storm-panel__stat strong{font-size:15px;font-weight:500}.storm-panel__updated{color:#8daab7;letter-spacing:.5px;border-top:1px solid #294451;margin-top:8px;padding-top:10px;font-size:10px}.ozone-legend{z-index:3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:1;background:#08101861;border:1px solid #a0b4c329;border-radius:3px;width:max-content;padding:7px;transition:opacity .18s,left .18s,right .18s;position:absolute;top:50%;transform:translateY(-50%)}.ozone-legend--left{left:12px;right:auto}.ozone-legend--right{left:auto;right:12px}.ozone-legend__toggle{color:#e4eaf2;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.ozone-legend__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ozone-legend__heading{letter-spacing:.5px;flex-direction:column;gap:3px;margin-bottom:9px;font-size:10px;font-weight:600;display:flex}.ozone-legend__heading span{color:var(--muted);font-weight:400}.ozone-legend__body{align-items:stretch;gap:7px;height:138px;display:flex}.ozone-legend__scale{background:linear-gradient(#ad0056 0%,#ef674c 17%,#ffae5f 34%,#f8e68c 51%,#c5e69c 68%,#88c9a8 84%,#319bb6 100%);border:1px solid #ffffff40;flex:0 0 12px}.ozone-legend__ticks{color:#e4eaf2;font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;justify-content:space-between;font-size:12px;display:flex}.ozone-legend__units{color:var(--muted);text-align:right;margin-top:9px;font-size:8px;display:block}.ozone-legend--hidden{opacity:0;visibility:hidden;pointer-events:none}.map-gutter{color:#65778d;font-variant-numeric:tabular-nums;pointer-events:none;z-index:1;flex-direction:column;justify-content:space-between;width:calc(50% - min(100%,200cqh)/2);height:min(88.8889cqh,44.4445cqw);font-size:9px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.map-gutter--left{align-items:flex-end;padding-right:7px;left:0}.map-gutter--right{align-items:flex-start;padding-left:7px;right:0}.ozone-timeline{z-index:4;color:#e4eaf2;font-variant-numeric:tabular-nums;width:max-content;max-width:calc(100% - 16px);position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.ozone-timeline--hidden{display:none}.ozone-timeline__controls{border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#081018b8;border-radius:4px;justify-content:space-between;align-items:stretch;gap:4px;width:218px;padding:4px;display:flex}.ozone-timeline__arrow{flex:0 0 44px;place-items:center;width:44px;min-width:44px;min-height:44px;font-size:26px;line-height:1;display:grid}.ozone-timeline__controls button{appearance:none;color:#d6e7ed;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:3px;padding:0;transition:background-color .12s,color .12s,opacity .12s}.ozone-timeline__controls button:hover:not(:disabled){background:#203d4d}.ozone-timeline__controls button:active:not(:disabled){background:#294b5b}.ozone-timeline__controls button:disabled{color:var(--muted);opacity:.35;cursor:default;opacity:.35;cursor:default;background:0 0}.ozone-timeline__date{flex-direction:column;flex:0 0 112px;justify-content:center;align-items:center;gap:2px;padding:2px 8px;display:flex}#ozone-month-label{letter-spacing:.5px;white-space:nowrap;font-size:12px;font-weight:600}.ozone-timeline__hint{color:var(--muted);letter-spacing:1px;font-size:8px}.ozone-timeline button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ozone-timeline__expanded{border:1px solid var(--border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#081018e0;border-radius:4px;width:min(310px,100cqw - 16px);padding:12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.ozone-timeline__expanded[hidden]{display:none}.ozone-timeline__header{color:var(--muted);letter-spacing:1px;justify-content:space-between;align-items:center;gap:12px;font-size:9px;display:flex}.ozone-timeline__latest{border:1px solid var(--border);min-width:68px;min-height:44px;color:var(--accent);letter-spacing:.5px;cursor:pointer;touch-action:manipulation;background:#111a26;border-radius:3px;padding:0 10px;font-size:10px}.ozone-timeline__year-readout{color:var(--muted);letter-spacing:.8px;justify-content:space-between;align-items:center;margin-top:8px;font-size:10px;display:flex}.ozone-timeline__year-readout strong{color:#e4eaf2;font-size:14px;font-weight:500}.ozone-timeline__slider{width:100%;min-height:36px;accent-color:var(--accent);cursor:pointer;touch-action:none;margin:4px 0 0;display:block}.ozone-timeline__endpoints{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.ozone-timeline__status{min-height:12px;color:var(--accent);letter-spacing:.4px;margin:8px 0 0;font-size:9px}.ozone-timeline__hint--loading{color:var(--accent);font-size:9px;font-weight:600}#wind-overlay-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.wind-legend{z-index:5;box-sizing:border-box;appearance:none;color:#dce6ef;width:102px;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b1018d6;border:1px solid #62d9c347;border-radius:2px;gap:6px;padding:9px 8px;display:grid;position:absolute;top:10px}.wind-legend[data-side=left]{left:12px;right:auto}.wind-legend[data-side=right]{top:56px;left:auto;right:12px}.wind-legend[hidden]{display:none!important}.wind-legend__title{color:#a9b9c9;letter-spacing:.09em;font-size:9px;font-weight:600}.wind-legend__body{grid-template-columns:12px 1fr;column-gap:8px;height:82px;display:grid}.wind-legend__gradient{background:linear-gradient(#f47783 0%,#ffa963 33.333%,#d6e698 66.667%,#68cde8 83.333%,#62d9c3 100%);border-radius:2px;display:block}.wind-legend__ticks{color:#dce6ef;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;font-size:10px;line-height:1;display:flex}.wind-legend__footer{color:#8293a8;letter-spacing:.035em;white-space:nowrap;font-size:8px}.wind-legend:hover{border-color:#62d9c399}.wind-legend:focus-visible{outline-offset:2px;outline:2px solid #62d9c3}