@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Orbitron:wght@400;500;600;700;800;900&family=Share+Tech+Mono&display=swap";:root{--bg-primary:#0a0e17;--bg-glass:#080c18e0;--border-glass:#ffffff14;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-blue:#38bdf8;--accent-cyan:#00f0ff;--accent-purple:#a78bfa;--accent-orange:#fb923c;--accent-red:#f87171;--accent-green:#4ade80;--accent-yellow:#facc15;--hud-cyan:#00e5ff;--hud-cyan-dim:#00e5ff4d;--hud-warm:#ff6b35;--shadow-lg:0 20px 60px #00000080;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow:hidden}button,input,select{font:inherit}button{background:0 0;border:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#00e5ff40;border-radius:3px}#map{z-index:1;width:100%;height:100%}.leaflet-interactive,.leaflet-container svg path,.leaflet-overlay-pane svg{outline:none!important}.leaflet-control-zoom{box-shadow:var(--shadow-lg)!important;border:none!important}.leaflet-control-zoom a{background:var(--bg-glass)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;color:var(--hud-cyan)!important;width:36px!important;height:36px!important;transition:var(--transition-fast)!important;border:1px solid #00e5ff33!important;font-family:Orbitron,sans-serif!important;font-size:18px!important;line-height:36px!important}.leaflet-control-zoom a:hover{border-color:var(--hud-cyan)!important;background:#00e5ff1a!important}.map-overlay-canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.loading-bar{z-index:1001;opacity:0;width:100%;height:2px;transition:opacity .3s;position:fixed;top:0;left:0}.loading-bar.active{opacity:1}.loading-bar-fill{background:linear-gradient(90deg, transparent, var(--hud-cyan), transparent);width:100%;height:100%;animation:1.5s ease-in-out infinite loadingScan}.api-error-toast{border-bottom:2px solid var(--accent-red);color:#fff;z-index:10000;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#dc2626f2;width:100%;padding:12px 20px;font-family:Share Tech Mono,monospace;font-size:14px;transition:transform .4s cubic-bezier(.18,.89,.32,1.28);position:fixed;top:0;left:0;transform:translateY(-100%);box-shadow:0 4px 20px #00000080}.api-error-toast.active{transform:translateY(0)}.api-error-toast-title{margin-bottom:4px;font-size:15px;font-weight:700}.api-error-toast-body{opacity:.9;margin-bottom:6px;font-size:11px}.api-error-toast-meta{opacity:.7;border-top:1px solid #fff3;margin-top:4px;padding-top:4px;font-size:9px;display:inline-block}#search-hover-trigger{display:none}.search-container{z-index:1000;align-items:center;gap:8px;display:flex;position:fixed;top:10px;left:10px}.settings-trigger{background:var(--bg-glass);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);cursor:pointer;width:26px;height:26px;transition:var(--transition-fast);border:1px solid #00e5ff26;border-radius:3px;justify-content:center;align-items:center;font-size:14px;display:flex;box-shadow:0 2px 15px #0000004d}.settings-trigger:hover{border-color:var(--hud-cyan);background:#00e5ff1a;box-shadow:0 0 15px #00e5ff33}.search-wrapper{width:90px;transition:width var(--transition-smooth);align-items:center;display:flex;position:relative}.search-wrapper:focus-within{width:180px}.search-icon{color:var(--hud-cyan);pointer-events:none;font-size:11px;position:absolute;left:8px}#search-input{background:var(--bg-glass);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);width:100%;color:var(--hud-cyan);letter-spacing:.5px;transition:var(--transition-smooth);border:1px solid #00e5ff26;border-radius:3px;outline:none;padding:6px 8px 6px 28px;font-family:Share Tech Mono,monospace;font-size:11px;box-shadow:0 2px 15px #0000004d}#search-input::placeholder{color:#00e5ff59}#search-input:focus{border-color:var(--hud-cyan);box-shadow:0 0 15px #00e5ff26}.search-results{background:var(--bg-glass);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid #00e5ff26;border-radius:3px;min-width:240px;max-height:250px;display:none;position:absolute;top:calc(100% + 4px);left:34px;right:0;overflow:hidden auto;box-shadow:0 10px 40px #00000080}.search-results.active{animation:.2s slideDown;display:block}.search-result-item{cursor:pointer;width:100%;transition:background var(--transition-fast);text-align:left;color:inherit;border-bottom:1px solid #00e5ff0f;align-items:center;gap:8px;padding:8px 12px;font-family:Share Tech Mono,monospace;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#00e5ff14}.result-icon{text-align:center;min-width:20px;font-size:14px}.result-info{flex-direction:column;flex:1;min-width:0;display:flex}.result-name{color:var(--hud-cyan);font-size:12px;font-weight:500}.result-detail{color:var(--text-muted);margin-top:1px;font-size:10px}.hud-marker-container{background:0 0!important;border:none!important;overflow:visible!important}.hud-marker{cursor:pointer;--marker-scale:1;transform:scale(var(--marker-scale));transform-origin:bottom;flex-direction:column;align-items:center;animation:.5s forwards hudAppear;display:flex;position:relative}.hud-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;white-space:nowrap;border:1px solid #00e5ff33;border-radius:2px;flex-direction:column;align-items:center;padding:2px 5px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000080}.hud-card-name,.hud-card-row{z-index:1;position:relative}.hud-card-name{color:var(--hud-cyan);text-transform:uppercase;letter-spacing:.3px;margin-bottom:1px;font-family:Share Tech Mono,monospace;font-size:9px;line-height:1.2}.hud-card-row{align-items:center;gap:3px;display:flex}.hud-card-icon{font-size:9px}.hud-card-temp{color:var(--hud-cyan);font-family:Orbitron,sans-serif;font-size:10px;font-weight:700}.hud-card:before,.hud-card:after{content:"";background:var(--hud-cyan);position:absolute;top:0;left:0}.hud-card:before{width:12px;height:1px}.hud-card:after{width:1px;height:12px}.hud-marker.priority-3 .hud-card:before,.hud-marker.priority-3 .hud-card:after{background:var(--hud-warm)}.hud-marker.priority-2 .hud-card:before,.hud-marker.priority-2 .hud-card:after{background:var(--accent-green)}.hud-marker.priority-1 .hud-card:before,.hud-marker.priority-1 .hud-card:after{background:var(--accent-purple)}.hud-marker:hover .hud-card{border-color:var(--hud-cyan);box-shadow:0 0 15px #00e5ff33}.hud-weather-fx{pointer-events:none;z-index:0;position:absolute;inset:0}.weather-rain .hud-weather-fx,.weather-drizzle .hud-weather-fx,.weather-thunderstorm .hud-weather-fx{background:linear-gradient(#1e3c784d 0%,#0a143233 100%)}.weather-rain .hud-weather-fx:before,.weather-drizzle .hud-weather-fx:before,.weather-thunderstorm .hud-weather-fx:before{content:"";background:repeating-linear-gradient(#0000 0 4px,#64aaff26 4px 5px);width:100%;height:200%;animation:.6s linear infinite markerRain;position:absolute;top:-100%;left:0}.weather-snow .hud-weather-fx{background:linear-gradient(#96b4dc26 0%,#6482b41a 100%)}.weather-snow .hud-weather-fx:before{content:"·  ·  ·  ·";color:#ffffff80;letter-spacing:2px;width:100%;height:200%;font-size:8px;line-height:6px;animation:2.5s linear infinite markerSnow;position:absolute;top:-100%;left:0}.weather-clear .hud-weather-fx{background:radial-gradient(at 80% 20%,#fbbf2426 0%,#0000 70%);animation:3s ease-in-out infinite alternate markerGlow}.weather-cloudy .hud-weather-fx,.weather-fog .hud-weather-fx{background-size:200% 100%;animation:4s ease-in-out infinite markerClouds}.weather-cloudy .hud-weather-fx{background:linear-gradient(90deg,#96aac814 0%,#788caa1f 50%,#96aac814 100%)}.weather-fog .hud-weather-fx{background:linear-gradient(90deg,#a0b4c80d 0%,#a0b4c826 50%,#a0b4c80d 100%);animation:3s ease-in-out infinite markerFog}.marker-size-small .hud-marker{--marker-scale:.7}.marker-size-large .hud-marker{--marker-scale:1.3}.settings-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.settings-overlay.active{opacity:1;pointer-events:auto}.settings-modal{background:var(--bg-glass);border:1px solid #00e5ff33;border-radius:4px;width:360px;max-width:90vw;font-family:Share Tech Mono,monospace;transition:transform .3s;transform:translateY(20px);box-shadow:0 0 50px #000c}.settings-overlay.active .settings-modal{transform:translateY(0)}.settings-header,.settings-footer,.settings-credits{padding:16px}.settings-header{border-bottom:1px solid #00e5ff1a;justify-content:space-between;align-items:center;display:flex}.settings-title{color:var(--hud-cyan);text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:16px}.settings-close{cursor:pointer;color:var(--text-muted);font-size:18px}.settings-close:hover{color:var(--accent-red)}.settings-body{flex-direction:column;gap:20px;padding:20px 16px;display:flex}.setting-group{justify-content:space-between;align-items:center;display:flex}.setting-label,.radio-label{text-transform:uppercase}.setting-label{font-size:12px}.setting-control{gap:12px;display:flex}.setting-control-slider{align-items:center;min-width:170px}.radio-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:4px;font-size:11px;display:flex}.settings-input,.settings-select{color:var(--hud-cyan);background:#0000004d;border:1px solid #00e5ff33;border-radius:2px;outline:none;padding:4px 8px;font-family:inherit;font-size:12px}.settings-input{text-align:right;width:60px}.settings-input:focus,.settings-select:focus{border-color:var(--hud-cyan)}.settings-range{width:100%;accent-color:var(--hud-cyan);cursor:pointer}.settings-slider-value{min-width:36px;color:var(--hud-cyan);text-align:right;font-size:12px}.settings-select{padding-right:24px}.settings-select option{background:var(--bg-primary);color:#fff}.toggle-switch{width:36px;height:18px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#00e5ff1a;border:1px solid #00e5ff33;border-radius:18px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--text-muted);border-radius:50%;width:12px;height:12px;transition:all .4s;position:absolute;bottom:2px;left:2px}input:checked+.slider{border-color:var(--hud-cyan);background-color:#00e5ff33}input:checked+.slider:before{background-color:var(--hud-cyan);transform:translate(18px)}.settings-footer{justify-content:flex-end;gap:8px;display:flex}.settings-save-btn{border:1px solid var(--hud-cyan);color:var(--hud-cyan);text-transform:uppercase;cursor:pointer;background:#00e5ff1a;border-radius:2px;padding:8px 16px;font-family:Orbitron,sans-serif;font-size:12px;transition:all .2s}.settings-save-btn:hover{background:var(--hud-cyan);color:#000;box-shadow:0 0 15px #00e5ff66}.settings-reset-btn{color:#fff;text-transform:uppercase;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:2px;padding:8px 16px;font-family:Orbitron,sans-serif;font-size:12px;transition:all .2s}.settings-reset-btn:hover{background:#fff3;border-color:#ffffff80}.settings-credits{color:var(--text-muted);text-align:center;text-transform:none;border-top:1px solid #00e5ff1a;padding:12px 16px 16px;font-family:Share Tech Mono,monospace;font-size:10px}.settings-credits a{color:var(--hud-cyan);transition:color var(--transition-fast);text-decoration:none}.settings-credits a:hover{color:#fff;text-decoration:underline}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes hudAppear{0%{opacity:0;transform:scale(0)translateY(20px)}60%{transform:scale(calc(var(--marker-scale) * 1.1)) translateY(-5px);opacity:1}to{transform:scale(var(--marker-scale)) translateY(0);opacity:1}}@keyframes loadingScan{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes markerRain{0%{transform:translateY(0)}to{transform:translateY(50%)}}@keyframes markerSnow{0%{transform:translateY(0)}to{transform:translateY(50%)}}@keyframes markerGlow{0%{opacity:.5}to{opacity:1}}@keyframes markerClouds{0%{background-position:0}to{background-position:200%}}@keyframes markerFog{0%{background-position:0}50%{background-position:100%}to{background-position:0}}@media (width<=768px){.search-wrapper{width:40vw}.search-wrapper:focus-within{width:calc(100vw - 60px)}.leaflet-control-zoom a{width:30px!important;height:30px!important;font-size:14px!important;line-height:30px!important}}.detail-popup{background:var(--bg-glass);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);z-index:2000;border:1px solid #00e5ff33;border-radius:4px;flex-direction:column;width:900px;max-width:95vw;max-height:90vh;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 60px #000c,inset 0 0 40px #00e5ff0d}.dp-anim-area{background:#000a1466;border-bottom:1px solid #00e5ff1a;width:100%;height:120px;position:relative;overflow:hidden}.dp-anim-area canvas{width:100%;height:100%;position:absolute;inset:0}.dp-hero{z-index:2;flex-direction:column;justify-content:flex-end;height:100%;padding:12px 20px;display:flex;position:relative}.dp-close{width:24px;height:24px;color:var(--hud-cyan);cursor:pointer;background:#0000004d;border:1px solid #00e5ff33;justify-content:center;align-items:center;font-family:Share Tech Mono,monospace;font-size:12px;display:flex;position:absolute;top:8px;right:8px}.dp-close:hover{border-color:var(--accent-red);color:var(--accent-red);background:#ff646433}.dp-location,.dp-temp,.dp-section-title,.dp-aqi-status,.ds-val{font-family:Orbitron,sans-serif}.dp-location{color:var(--hud-cyan);text-transform:uppercase;letter-spacing:2px;font-size:18px;font-weight:700}.dp-country,.dp-desc,.ph-time,.pd-name,.pd-low,.dp-aqi-detail,.dp-sun,.ds-lbl{font-family:Share Tech Mono,monospace}.dp-country{color:var(--text-muted);margin-top:1px;font-size:11px}.dp-temp-row{align-items:flex-end;gap:8px;margin-top:4px;display:flex}.dp-temp{color:var(--hud-cyan);font-size:36px;font-weight:900;line-height:1}.dp-temp.warm{color:var(--hud-warm)}.dp-icon{margin-bottom:2px;font-size:28px}.dp-desc{color:#00e5ff99;text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:10px}.dp-body{flex:1;overflow-y:auto}.dp-grid{grid-template-columns:280px minmax(0,1fr);display:grid}.dp-col-left{background:#00e5ff05;border-right:1px solid #00e5ff1a;padding:12px}.dp-col-right{flex-direction:column;gap:8px;padding:12px;display:flex}.dp-stats{flex-wrap:wrap;gap:6px;display:flex}.dp-stat{text-align:center;background:#00e5ff08;border:1px solid #00e5ff1a;flex:calc(33.333% - 6px);padding:6px 4px}.dp-stat:hover{background:#00e5ff0f}.ds-icon{margin-bottom:2px;font-size:12px;display:block}.ds-val{color:#fff;font-size:13px;font-weight:700;display:block}.ds-lbl{color:var(--text-muted);text-transform:uppercase;font-size:8px}.dp-sun-row{gap:6px;margin:8px 0;display:flex}.dp-sun{color:var(--hud-cyan);background:#00e5ff08;border:1px solid #00e5ff1a;flex:calc(50% - 6px);padding:6px 8px;font-size:11px}.dp-section-title{color:#00e5ff66;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #00e5ff14;margin:8px 0 4px;padding-bottom:3px;font-size:9px;font-weight:600}.dp-hourly-scroll,.dp-daily-list{box-sizing:border-box;gap:3px;max-width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.popup-hour,.popup-day{text-align:center;box-sizing:border-box;background:#00e5ff08;border:1px solid #00e5ff14;flex-shrink:0;min-width:44px;padding:4px 3px}.ph-time,.pd-name{color:var(--text-muted);font-size:9px;display:block}.ph-icon,.pd-icon{margin:2px 0;font-size:16px;display:block}.ph-temp,.pd-high{color:#fff;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;display:block}.pd-low{color:var(--text-muted);margin-top:1px;font-size:9px;display:block}.dp-chart-wrap{background:#00e5ff05;border:1px solid #00e5ff14;height:130px;padding:8px;position:relative}.dp-aqi{background:#00e5ff08;border:1px solid #00e5ff1a;align-items:center;gap:10px;padding:8px;display:flex}.aqi-skeleton{background:linear-gradient(90deg,#00e5ff08 25%,#00e5ff14 50%,#00e5ff08 75%) 0 0/200% 100%;border-radius:8px;height:48px;margin-top:5px;animation:1.5s linear infinite aqi-pulse}.dp-aqi-gauge{border:2px solid;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dp-aqi-gauge.good{border-color:var(--accent-green);color:var(--accent-green)}.dp-aqi-gauge.moderate{border-color:var(--accent-yellow);color:var(--accent-yellow)}.dp-aqi-gauge.unhealthy-sensitive{border-color:var(--accent-orange);color:var(--accent-orange)}.dp-aqi-gauge.unhealthy{border-color:var(--accent-red);color:var(--accent-red)}.dp-aqi-gauge.very-unhealthy{border-color:var(--accent-purple);color:var(--accent-purple)}.dp-aqi-num{font-family:Orbitron,sans-serif;font-size:14px;font-weight:800}.dp-aqi-lbl{text-transform:uppercase;font-size:6px;font-weight:600}.dp-aqi-status{font-size:11px;font-weight:700}.dp-aqi-detail{color:var(--text-secondary);margin-top:2px;font-size:9px}@keyframes aqi-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=768px){.detail-popup{width:calc(100vw - 20px);max-height:80vh}.dp-grid{flex-direction:column;display:flex}.dp-col-left{border-bottom:1px solid #00e5ff1a;border-right:none;padding:8px}.dp-col-right{padding:8px}.dp-temp{font-size:28px}.dp-location{font-size:14px}.dp-close{width:32px;height:32px;font-size:16px;top:10px;right:10px}}