.heatmap-container{margin:0 auto;max-width:1200px;padding:20px;position:relative;width:100%}#map{background-color:#f0f0f0;border:1px solid #ccc;border-radius:8px;height:600px;margin-bottom:20px;min-height:400px;width:100%}.input-section{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}#locationInput{border:1px solid #ddd;border-radius:4px;flex:1;font-size:16px;min-width:250px;padding:12px}#addLocationBtn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}#addLocationBtn:hover{background-color:#0056b3}.submission-info{color:#666;font-size:14px;margin-top:10px;text-align:center}.mapboxgl-popup{max-width:300px}.mapboxgl-popup-content{padding:15px}@media (max-width:600px){.input-section{flex-direction:column}#addLocationBtn,#locationInput{width:100%}}