:root{--background-color:#fff;--text-color:#333;--panel-background:#fff;--panel-border:#e0e0e0;--panel-shadow:#0000001a}body.dark-mode{--background-color:#121212;--text-color:#f0f0f0;--panel-background:#1e1e1e;--panel-border:#333;--panel-shadow:#0000004d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;overflow:hidden;transition:background-color .3s ease,color .3s ease;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.map-container{height:100%;width:100%}.map-container{left:0;position:absolute;top:0}.panel{background-color:#fff;background-color:var(--panel-background);border:1px solid #e0e0e0;border:1px solid var(--panel-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--panel-shadow);overflow-y:auto;padding:16px;position:absolute;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease;z-index:10}.left-panel{left:20px}.left-panel,.right-panel{bottom:20px;top:20px;width:300px}.right-panel{display:flex;flex-direction:column;right:20px}.panel-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--panel-border);color:var(--text-secondary);font-size:12px;margin-top:auto;padding-top:10px;text-align:center}.panel-footer a{color:#4a90e2;text-decoration:none}.panel-footer a:hover{text-decoration:underline}.theme-toggle{background-color:#fff;background-color:var(--panel-background);border:1px solid #e0e0e0;border:1px solid var(--panel-border);border-radius:20px;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--panel-shadow);color:#333;color:var(--text-color);cursor:pointer;font-weight:700;left:50%;padding:8px 16px;position:absolute;top:20px;transform:translateX(-50%);transition:background-color .3s ease,border-color .3s ease;z-index:20}.variable-selector{width:100%}.variable-list{list-style:none;margin:0;padding:0}.variable-item{border:1px solid #e0e0e0;border:1px solid var(--panel-border);border-radius:6px;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s ease}.variable-item:hover{background-color:#0000000d}body.dark-mode .variable-item:hover{background-color:#ffffff1a}.variable-item.selected{background-color:#4a90e21a;border-color:#4a90e2}.variable-item h3{font-size:16px;margin:0 0 6px}.variable-item p{color:#666;font-size:14px;margin:0}body.dark-mode .variable-item p{color:#aaa}.selected-variable{width:100%}.variable-details{background-color:#00000005;border:1px solid #e0e0e0;border:1px solid var(--panel-border);border-radius:6px;margin-bottom:8px;padding:10px}body.dark-mode .variable-details{background-color:#ffffff0d}.no-selection{color:#888;font-style:italic}body.dark-mode .no-selection{color:#777}.metadata{border-top:1px solid #e0e0e0;border-top:1px solid var(--panel-border);margin-top:15px;padding-top:15px}.variable-details h3{font-size:15px;margin:0 0 3px}.description{font-size:13px;margin-bottom:5px}.variable-controls{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--panel-border);border-top:1px solid #e0e0e0;border-top:1px solid var(--panel-border);margin:8px 0;padding:8px 0}.control-group{display:flex;flex-direction:column;margin-bottom:6px}.control-group:last-child{margin-bottom:0}.control-group label{font-size:13px;font-weight:500;margin-bottom:3px}.numeric-input{background-color:#fff;background-color:var(--background-color);border:1px solid #e0e0e0;border:1px solid var(--panel-border);border-radius:4px;box-sizing:border-box;color:#333;color:var(--text-color);font-size:13px;padding:6px 8px;transition:border-color .2s ease;width:100%}.numeric-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}body.dark-mode .numeric-input{background-color:#0003;border-color:#444}body.dark-mode .numeric-input:focus{border-color:#4a90e2}.apply-button-container{display:flex;justify-content:flex-end;margin-top:12px}.action-buttons-container{display:flex;justify-content:space-between;margin-top:20px}.action-buttons-container .apply-button,.action-buttons-container .connect-data-button{flex:1 1;margin:0 5px}.action-buttons-container .apply-button{margin-left:0}.action-buttons-container .connect-data-button{margin-right:0}.connect-data-container{margin-top:20px;text-align:center}.connect-data-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px;transition:background-color .2s}.connect-data-button:hover{background-color:#3d9140}.apply-button{background-color:#4a90e2;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.apply-button:hover{background-color:#3a7bc8}.apply-button:active{background-color:#2d6cb0;transform:translateY(1px)}body.dark-mode .apply-button{box-shadow:0 2px 4px #0000004d}@media (max-width:768px){.panel.left-panel,.panel.right-panel{display:none}.map-container{position:relative;touch-action:pan-x pan-y}.mobile-bottom-bar{align-items:center;background:var(--panel-background);border-top:1px solid var(--panel-border);bottom:0;box-shadow:0 -6px 12px var(--panel-shadow);display:flex;gap:8px;height:56px;justify-content:space-between;left:0;padding:0 12px max(8px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:1000}.mobile-bottom-bar button{background:#0000;border:1px solid var(--panel-border);border-radius:10px;color:var(--text-color);flex:1 1 auto;font-weight:600;height:40px}.bottom-sheet-backdrop{background:#00000040;inset:0;position:fixed;z-index:1099}.bottom-sheet{background:var(--panel-background);border-top-left-radius:12px;border-top-right-radius:12px;bottom:0;box-shadow:0 -8px 24px #0003;height:70vh;left:0;max-height:85vh;overflow:auto;padding:12px 12px calc(12px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:1100}.theme-toggle{display:none}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;max-width:400px;padding:20px;position:relative;width:90%}.dark-mode .modal-content{background-color:#333;color:#f0f0f0}.close-button{position:absolute;right:10px;top:10px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.form-group textarea{min-height:80px;resize:vertical}.dark-mode .form-group input,.dark-mode .form-group textarea{background-color:#444;border-color:#555;color:#f0f0f0}.option-selector{margin-bottom:20px}.radio-option{align-items:center;display:flex;margin-bottom:10px}.radio-option input[type=radio]{margin-right:10px;width:auto}.radio-option label{cursor:pointer;font-weight:400;margin-bottom:0}.submit-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px}.submit-button:hover{background-color:#3a80d2}.success-message{padding:20px 0;text-align:center}.tooltip{cursor:help;display:inline-block;margin-left:5px;position:relative}.info-icon{border-radius:50%;color:#666;font-size:14px;font-style:normal;margin-left:5px;padding:0 5px}.dark-mode .info-icon{color:#ccc}.tooltip-text{background-color:#333;border-radius:4px;bottom:125%;color:#fff;font-size:12px;font-weight:400;left:50%;line-height:1.4;margin-left:-100px;opacity:0;padding:8px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:200px;z-index:1}.tooltip-text:after{border:5px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}@media (max-width:768px){.tooltip-text{font-size:11px;margin-left:-80px;padding:6px;width:160px}}.slider-container{margin:10px 0;width:100%}.slider{-webkit-appearance:none;appearance:none;background:#d3d3d3;border-radius:5px;height:5px;opacity:.9;outline:none;transition:opacity .2s;width:100%}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4caf50;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000001a;cursor:pointer;height:16px;width:16px}.slider::-moz-range-thumb{background:#4caf50;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000001a;cursor:pointer;height:16px;width:16px}.dual-slider{height:24px;position:relative}.dual-slider .slider-track{background:#d3d3d3;left:0;right:0}.dual-slider .slider-range,.dual-slider .slider-track{border-radius:5px;height:5px;position:absolute;top:50%;transform:translateY(-50%)}.dual-slider .slider-range{background:#4caf50;opacity:.6}.dual-slider input[type=range].slider{background:#0000;bottom:0;left:0;margin:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.dual-slider input[type=range].slider::-webkit-slider-thumb{pointer-events:auto}.dual-slider input[type=range].slider::-moz-range-thumb{pointer-events:auto}.dual-slider .thumb-min{z-index:2}.dual-slider .thumb-max{z-index:3}.dual-slider input[type=range].slider::-moz-range-track{background:#0000}.input-slider-container{display:flex;flex-direction:column;width:100%}.value-display{color:#666;display:flex;font-size:.8em;justify-content:space-between;margin-top:5px}.min-value{text-align:left}.max-value{text-align:right}body.dark .dual-slider .slider-track,body.dark .slider{background:#444}body.dark .dual-slider .slider-range{background:#8bc34a}@media (max-width:768px){.input-slider-container{flex-direction:column}.slider{height:8px}.slider::-webkit-slider-thumb{height:28px;width:28px}.slider::-moz-range-thumb{height:28px;width:28px}.dual-slider{height:36px}}.colormap-legend{background-color:#ffffffe6;border-radius:4px;bottom:20px;box-shadow:0 2px 4px #0003;left:50%;margin:10px;max-width:400px;padding:12px;position:absolute;transform:translateX(-50%);width:calc(100% - 40px);z-index:1000}.dark-mode .colormap-legend{background-color:#1e1e1ee6;color:#f0f0f0}.colormap-legend h3{font-size:16px;margin-bottom:10px;margin-top:0;text-align:center}.legend-gradient{border-radius:2px;height:20px;margin-bottom:5px;width:100%}.legend-labels{display:flex;font-size:12px;justify-content:space-between;margin-bottom:10px}.legend-explanation{font-size:12px;line-height:1.4;margin:5px 0 0;text-align:center}@media (max-width:768px){.colormap-legend{bottom:10px;padding:8px}.legend-gradient{height:15px}.legend-explanation{font-size:11px}}.variable-value-popup{background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0003;margin-top:-10px;max-width:300px;min-width:250px;padding:12px;position:absolute;transform:translate(-50%,-100%);z-index:1000}.dark-mode .variable-value-popup{background-color:#333;color:#f0f0f0}.popup-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.dark-mode .popup-header{border-bottom-color:#555}.popup-header h3{font-size:16px;margin:0}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:20px;padding:0 5px}.dark-mode .close-button{color:#ccc}.close-button:hover{color:#333}.dark-mode .close-button:hover{color:#fff}.variable-value-item{border-bottom:1px solid #eee;margin-bottom:12px;padding-bottom:12px}.dark-mode .variable-value-item{border-bottom-color:#555}.variable-value-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.variable-value-item h4{font-size:14px;margin:0 0 8px}.value-details p{font-size:13px;margin:4px 0}.deviation-info{display:flex;gap:5px}.in-range{color:#4caf50}.dark-mode .in-range{color:#8bc34a}.out-of-range{color:#f44336}.no-data{color:#999;font-size:13px;font-style:italic}.dark-mode .no-data{color:#777}.disabled{color:#999}.dark-mode .disabled{color:#777}
/*# sourceMappingURL=main.3138b42a.css.map*/