@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@200;300;400;500;600;700&display=swap";:root{--bg-void:#05070c;--bg-deep:#0a0f19;--glass-bg:#0c111cb8;--glass-bg-hover:#121928d6;--glass-border:1px solid #ffffff14;--glass-border-top:1px solid #ffffff24;--glass-shadow:0 12px 36px #000000a6;--glass-blur:blur(24px) saturate(150%);--text-primary:#f8fafc;--text-secondary:#c2cfe0e0;--text-tertiary:#94a3b8c7;--accent:#3b82f6;--accent-warm:#f59e0b;--accent-danger:#ef4444;--accent-green:#10b981;--accent-purple:#8b5cf6;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-data:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--sp-1:8px;--sp-2:16px;--sp-3:24px;--sp-4:32px;--sp-6:48px;--sp-8:64px;--radius-panel:16px;--radius-inner:8px;--radius-pill:100px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--text-primary);background:var(--bg-void);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:14px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:500}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes cinematic-pan{0%{transform:scale(1)translate(0)}to{transform:scale(1.12)translate(-2%,-1%)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:fadeSlideUp .6s var(--ease-out-expo) both}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}.top-nav{padding:var(--sp-2) 0 var(--sp-3);animation:fadeSlideUp .5s var(--ease-out-expo) both;justify-content:space-between;align-items:center;display:flex}.nav-brand{align-items:center;gap:var(--sp-1);cursor:pointer;transition:opacity .2s;display:flex}.nav-brand-text{font-family:var(--font-data);letter-spacing:.05em;text-transform:uppercase;font-size:15px;font-weight:600}@media (width>=768px){.nav-links{gap:var(--sp-3);display:flex}}.icon-btn{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius-inner);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.dashboard-grid,.monitor-grid{gap:var(--sp-2);flex-direction:column;width:100%;display:flex}.monitor-grid>div,.dashboard-grid>div,.grid-r1-c1,.grid-r1-c2,.grid-r1-c3,.grid-r2-c1,.grid-r2-c2,.grid-r3-c1,.grid-r3-c2,.grid-r4-c1{width:100%}@media (width>=768px){.dashboard-grid,.monitor-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(min-content,max-content);display:grid}.grid-r1-c1{grid-column:span 12}.grid-r1-c2,.grid-r1-c3{grid-column:span 6}.grid-r2-c1,.grid-r2-c2,.grid-r3-c1,.grid-r3-c2,.grid-r4-c1{grid-column:span 12}}@media (width>=1024px){.grid-r1-c1,.grid-r1-c2,.grid-r1-c3{grid-column:span 4}.grid-r2-c1{grid-column:span 8}.grid-r2-c2{grid-column:span 4}.grid-r3-c1{grid-column:span 7}.grid-r3-c2{grid-column:span 5}}.widget-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-top:var(--glass-border-top);border-radius:var(--radius-panel);box-shadow:var(--glass-shadow), inset 0 1px 1px #ffffff0f;transition:background .35s var(--ease-out-expo), border-color .35s var(--ease-out-expo), transform .35s var(--ease-out-expo), box-shadow .35s var(--ease-out-expo);padding:14px 18px;position:relative;overflow:hidden}.tab-btn{color:var(--text-tertiary);font-family:var(--font-data);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;padding:var(--sp-1) var(--sp-2);background:0 0;border:none;border-radius:6px;flex:1;font-size:11px;font-weight:500;transition:all .25s}.tab-btn.active{color:var(--accent);background:#3b82f61f}.leaflet-control-zoom{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);overflow:hidden;border:var(--glass-border)!important;border-radius:var(--radius-inner)!important;background:#0a0f19cc!important}.leaflet-control-zoom-in,.leaflet-control-zoom-out{color:var(--text-secondary)!important;background-color:#0000!important;border-bottom:1px solid #ffffff0d!important;font-size:14px!important}.leaflet-control-zoom-in:hover,.leaflet-control-zoom-out:hover{color:var(--text-primary)!important;background-color:#ffffff0f!important}.map-scanline{pointer-events:none;z-index:2;border-radius:var(--radius-panel);background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:absolute;inset:0}@keyframes dropFall{0%{opacity:0;transform:translateY(-20px)scaleY(1)}20%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(220px)scaleY(1.3)}}@keyframes sunPulse{0%,to{opacity:.4;filter:blur(25px);transform:scale(.9)translate(0)}50%{opacity:.75;filter:blur(35px);transform:scale(1.18)translate(-5px,5px)}}@keyframes sunRaysRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes snowDrift{0%{opacity:0;transform:translateY(-10px)translate(0)}20%{opacity:.9}80%{opacity:.8}to{opacity:0;transform:translateY(220px)translate(25px)}}@keyframes lightningFlash{0%,91%,93.5%,96%,to{opacity:0}92%{opacity:.45;background:#c084fc4d}94%{opacity:.7;background:#ffffff80}95%{opacity:.2;background:#93c5fd4d}}.radar-layer-toggles{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#0a0f19a6;border:1px solid #ffffff1a;border-radius:10px;gap:6px;padding:4px;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 4px 20px #0000004d}.radar-layer-btn{color:var(--text-tertiary);font-family:var(--font-data);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.app-wrapper{min-height:100vh;padding:var(--sp-2) var(--sp-3);z-index:1;flex-direction:column;max-width:1440px;margin:0 auto;display:flex;position:relative}@media (width>=1920px){.app-wrapper{max-width:1680px;padding:var(--sp-3) var(--sp-4)}}.top-nav{padding:var(--sp-2) 0 var(--sp-3);animation:fadeSlideUp .5s var(--ease-out-expo) both;justify-content:space-between;align-items:center;gap:var(--sp-2);z-index:500;display:flex;position:relative}.nav-brand-container{align-items:center;gap:var(--sp-3);display:flex}.nav-brand{align-items:center;gap:var(--sp-1);cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s;display:flex}.nav-brand:hover{opacity:.85}.nav-brand-text{font-family:var(--font-data);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#fff 0%,#f5f5fab3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:16px;font-weight:700}.nav-links{display:none}@media (width>=768px){.nav-links{gap:var(--sp-3);display:flex}}.nav-links a{color:var(--text-tertiary);font-family:var(--font-data);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;padding-bottom:4px;font-size:11px;font-weight:500;text-decoration:none;transition:color .25s;position:relative}.nav-links a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s var(--ease-out-expo);position:absolute;bottom:0;left:0}.nav-links a.active{color:var(--text-primary)}.nav-links a.active:after{width:100%}.nav-links a:hover{color:var(--text-secondary)}.nav-links a:hover:after{width:100%}.search-container{align-items:center;gap:var(--sp-1);display:flex}.search-wrapper{align-items:center;display:flex;position:relative}.search-wrapper .search-icon{color:var(--text-tertiary);pointer-events:none;z-index:2;position:absolute;left:12px}.nav-search{background:var(--glass-bg);border:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);padding:var(--sp-1) var(--sp-2) var(--sp-1) 36px;border-radius:var(--radius-inner);color:var(--text-primary);font-family:var(--font-data);width:200px;transition:all .3s var(--ease-out-expo);letter-spacing:.02em;outline:none;font-size:12px}.nav-search::placeholder{color:var(--text-tertiary)}.nav-search:focus{background:var(--glass-bg-hover);border-color:#3b82f659;width:260px;box-shadow:0 0 0 3px #3b82f61f}.icon-btn{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius-inner);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-color:#ffffff26}@media (width>=1920px){:root{--sp-2:20px;--sp-3:28px;--sp-4:36px}}.widget-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-top:var(--glass-border-top);border-radius:var(--radius-panel);box-shadow:var(--glass-shadow), inset 0 1px 1px #ffffff0f;padding:var(--sp-3);transition:background .35s var(--ease-out-expo), border-color .35s var(--ease-out-expo), transform .35s var(--ease-out-expo), box-shadow .35s var(--ease-out-expo);position:relative;overflow:hidden}.widget-panel:before{content:"";border-radius:inherit;opacity:0;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #3b82f614, transparent 45%);pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.widget-panel:hover:before{opacity:1}.widget-panel:hover{background:var(--glass-bg-hover);border-color:#3b82f640;box-shadow:0 12px 36px #00000073,0 0 20px #3b82f614,inset 0 1px 1px #ffffff1f}.widget-header{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.widget-title{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.detail-card{transition:transform .25s var(--ease-out-expo), border-color .25s ease;flex-direction:column;gap:2px;display:flex}.detail-card:hover{border-color:#3b82f64d;transform:translateY(-2px)}.detail-card .detail-label{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--sp-1);font-size:10px;font-weight:500}.detail-card .detail-value{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:-.02em;align-items:baseline;gap:4px;font-size:22px;font-weight:400;display:flex}.detail-card .detail-unit{color:var(--text-tertiary);font-size:12px;font-weight:400}.detail-card .detail-desc{color:var(--text-tertiary);margin-top:2px;font-size:11px}.hourly-item{border-radius:var(--radius-inner);min-width:64px;transition:all .25s var(--ease-out-expo);cursor:pointer;border:1px solid #0000;flex-direction:column;align-items:center;padding:10px 8px;display:flex}.hourly-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.hourly-item.is-now{background:#3b82f61f;border-color:#3b82f64d;box-shadow:0 0 12px #3b82f626}.hourly-time{font-family:var(--font-data);letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--sp-1);font-size:10px}.hourly-temp{font-family:var(--font-data);font-variant-numeric:tabular-nums;margin-top:var(--sp-1);font-size:13px;font-weight:500}.daily-row{transition:all .2s var(--ease-out-expo);border-radius:var(--radius-inner);margin:0 calc(-1 * var(--sp-1));border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:10px 8px;display:flex}.daily-row:last-child{border-bottom:none}.daily-row:hover{background:#ffffff0a;transform:translate(2px)}.daily-day{font-family:var(--font-data);letter-spacing:.05em;width:52px;color:var(--text-secondary);font-size:11px;font-weight:500}.temp-range{align-items:center;gap:8px;width:160px;display:flex}.temp-bar{background:#ffffff0f;border-radius:4px;flex:1;height:4px;position:relative;overflow:hidden}.temp-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-warm));border-radius:4px;position:absolute;top:0;bottom:0;box-shadow:0 0 10px #3b82f666}.temp-val{font-family:var(--font-data);font-variant-numeric:tabular-nums;width:32px;font-size:12px}.temp-val.lo{color:var(--text-tertiary);text-align:right}.temp-val.hi{font-weight:600}.news-card{cursor:pointer;flex-direction:column;text-decoration:none;display:flex;padding:0!important}.news-card:hover{transform:translateY(-3px)}.news-card img{object-fit:cover;border-radius:var(--radius-panel) var(--radius-panel) 0 0;width:100%;height:180px}.tab-bar{border-radius:var(--radius-inner);gap:2px;padding:3px;display:flex}.tab-btn{color:var(--text-tertiary);font-family:var(--font-data);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;padding:var(--sp-1) var(--sp-2);white-space:nowrap;background:0 0;border:none;border-radius:6px;flex:1;font-size:11px;font-weight:500;transition:all .25s}.tab-btn.active{color:var(--accent);background:#3b82f629;box-shadow:0 0 10px #3b82f61f}.tab-btn:hover:not(.active){color:var(--text-secondary)}.leaflet-container{border-radius:var(--radius-panel);z-index:1;width:100%;height:100%}.radar-layer-toggles{-webkit-backdrop-filter:blur(12px);scrollbar-width:none;background:#0a0f19bf;border:1px solid #ffffff1a;border-radius:10px;gap:4px;max-width:100%;padding:4px;display:flex;overflow-x:auto;box-shadow:0 4px 20px #0000004d}.radar-layer-toggles::-webkit-scrollbar{display:none}.radar-layer-btn{color:var(--text-tertiary);font-family:var(--font-data);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.radar-layer-btn:hover{color:var(--text-primary);background:#ffffff0f}.radar-layer-btn.active{color:#60a5fa;background:#3b82f640;border:1px solid #60a5fa4d;box-shadow:0 0 10px #3b82f633}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.font-data{font-family:var(--font-data)}.loader-container{background:var(--bg-void);justify-content:center;align-items:center;gap:var(--sp-2);flex-direction:column;width:100vw;height:100vh;display:flex}.loader{border:2px solid #3b82f633;border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.loader-text{font-family:var(--font-data);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);font-size:11px;animation:2s infinite pulse-glow}.weather-overlay-container{pointer-events:none;z-index:1;border-radius:var(--radius-panel);position:absolute;inset:0;overflow:hidden}.rain-drop{background:linear-gradient(#93c5fd00,#93c5fdbf);border-radius:2px;width:1.5px;animation:linear infinite dropFall;position:absolute;top:-20px}.sun-aura{pointer-events:none;background:radial-gradient(circle,#fbbf2459 0%,#f59e0b26 50%,#fbbf2400 75%);border-radius:50%;width:240px;height:240px;animation:6s ease-in-out infinite sunPulse;position:absolute;top:-20%;right:-20%}.sun-rays{background:conic-gradient(#fbbf2414 0deg 30deg,#0000 30deg 60deg,#fbbf2414 60deg 90deg,#0000 90deg 120deg,#fbbf2414 120deg 150deg,#0000 150deg 180deg,#fbbf2414 180deg 210deg,#0000 210deg 240deg,#fbbf2414 240deg 270deg,#0000 270deg 300deg,#fbbf2414 300deg 330deg,#0000 330deg 360deg);border-radius:50%;width:300px;height:300px;animation:30s linear infinite sunRaysRotate;position:absolute;top:-30%;right:-30%}.snow-flake{filter:blur(.5px);background:#ffffffd9;border-radius:50%;animation:linear infinite snowDrift;position:absolute;top:-10px}.lightning-overlay{pointer-events:none;animation:7s infinite lightningFlash;position:absolute;inset:0}.weather-bg-overcast{background:linear-gradient(160deg,#1e293b 0%,#334155 45%,#0f172a 100%)}.weather-bg-rain{background:linear-gradient(160deg,#0f172a 0%,#1e293b 50%,#090d16 100%)}.weather-bg-thunder{background:linear-gradient(160deg,#1e1b4b 0%,#31103f 50%,#090d16 100%)}.weather-bg-sun-day{background:linear-gradient(160deg,#1e3a8a 0%,#2563eb 45%,#d97706 100%)}.weather-bg-sun-night{background:linear-gradient(160deg,#030712 0%,#0f172a 60%,#1e1b4b 100%)}.weather-bg-snow{background:linear-gradient(160deg,#0f172a 0%,#1e293b 50%,#0284c7 100%)}@keyframes cloudDriftSlow{0%{transform:translate(-10%)translateY(0)}50%{transform:translate(10%)translateY(-5px)}to{transform:translate(-10%)translateY(0)}}@keyframes cloudDriftFast{0%{transform:translate(15%)translateY(-3px)}50%{transform:translate(-15%)translateY(3px)}to{transform:translate(15%)translateY(-3px)}}.rolling-cloud-layer-1{filter:blur(20px);pointer-events:none;background:radial-gradient(at 50% 30%,#94a3b847 0%,#33415566 45%,#0000 70%);width:140%;height:90%;animation:24s ease-in-out infinite cloudDriftSlow;position:absolute;top:-10%;left:-20%}.rolling-cloud-layer-2{filter:blur(15px);pointer-events:none;background:radial-gradient(at 40% 40%,#cbd5e12e 0%,#1e293b73 50%,#0000 75%);width:130%;height:70%;animation:18s ease-in-out infinite cloudDriftFast;position:absolute;top:15%;left:-10%}@keyframes starTwinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.95;transform:scale(1.2)}}.star-particle{background:#fff;border-radius:50%;animation:3s ease-in-out infinite starTwinkle;position:absolute;box-shadow:0 0 6px #fff}@keyframes floatIconBounce{0%,to{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-8px)rotate(3deg)scale(1.05)}}.animate-float-icon{animation:4s ease-in-out infinite floatIconBounce}@keyframes meteorShoot{0%{opacity:1;transform:translate(0)translateY(0)scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-180px)translateY(140px)scale(.2)}}.meteor-streak{pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffffe6 80%,#fff 100%);width:90px;height:1.5px;animation:5s cubic-bezier(.25,1,.5,1) 2s infinite meteorShoot;position:absolute;top:15%;right:10%;transform:rotate(-35deg);box-shadow:0 0 10px #fffc}@keyframes fogDrift{0%{opacity:.25;transform:translate(-15%)}50%{opacity:.45;transform:translate(15%)}to{opacity:.25;transform:translate(-15%)}}.fog-mist-layer{filter:blur(12px);pointer-events:none;background:radial-gradient(at 50% 100%,#94a3b838 0%,#0000 75%);width:140%;height:50%;animation:16s ease-in-out infinite fogDrift;position:absolute;bottom:0;left:-20%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#3b82f666}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:#ffffff1f #ffffff05;-webkit-overflow-scrolling:touch}@media (width<=767px){.app-wrapper{padding:10px 12px 24px}.top-nav{flex-direction:column;align-items:stretch;gap:12px;padding-bottom:12px}.nav-brand-container{justify-content:space-between;align-items:center;width:100%;display:flex}.mobile-only-tabs{display:flex!important}.search-container{gap:8px;width:100%}.search-wrapper{flex:1}.nav-search{padding-top:10px;padding-bottom:10px;font-size:13px;width:100%!important}.nav-search:focus{width:100%!important}.widget-panel{border-radius:14px;padding:14px}.detail-card{padding:10px!important}.detail-card .detail-value{font-size:20px!important}.detail-card .detail-label{font-size:9px!important}.daily-row{padding:8px 4px!important}.daily-day{width:48px!important;font-size:10px!important}.temp-range{width:120px!important}.icon-btn{width:42px!important;height:42px!important}.nav-search{width:100%!important;font-size:13px!important}.hourly-item{min-width:60px!important;padding:10px 6px!important}}button:active,.icon-btn:active,.hourly-item:active,.widget-panel:active{transition:transform .1s;transform:scale(.98)}.goog-te-banner-frame.skiptranslate,.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame{display:none!important}body{position:static!important;top:0!important}.goog-text-highlight{box-shadow:none!important;background-color:#0000!important}#google_translate_element,.goog-te-gadget{visibility:hidden!important;display:none!important}