.weather-panel{position:fixed;top:0;left:0;right:0;bottom:64px;z-index:120;background:#0a0e2a;display:flex;flex-direction:column;overflow:visible;max-width:500px;margin:0 auto}.weather-back-btn{position:absolute;top:12px;left:12px;z-index:1001;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;padding:0;line-height:1;-webkit-tap-highlight-color:transparent}.weather-back-btn:hover{background:rgba(255,255,255,.15)}.weather-back-btn:active{background:rgba(255,255,255,.25);transform:scale(.95)}.weather-branding{position:absolute;top:8px;right:8px;z-index:1001;pointer-events:none}.weather-branding-logo{width:48px;height:48px;opacity:.6;border-radius:50%}.weather-map-container{width:100%;flex:1;min-height:0;background:#1a1a2e}.weather-controls{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:rgba(10,10,20,.92);border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.weather-timestamp{font-size:.8rem;color:#b0b0b0;font-family:courier new,monospace;letter-spacing:.5px}.weather-timestamp .weather-loading{color:#f0c040;animation:weather-pulse 1.2s ease-in-out infinite}@keyframes weather-pulse{0%,100%{opacity:.5}50%{opacity:1}}.weather-playback{display:flex;gap:4px;align-items:center}.weather-btn{background:rgba(255,255,255,8%);border:1px solid rgba(255,255,255,.2);color:#d0d0d0;border-radius:4px;width:34px;height:30px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;padding:0}.weather-btn:hover:not(:disabled){background:rgba(255,255,255,.18);color:#fff}.weather-btn:disabled{opacity:.3;cursor:not-allowed}.weather-btn-play{width:40px;font-size:1rem;color:#4caf50;border-color:rgba(76,175,80,.4)}.weather-btn-play:hover:not(:disabled){background:rgba(76,175,80,.15)}.weather-city-label{background:0 0!important;border:none!important}.city-label-inner{font-size:.7rem;font-family:courier new,monospace;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.9),-1px -1px 2px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.7);white-space:nowrap;pointer-events:none;letter-spacing:.3px}.city-temp{color:#ffd740;font-weight:700;font-size:.8rem;margin-left:3px}.city-hidden{display:none!important}.weather-pad-marker{background:0 0!important;border:none!important}.pad-marker-inner{font-size:.8rem;font-family:courier new,monospace;color:#ff5252;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.95),-1px -1px 3px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.8);white-space:nowrap;pointer-events:none}.weather-ts-overlay{background:rgba(0,0,0,.7);color:#fff;font-family:courier new,monospace;font-size:.85rem;font-weight:700;padding:4px 8px;border-radius:4px;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.9)}.weather-panel .leaflet-top.leaflet-right{right:50px}.weather-panel .leaflet-control-attribution{font-size:.55rem;background:rgba(0,0,0,.6)!important;color:#888!important;padding:1px 5px}.weather-panel .leaflet-control-attribution a{color:#aaa!important}.weather-filter-toggle{position:absolute;bottom:100px;left:8px;z-index:1000;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.25);color:#d0d0d0;border-radius:4px;width:32px;height:32px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;padding:0;line-height:1}.weather-filter-toggle:hover{background:rgba(255,255,255,.15);color:#fff}.weather-filter-toggle.active{background:rgba(76,175,80,.3);border-color:rgba(76,175,80,.6);color:#4caf50}.weather-filter-panel{position:absolute;bottom:90px;left:0;right:0;z-index:999;background:rgba(10,10,20,.95);border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);padding:12px 12px 14px;display:none;pointer-events:auto}.weather-filter-panel.open{display:block}.weather-filter-presets{display:flex;align-items:center;gap:8px;margin-bottom:10px}.weather-filter-presets label{font-size:.7rem;color:#888;font-family:courier new,monospace;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.weather-filter-presets select{flex:1;background:rgba(255,255,255,8%);border:1px solid rgba(255,255,255,.2);color:#d0d0d0;font-family:courier new,monospace;font-size:.75rem;border-radius:4px;padding:4px 6px;outline:none}.weather-filter-presets select:focus{border-color:rgba(76,175,80,.5)}.weather-filter-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.weather-filter-row:last-child{margin-bottom:0}.weather-filter-label{font-size:.65rem;color:#888;font-family:courier new,monospace;text-transform:uppercase;letter-spacing:.5px;width:52px;flex-shrink:0;text-align:right}.weather-filter-value{font-size:.7rem;color:#ffd740;font-family:courier new,monospace;font-weight:700;width:36px;flex-shrink:0;text-align:center}.weather-filter-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:rgba(255,255,255,.15);border-radius:2px;outline:none}.weather-filter-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#4caf50;border:2px solid rgba(255,255,255,.3);cursor:pointer}.weather-filter-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#4caf50;border:2px solid rgba(255,255,255,.3);cursor:pointer}.weather-filter-slider:active::-webkit-slider-thumb{background:#66bb6a;transform:scale(1.15)}.weather-filter-slider:active::-moz-range-thumb{background:#66bb6a;transform:scale(1.15)}