body,html{margin:0;padding:0;height:100%}#map{position:absolute;top:0;bottom:0;width:100%}.weather-button{position:absolute;left:20px;width:60px;height:60px;background-color:#ccc;border:none;border-radius:8px;cursor:pointer;font-size:24px;color:#333;transition:background-color .3s ease;box-shadow:0 2px 5px #0000004d}.weather-button.active{background-color:#000;color:#fff}#rainBtn{top:20px}#snowBtn{top:100px}#zoom-indicator{position:absolute;top:180px;left:20px;background:#242424cc;color:#ffe49b;font-family:monospace;padding:6px 14px;border-radius:8px;font-size:17px;z-index:99;pointer-events:none;box-shadow:0 2px 8px #0000002e;letter-spacing:1px}.version-select{position:absolute;top:20px;right:20px;z-index:1000;padding:6px 10px;font:15px/1.2 Segoe UI,sans-serif;background:#fffc;border:1px solid #bbb;border-radius:6px;cursor:pointer}.time-select{position:absolute;top:62px;right:20px;z-index:1000;width:280px;padding:10px 12px 12px;font:14px/1.2 Segoe UI,sans-serif;background:#ffffffd1;border:1px solid rgba(0,0,0,.18);border-radius:10px;box-shadow:0 6px 18px #0000001f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.time-select__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.time-select__title{font-weight:600;letter-spacing:.2px;color:#000000c7}.time-select__value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;padding:2px 8px;border-radius:999px;background:#0000000f;border:1px solid rgba(0,0,0,.08);color:#000000c7}.time-select input[type=range]{width:100%;margin:0;padding:0;accent-color:#242424;cursor:pointer}.time-select input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:#00000029}.time-select input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#242424;border:2px solid rgba(255,255,255,.95);box-shadow:0 2px 8px #00000040;margin-top:-6px}.time-select input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#00000029}.time-select input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#242424;border:2px solid rgba(255,255,255,.95);box-shadow:0 2px 8px #00000040}.time-select__scale{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:#0000008c;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.time-select__meta{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:#0000009e;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}