@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body{margin:0;padding:0;font-family:Arial,sans-serif;font-size:16px}#map{height:calc(100vh - 120px);width:100%;background:#c7e6d7}#controls{padding:20px;background:#f5f5f5;border-bottom:1px solid #ddd}#control-row{display:flex;gap:30px;margin-bottom:20px;align-items:center}#slider-container{position:relative;margin-bottom:40px}.play-button-wrapper,.time-slider-row{display:flex;align-items:center;gap:16px}.time-slider-row #time-slider{flex:1;margin-bottom:0}.play-button-wrapper{flex-direction:column;gap:6px;min-width:80px}.play-button-caption{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#4caf50;font-weight:600}.slider-labels{display:flex;justify-content:space-between;font-size:15px;color:#666;margin-bottom:5px;height:22px}#slider-current-time,#temperature-display{position:absolute;left:50%;transform:translateX(-50%);font-weight:700;color:#4caf50}#temperature-display{color:#2196f3;white-space:nowrap}#temperature-slider,#time-slider{width:100%;margin-bottom:10px}#temperature-slider{height:6px}#temperature-slider-container{position:relative}#toggle-temperature-layer{padding:8px 16px;font-size:14px;cursor:pointer;background:#2196f3;color:#fff;border:0;border-radius:4px}#toggle-temperature-layer:hover{background:#1976d2}#balloon-color-container,#overlay-layer-container{display:flex;align-items:center;gap:10px}#balloon-color-container>label,#overlay-layer-container>label{font-size:16px;color:#333;white-space:nowrap;font-weight:500}.button-group{display:flex;gap:0;border:1px solid #ccc;border-radius:4px;overflow:hidden}.toggle-button{padding:8px 16px;font-size:15px;background:#fff;border:0;border-right:1px solid #ccc;cursor:pointer;color:#666;transition:all .2s}.toggle-button:last-child{border-right:none}.toggle-button:hover{background:#f5f5f5}.toggle-button.active{background:#4caf50;color:#fff;font-weight:500}#time-slider{flex:1;height:6px}#altitude-slider-container{display:flex;align-items:center;gap:10px}#altitude-slider-container label{font-size:14px;color:#333;white-space:nowrap;min-width:200px}#altitude-display{font-weight:700;color:#4caf50;display:inline-block;min-width:180px}#altitude-slider{flex:1;height:6px}#play-button{padding:10px;cursor:pointer;background:#4caf50;color:#fff;border:0;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:all .2s;z-index:10;flex-shrink:0}#play-button svg{width:18px;height:18px}#play-button:hover{background:#45a049;box-shadow:0 4px 12px rgba(0,0,0,.3);transform:scale(1.05)}#altitude-legend,#temperature-legend{position:fixed;bottom:30px;background:#fff;padding:12px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.2);z-index:9999;pointer-events:none}#altitude-legend{right:20px}.legend-title{font-size:14px;font-weight:700;margin-bottom:8px;color:#333}.legend-gradient{width:200px;height:20px;border-radius:2px;border:1px solid #ccc}.chart-legend{margin-top:20px;max-width:260px}.chart-legend .legend-gradient{width:100%;height:16px}#altitude-legend .legend-gradient,.altitude-gradient{background:linear-gradient(to right,purple,indigo,#0080ff,gold,#ff0)}.legend-labels{display:flex;justify-content:space-between;font-size:13px;color:#666;margin-top:4px}#temperature-legend{left:20px}.temperature-gradient{width:200px;height:20px;background:linear-gradient(to right,#00f,#0ff,#0f0,#ff0,red);border-radius:2px;border:1px solid #ccc}.balloon-velocity-arrow{stroke-width:3;stroke:gold;stroke-opacity:.9;filter:drop-shadow(0 0 3px rgba(0,0,0,.5))}.leaflet-popup{animation:fadeIn .3s ease-in}.leaflet-overlay-pane{transition:opacity .3s ease-in-out}#graph-sidebar{position:fixed;top:0;right:0;width:800px;height:100vh;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,.2);z-index:10000;transition:transform .3s ease-in-out;display:flex}#graph-sidebar.collapsed{transform:translateX(100%)}#sidebar-toggle{position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:40px;height:80px;background:#fff;border:1px solid #ddd;border-right:none;border-radius:4px 0 0 4px;cursor:pointer;font-size:20px;color:#333;box-shadow:-2px 0 4px rgba(0,0,0,.1);z-index:1}#sidebar-toggle:hover{background:#f0f0f0}#sidebar-content{flex:1;display:flex;flex-direction:column;overflow:hidden}#sidebar-tabs{display:flex;border-bottom:2px solid #ddd;background:#f5f5f5;padding:10px 10px 0}.tab-button{padding:10px 20px;background:0 0;border:0;border-bottom:3px solid transparent;cursor:pointer;font-size:16px;color:#666;transition:all .2s}.tab-button:hover{color:#333;background:rgba(0,0,0,.05)}.tab-button.active{color:#4caf50;border-bottom-color:#4caf50;font-weight:700}#graph-container{flex:1;overflow-y:auto;padding:20px}.tab-content{display:none}.tab-content.active{display:block}#help-tooltip h3,.tab-content h3{margin:0 0 20px;color:#333;font-size:20px;border-bottom:2px solid #4caf50;padding-bottom:10px}.time-interval-graphs{display:flex;flex-direction:column;gap:30px}.graph-section{background:#f9f9f9;padding:15px;border-radius:8px;border:1px solid #e0e0e0}.graph-section h4{margin:0 0 15px;color:#555;font-size:16px;font-weight:600}.graph-section canvas{max-width:100%;height:600px}#help-button,#help-tooltip{position:absolute;right:20px}#help-button{top:20px;width:40px;height:40px;border-radius:50%;background:#4caf50;color:#fff;border:0;font-size:24px;font-weight:700;cursor:pointer;z-index:1001;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:all .2s;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;line-height:1;padding:0}#help-button:hover{background:#45a049;transform:scale(1.05);box-shadow:0 3px 8px rgba(0,0,0,.4)}#help-tooltip{top:70px;width:350px;background:#fff;border:2px solid #4caf50;border-radius:8px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1002;animation:fadeIn .2s}#help-tooltip h3{margin:0 0 15px;color:#4caf50;font-size:18px;padding-bottom:8px}#help-tooltip p{margin:0 0 12px;line-height:1.5;color:#333;font-size:14px}#help-tooltip p:last-child{margin-bottom:0}