body{margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;background-color:#242424;color:#ffffffde;overflow:hidden}#root,.map-container{width:100%;height:100%}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.controls-panel{padding:10px 15px;background-color:#282c34;color:#fff;display:flex;flex-direction:row;gap:25px;align-items:flex-start;flex-wrap:wrap;box-shadow:0 2px 5px #0000004d;z-index:10;max-height:40vh;overflow-y:auto}.controls-panel>div{display:flex;flex-direction:column;gap:8px;min-width:180px}.controls-panel h3{margin-top:0;margin-bottom:8px;font-size:.95em;font-weight:600;color:#61dafb;border-bottom:1px solid #444;padding-bottom:4px}.controls-panel h3 span[title],.controls-panel h4 span[title]{cursor:help}.controls-panel h4{margin-top:5px;margin-bottom:10px;font-size:.9em;font-weight:500}.control-item{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.85em}.control-select{padding:4px 8px;border-radius:4px;background-color:#333842;color:#fff;border:1px solid #555;font-size:.9em}.control-item input[type=checkbox],.control-item input[type=radio]{cursor:pointer;margin-right:2px;transform:scale(.9)}.color-swatch{display:inline-block;width:12px;height:12px;border:1px solid #555;vertical-align:middle}.heatmap-config-panel{padding:10px;border:1px solid #444;border-radius:4px;background-color:#333842;display:flex;flex-direction:column;gap:15px}.sliders-group{display:flex;flex-direction:column;gap:8px}.sliders-group h5{margin:0 0 5px;font-size:.8em;color:#aaa;text-transform:uppercase}.control-slider-item{display:flex;flex-direction:column;gap:4px;font-size:.8em}.control-slider-item label{color:#ccc}.control-slider-item input[type=range]{width:100%;cursor:pointer}.map-container-wrapper{flex-grow:1;position:relative;background-color:#1e1e1e}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.5em;z-index:20}.error-message{padding:20px;text-align:center;color:#ff6b6b;font-size:1.2em;background-color:#2c0000;height:100vh;display:flex;align-items:center;justify-content:center}.metadata-overlay{position:fixed;bottom:10px;right:10px;background-color:#1e1e1ed9;color:#e0e0e0;padding:10px 15px;border-radius:6px;font-size:.8rem;z-index:1000;box-shadow:0 2px 8px #00000080;max-width:300px}.metadata-overlay p{margin:4px 0;line-height:1.4}