:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-serif: "Gilda Display", "Newsreader", Georgia, serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-primary: rgba(255, 255, 255, .98);--text-secondary: rgba(235, 244, 255, .88);--text-muted: rgba(208, 226, 248, .72);--glass-bg: rgba(10, 22, 42, .38);--glass-border: rgba(255, 255, 255, .18);--glass-highlight: rgba(255, 255, 255, .1);--glass-shadow: 0 24px 60px rgba(4, 10, 24, .28), 0 4px 16px rgba(4, 10, 24, .14);--accent-sky: #bae0ff;--accent-sun: #ffe8b8;--slider-progress: 0%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;min-height:100%;background-color:#16325c;font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;overflow:hidden}#app-stage{position:relative;width:100%;height:100vh;height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}#sky-canvas-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;cursor:grab}#sky-canvas-container:active{cursor:grabbing}#sky-canvas-container.storm-cursor{cursor:crosshair}#sky-canvas-container canvas{display:block;width:100%;height:100%}.ui-layer{position:relative;z-index:2;width:100%;height:100%;max-height:100%;min-height:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(.65rem,1.4vh,1.25rem) clamp(1rem,2vw,1.8rem);gap:.5rem;overflow:hidden}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;flex-shrink:0}.brand-group{pointer-events:auto;display:flex;align-items:center;gap:.9rem}.brand-badge{display:inline-flex;align-items:center;gap:.55rem;background:var(--glass-bg);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);border:1px solid var(--glass-border);border-radius:999px;padding:.45rem .95rem;box-shadow:0 8px 24px #040a1833}.brand-dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px #bae0fff2}.brand-name{font-family:var(--font-serif);font-size:1.25rem;letter-spacing:.01em;color:var(--text-primary)}.brand-meta{display:flex;flex-direction:column;gap:.12rem}.brand-byline{font-family:var(--font-sans);font-size:.8rem;font-weight:500;letter-spacing:.01em;color:#fffffff0;text-shadow:0 1px 10px rgba(0,0,0,.38)}.interaction-hint{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;color:#daecffb8;text-shadow:0 1px 8px rgba(0,0,0,.35)}.weather-controls{pointer-events:auto;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.weather-pill{display:inline-flex;align-items:center;gap:.42rem;background:var(--glass-bg);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);border:1px solid var(--glass-border);border-radius:999px;padding:.46rem .9rem;color:var(--text-secondary);font-family:var(--font-sans);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 24px #040a182e}.weather-pill:hover{background:#162a4a8f;border-color:#ffffff52;color:#fff;transform:translateY(-1px)}.weather-pill:active{transform:translateY(0)}.weather-pill[aria-pressed=true]{background:#ffffffeb;border-color:#fff;color:#0d2240;font-weight:600;box-shadow:0 0 22px #bae0ff8c,0 8px 24px #040a1840}.pill-icon{width:15px;height:15px;flex-shrink:0}.middle-row{flex:1 1 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;min-height:0;overflow:hidden;padding:.15rem 0}.formation-panel{pointer-events:auto;max-width:min(476px,92vw);max-height:100%;display:flex;flex-direction:column;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);border:1px solid var(--glass-border);border-radius:20px;padding:clamp(.75rem,1.1vw,1.15rem) clamp(.95rem,1.3vw,1.3rem);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);transition:opacity .22s ease,transform .25s ease,padding .25s ease}.formation-panel::-webkit-scrollbar{display:none}.formation-body{overflow-y:auto;flex:1 1 auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(186,224,255,.28) transparent;padding-right:.35rem;margin-right:-.2rem}.formation-body::-webkit-scrollbar{width:4px}.formation-body::-webkit-scrollbar-track{background:transparent}.formation-body::-webkit-scrollbar-thumb{background:#bae0ff40;border-radius:999px}.formation-body::-webkit-scrollbar-thumb:hover{background:#bae0ff73}.formation-panel.collapsed .formation-body{display:none}.formation-panel.collapsed .cloud-subtitle{margin-bottom:0;padding-bottom:0;border-bottom:none}.cloud-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.16rem}.collapse-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:var(--text-primary);width:26px;height:26px;flex-shrink:0;margin-top:.12rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease}.collapse-btn:hover{background:#fff3}.cloud-title{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.7rem,2.35vw,2.12rem);line-height:1.08;letter-spacing:-.01em;color:var(--text-primary);margin:0}.cloud-subtitle{font-size:.8rem;font-weight:400;font-style:italic;color:var(--text-muted);margin-bottom:.55rem;padding-bottom:.48rem;border-bottom:1px solid rgba(255,255,255,.13)}.formation-section-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;color:var(--accent-sun);margin-bottom:.24rem;display:flex;align-items:center;gap:.42rem}.formation-section-label:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-sun);box-shadow:0 0 8px var(--accent-sun)}.characteristics-label{color:var(--accent-sky)}.characteristics-label:before{background:var(--accent-sky);box-shadow:0 0 8px var(--accent-sky)}.region-label{color:#a6e8b0}.region-label:before{background:#a6e8b0;box-shadow:0 0 8px #a6e8b0}.formation-description{font-size:.8rem;line-height:1.42;color:var(--text-secondary);font-weight:400;margin-bottom:.52rem}.formation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.38rem;margin-bottom:.55rem}.formation-step{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.4rem .46rem;transition:background .2s ease,border-color .2s ease}.formation-step:hover{background:#ffffff1a;border-color:#fff3}.step-num{display:block;font-family:var(--font-mono);font-size:.68rem;color:var(--accent-sky);opacity:.9;margin-bottom:.06rem}.step-title{display:block;font-size:.72rem;font-weight:600;line-height:1.2;color:var(--text-primary);margin-bottom:.06rem}.step-detail{display:block;font-size:.69rem;line-height:1.22;color:var(--text-muted)}.cloud-insights{display:flex;flex-direction:column;gap:.48rem;padding-top:.52rem;margin-bottom:.54rem;border-top:1px solid rgba(255,255,255,.12)}.insight-block{display:flex;flex-direction:column}.cloud-traits{display:flex;flex-wrap:wrap;gap:.28rem;margin-bottom:.28rem}.trait-pill{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.02em;color:#ebf6fff2;background:#bae0ff1f;border:1px solid rgba(186,224,255,.24);border-radius:999px;padding:.12rem .48rem}.insight-text{font-size:.78rem;line-height:1.38;color:var(--text-secondary)}.formation-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding-top:.52rem;border-top:1px solid rgba(255,255,255,.12)}.spec-item{display:flex;flex-direction:column;gap:.1rem}.spec-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.spec-value{font-size:.78rem;font-weight:500;color:var(--text-primary)}.weathernext-panel{pointer-events:auto;width:min(355px,90vw);max-height:100%;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);border:1px solid var(--glass-border);border-radius:20px;padding:clamp(.75rem,1.1vw,1.05rem) clamp(.9rem,1.2vw,1.15rem);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);transition:opacity .22s ease,transform .25s ease,padding .25s ease}.wn3-body{overflow-y:auto;flex:1 1 auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(186,224,255,.28) transparent;padding-right:.35rem;margin-right:-.2rem}.wn3-body::-webkit-scrollbar{width:4px}.wn3-body::-webkit-scrollbar-track{background:transparent}.wn3-body::-webkit-scrollbar-thumb{background:#bae0ff40;border-radius:999px}.wn3-body::-webkit-scrollbar-thumb:hover{background:#bae0ff73}.weathernext-panel.collapsed .wn3-body{display:none}.weathernext-panel.collapsed .wn3-sync-meta{margin-bottom:0;padding-bottom:0;border-bottom:none}.wn3-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;margin-bottom:.22rem}.wn3-title-group{display:flex;flex-direction:column;gap:.16rem}.wn3-badge-row{display:inline-flex;align-items:center;gap:.42rem}.wn3-pulse-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade80e6;animation:wn3Pulse 2.2s infinite ease-in-out}.wn3-pulse-dot.syncing{background:#38bdf8;box-shadow:0 0 12px #38bdf8f2;animation:wn3Pulse .45s infinite ease-in-out}@keyframes wn3Pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.38);opacity:.62}}.wn3-brand{font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.09em;color:#a6e8b0}.wn3-sync-pill{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.06em;color:#fffffff2;background:#4ade8029;border:1px solid rgba(74,222,128,.36);border-radius:999px;padding:.06rem .42rem}.wn3-sync-pill.syncing{background:#38bdf838;border-color:#38bdf88c;color:#e0f2fe}.wn3-title{font-family:var(--font-serif);font-weight:400;font-size:1.32rem;line-height:1.12;color:var(--text-primary);margin:0}.wn3-header-actions{display:inline-flex;align-items:center;gap:.38rem}.wn3-sync-btn{display:inline-flex;align-items:center;gap:.28rem;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:var(--text-secondary);font-family:var(--font-mono);font-size:.66rem;padding:.24rem .55rem;border-radius:999px;cursor:pointer;transition:all .18s ease}.wn3-sync-btn:hover{background:#ffffff2e;border-color:#ffffff52;color:#fff}.wn3-sync-icon{width:11px;height:11px;transition:transform .55s cubic-bezier(.22,1,.36,1)}.wn3-sync-icon.spinning{animation:wn3Spin .65s linear infinite}@keyframes wn3Spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wn3-sync-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.32rem;font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);margin-bottom:.52rem;padding-bottom:.45rem;border-bottom:1px solid rgba(255,255,255,.12)}.wn3-meta-sep{opacity:.55}.wn3-mesh-label{color:var(--accent-sky)}.wn3-map-container{position:relative;background:#060f207a;border:1px solid rgba(186,224,255,.16);border-radius:12px;padding:.38rem .45rem .32rem;margin-bottom:.5rem;overflow:hidden}.wn3-world-map{display:block;width:100%;height:auto}.wn3-map-pin-ring{animation:wn3PinRipple 2.4s infinite ease-out;transform-origin:center;transform-box:fill-box}@keyframes wn3PinRipple{0%{transform:scale(.8);opacity:.85}to{transform:scale(2.3);opacity:0}}.wn3-map-caption{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.62rem;color:var(--text-muted);margin-top:.18rem;padding-top:.22rem;border-top:1px solid rgba(255,255,255,.08)}#wn3-active-cloud-tag{color:var(--accent-sun);font-weight:500}.wn3-hotspots{display:flex;flex-direction:column;gap:.36rem;margin-bottom:.48rem}.wn3-hotspot-card{width:100%;text-align:left;background:#ffffff0f;border:1px solid rgba(255,255,255,.11);border-radius:11px;padding:.42rem .56rem;color:var(--text-primary);cursor:pointer;transition:all .18s ease;display:flex;flex-direction:column;gap:.14rem}.wn3-hotspot-card:hover{background:#ffffff1f;border-color:#bae0ff52;transform:translate(-2px)}.wn3-hotspot-card.synced{background:#4ade8021;border-color:#4ade807a;box-shadow:0 0 16px #4ade802e}.wn3-hotspot-top{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.wn3-hotspot-region{font-family:var(--font-sans);font-size:.76rem;font-weight:600;color:var(--text-primary);display:inline-flex;align-items:center;gap:.34rem}.wn3-hotspot-dot{width:6px;height:6px;border-radius:50%;background:#ffe8b8;box-shadow:0 0 6px #ffe8b8;flex-shrink:0}.wn3-hotspot-card.synced .wn3-hotspot-dot{background:#4ade80;box-shadow:0 0 8px #4ade80}.wn3-hotspot-match{font-family:var(--font-mono);font-size:.62rem;color:#a6e8b0;background:#4ade801f;border:1px solid rgba(74,222,128,.26);border-radius:999px;padding:.04rem .4rem;flex-shrink:0}.wn3-hotspot-telemetry{font-family:var(--font-mono);font-size:.63rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wn3-hotspot-condition{font-family:var(--font-sans);font-size:.68rem;color:var(--text-secondary)}.wn3-footer{display:flex;flex-direction:column;gap:.26rem}.wn3-progress-track{width:100%;height:3px;background:#ffffff1f;border-radius:999px;overflow:hidden}.wn3-progress-fill{height:100%;width:100%;background:linear-gradient(90deg,#4ade80,#38bdf8);border-radius:999px;transform-origin:left center;transition:width .25s linear}.wn3-footer-row{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.61rem;color:var(--text-muted)}.wn3-stream-health{color:#a6e8b0}.slider-dock{pointer-events:auto;width:min(1420px,100%);margin:0 auto;flex-shrink:0;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);border:1px solid var(--glass-border);border-radius:22px;padding:.55rem 1rem .45rem;box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight)}.slider-track-wrapper{position:relative;display:flex;align-items:center;height:24px;padding:0 8px}#cloud-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(186,224,255,.95) var(--slider-progress),rgba(255,255,255,.2) var(--slider-progress),rgba(255,255,255,.2) 100%);outline:none;cursor:pointer;position:relative;z-index:3}#cloud-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid rgba(25,68,122,.9);box-shadow:0 2px 12px #00000061,0 0 0 4px #ffffff38;cursor:grab;transition:transform .15s cubic-bezier(.22,1,.36,1),box-shadow .15s ease}#cloud-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 16px #00000073,0 0 0 6px #ffffff4d}#cloud-slider:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.06)}#cloud-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid rgba(25,68,122,.9);box-shadow:0 2px 12px #00000061,0 0 0 4px #ffffff38;cursor:grab;transition:transform .15s cubic-bezier(.22,1,.36,1),box-shadow .15s ease}.slider-stops{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;margin-top:.32rem;gap:1px;width:100%}.slider-stop-btn{flex:0 1 auto;min-width:0;background:none;border:none;color:var(--text-muted);font-family:var(--font-sans);font-size:clamp(.54rem,.65vw,.68rem);font-weight:500;letter-spacing:-.02em;cursor:pointer;padding:.18rem .24rem;border-radius:6px;transition:color .2s ease,background .2s ease;text-align:center;white-space:nowrap}.slider-stop-btn:hover{color:var(--text-primary);background:#ffffff17}.slider-stop-btn.active{color:#fff;font-weight:600;background:#ffffff26;text-shadow:0 0 12px rgba(186,224,255,.65)}@media(max-width:768px){.ui-layer{padding:.85rem}.interaction-hint{display:none}.formation-panel{max-width:100%;padding:1rem 1.15rem;border-radius:16px}.cloud-title{font-size:1.7rem}.formation-steps{gap:.4rem}.slider-dock{border-radius:20px;padding:.7rem 1rem .6rem}}@media(max-height:860px){.ui-layer{padding:.55rem clamp(.85rem,1.8vw,1.5rem);gap:.4rem}.brand-badge{padding:.38rem .8rem}.brand-name{font-size:1.15rem}.weather-pill{padding:.38rem .78rem;font-size:.74rem}.cloud-title{font-size:clamp(1.45rem,2vw,1.85rem)}.cloud-subtitle{margin-bottom:.35rem;padding-bottom:.3rem}.formation-description{font-size:.76rem;line-height:1.36;margin-bottom:.4rem}.formation-steps{margin-bottom:.4rem;gap:.3rem}.formation-step{padding:.32rem .38rem}.cloud-traits{gap:.28rem;margin-bottom:.35rem}.trait-pill{font-size:.65rem;padding:.18rem .46rem}.insight-text{font-size:.74rem;line-height:1.32}.formation-specs{padding-top:.35rem;margin-top:.35rem;gap:.35rem}.spec-value{font-size:.74rem}.slider-dock{padding:.48rem .85rem .38rem;border-radius:18px}.slider-track-wrapper{height:20px}.slider-stop-btn{font-size:clamp(.5rem,.6vw,.64rem);padding:.14rem .2rem}}@media(max-height:720px){.ui-layer{padding:.4rem clamp(.7rem,1.4vw,1.2rem);gap:.3rem}.brand-badge{padding:.3rem .65rem}.brand-name{font-size:1.05rem}.brand-byline{font-size:.72rem}.interaction-hint{font-size:.62rem}.weather-pill{padding:.3rem .62rem;font-size:.7rem}.cloud-title{font-size:1.35rem}.formation-panel{padding:.65rem .85rem;border-radius:16px}.weathernext-panel{padding:.65rem .8rem;border-radius:16px;width:min(315px,88vw)}.wn3-hotspots{gap:.22rem;margin-bottom:.3rem}.wn3-hotspot-card{padding:.28rem .42rem}.slider-dock{padding:.35rem .75rem .28rem;border-radius:16px}.slider-track-wrapper{height:18px}#cloud-slider::-webkit-slider-thumb{width:18px;height:18px}#cloud-slider::-moz-range-thumb{width:18px;height:18px}.slider-stops{margin-top:.18rem}}