Update main.js

main.js

@@ -1,4 +1,23 @@
 document.addEventListener('DOMContentLoaded', () => {
+  // --- SETTINGS MODAL LOGIC ---
+
+// Listen for a click on the main settings gear icon
+settingsBtn.addEventListener('click', () => {
+    settingsModal.classList.remove('hidden');
+});
+
+// Listen for a click on the "X" button inside the modal
+closeSettingsModal.addEventListener('click', () => {
+    settingsModal.classList.add('hidden');
+});
+
+// Bonus: Also close the modal if the user clicks on the dark background overlay
+settingsModal.addEventListener('click', (event) => {
+    // Check if the click was on the dark background itself, not the white modal content
+    if (event.target === settingsModal) {
+        settingsModal.classList.add('hidden');
+    }
+});
     // --- CONFIGURATION ---
     const config = {
         // IMPORTANT: Paste your full and correct Cloudflare Worker URL here