#map{width:100%;height:500px}@media (max-width: 768px){#map{height:300px}}@media (max-width: 480px){#map{height:250px}}.legend{position:absolute;bottom:20px;left:20px;z-index:100;background-color:#fff;padding:15px 20px;border-radius:4px;box-shadow:0 2px 6px #00000026}.legend-title{font-weight:700;margin-bottom:10px;font-size:16px}.legend-item{display:flex;align-items:center;margin-bottom:8px}.legend-item:last-child{margin-bottom:0}.legend-color{width:20px;height:20px;margin-right:10px;border-radius:2px}.member-states{background-color:#2d7a4f}.co-opted-states{background-color:gold}.legend-label{font-size:14px}.form-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;width:-moz-fit-content;width:fit-content;margin:auto}.input-field{flex:1;border:1px solid #ccc;border-radius:4px;margin-right:10px}.track-button{background-color:#4caf50;color:#fff;border:none;padding:2px 12px;border-radius:4px;cursor:pointer;height:2em;line-height:2em;transition:background-color .3s}.track-button:hover{background-color:#45a049}@media (max-width: 600px){.form-container{width:100%}.tracking{margin-top:2em}}