diff --git a/chat-core.js b/chat-core.js
index f99e166..f90497a 100644
--- a/chat-core.js
+++ b/chat-core.js
@@ -377,12 +377,17 @@ document.addEventListener("DOMContentLoaded", () => {
         }
     }
 
-    function updateVoiceToggleUI() {
-        if (voiceToggleBtn) {
-            voiceToggleBtn.textContent = autoSpeakEnabled ? "🔊 Voice On" : "🔇 Voice Off";
-            voiceToggleBtn.style.backgroundColor = autoSpeakEnabled ? "#4CAF50" : "";
-        }
-    }
+    function updateVoiceToggleUI() {
+        if (voiceToggleBtn) {
+            if (autoSpeakEnabled) {
+                voiceToggleBtn.innerHTML = '<i class="fas fa-volume-up"></i> AI Voice On';
+                voiceToggleBtn.classList.add("active");
+            } else {
+                voiceToggleBtn.innerHTML = '<i class="fas fa-volume-mute"></i> AI Voice Off';
+                voiceToggleBtn.classList.remove("active");
+            }
+        }
+    }
 
     function speakMessage(text, onEnd = null) {
         if (!synth || !window.SpeechSynthesisUtterance) {
@@ -589,13 +594,13 @@ document.addEventListener("DOMContentLoaded", () => {
                 window._chatInternals.recognition = recognition;
             }
 
-            recognition.onstart = () => {
-                isListening = true;
-                if (voiceInputBtn) {
-                    voiceInputBtn.classList.add("listening");
-                    voiceInputBtn.innerHTML = '<i class="fas fa-microphone-slash"></i>';
-                }
-            };
+            recognition.onstart = () => {
+                isListening = true;
+                if (voiceInputBtn) {
+                    voiceInputBtn.classList.add("active");
+                    voiceInputBtn.innerHTML = '<i class="fas fa-headset"></i> Voice Chat On';
+                }
+            };
 
             recognition.onresult = (event) => {
                 let finalTranscript = "";
@@ -624,22 +629,22 @@ document.addEventListener("DOMContentLoaded", () => {
                 }
             };
 
-            recognition.onerror = (event) => {
-                isListening = false;
-                if (voiceInputBtn) {
-                    voiceInputBtn.classList.remove("listening");
-                    voiceInputBtn.innerHTML = '<i class="fas fa-microphone"></i>';
-                }
-                console.error("Speech recognition error:", event.error);
-            };
-
-            recognition.onend = () => {
-                isListening = false;
-                if (voiceInputBtn) {
-                    voiceInputBtn.classList.remove("listening");
-                    voiceInputBtn.innerHTML = '<i class="fas fa-microphone"></i>';
-                }
-            };
+            recognition.onerror = (event) => {
+                isListening = false;
+                if (voiceInputBtn) {
+                    voiceInputBtn.classList.remove("active");
+                    voiceInputBtn.innerHTML = '<i class="fas fa-headset"></i> Voice Chat Off';
+                }
+                console.error("Speech recognition error:", event.error);
+            };
+
+            recognition.onend = () => {
+                isListening = false;
+                if (voiceInputBtn) {
+                    voiceInputBtn.classList.remove("active");
+                    voiceInputBtn.innerHTML = '<i class="fas fa-headset"></i> Voice Chat Off';
+                }
+            };
 
             return true;
         } catch (error) {
diff --git a/chat-init.js b/chat-init.js
index 535527d..d169c79 100644
--- a/chat-init.js
+++ b/chat-init.js
@@ -509,35 +509,20 @@ document.addEventListener("DOMContentLoaded", () => {
             document.getElementById("model-select").focus();
         });
     };
-    checkFirstLaunch();
-    const setupVoiceInputButton = () => {
-        if (!("webkitSpeechRecognition" in window || "SpeechRecognition" in window)) {
-            const voiceInputBtn = document.getElementById("voice-input-btn");
-            if (voiceInputBtn) {
-                voiceInputBtn.disabled = true;
-                voiceInputBtn.title = "Voice input not supported in this browser";
-            }
-            return;
-        }
-        const inputButtonsContainer = document.querySelector(".input-buttons-container");
-        if (!window._chatInternals.voiceInputBtn && inputButtonsContainer) {
-            const voiceInputBtn = document.createElement("button");
-            voiceInputBtn.id = "voice-input-btn";
-            voiceInputBtn.innerHTML = '<i class="fas fa-microphone"></i>';
-            voiceInputBtn.title = "Voice input";
-            inputButtonsContainer.insertBefore(voiceInputBtn, document.getElementById("send-button"));
-            window._chatInternals.setVoiceInputButton(voiceInputBtn);
-            voiceInputBtn.addEventListener("click", toggleSpeechRecognition);
-        }
-    };
-    setupVoiceInputButton();
-    if ("webkitSpeechRecognition" in window || "SpeechRecognition" in window) {
-        try {
-            toggleSpeechRecognition();
-        } catch (err) {
-            console.error("Automatic speech recognition start failed:", err);
-        }
-    }
+    checkFirstLaunch();
+    const setupVoiceChatToggle = () => {
+        const btn = document.getElementById("voice-chat-toggle");
+        if (!btn) return;
+        if (!("webkitSpeechRecognition" in window || "SpeechRecognition" in window)) {
+            btn.disabled = true;
+            btn.title = "Voice input not supported in this browser";
+            return;
+        }
+        btn.title = "Toggle voice input";
+        window._chatInternals.setVoiceInputButton(btn);
+        btn.addEventListener("click", toggleSpeechRecognition);
+    };
+    setupVoiceChatToggle();
     document.addEventListener("click", e => {
         if (e.target.closest(".image-button-container")) {
             e.preventDefault();
@@ -579,184 +564,11 @@ document.addEventListener("DOMContentLoaded", () => {
     if (initialSession.messages?.length > 0) renderStoredMessages(initialSession.messages);
     chatInput.disabled = false;
     chatInput.focus();
-    const voiceChatModal = document.getElementById("voice-chat-modal");
-    const openVoiceChatModalBtn = document.getElementById("open-voice-chat-modal");
-    const closeVoiceChatModalBtn = document.getElementById("voice-chat-modal-close");
-    const voiceSettingsModal = document.getElementById("voice-settings-modal");
-    const openVoiceSettingsModalBtn = document.getElementById("open-voice-settings-modal");
-    const voiceChatImage = document.getElementById("voice-chat-image");
-    let slideshowInterval = null;
-    const startVoiceChatSlideshow = () => {
-        if (slideshowInterval) clearInterval(slideshowInterval);
-        const currentSession = Storage.getCurrentSession();
-        let lastMessage = currentSession.messages.slice(-1)[0]?.content || "default scene";
-        let imagePrompt = "";
-        for (const { pattern, group } of imagePatterns) {
-            const match = lastMessage.match(pattern);
-            if (match) {
-                imagePrompt = match[group].trim();
-                break;
-            }
-        }
-        if (!imagePrompt) {
-            imagePrompt = lastMessage.replace(/image|picture|show me|generate/gi, "").trim();
-        }
-        imagePrompt = imagePrompt.slice(0, 100) + ", photographic";
-        const updateImage = () => {
-            const seed = randomSeed();
-            voiceChatImage.src = `https://image.pollinations.ai/prompt/${encodeURIComponent(imagePrompt)}?width=512&height=512&seed=${seed}&nolog=true&referrer=unityailab.com`;
-        };
-        updateImage();
-        slideshowInterval = setInterval(updateImage, 10000);
-    };
-    const stopVoiceChatSlideshow = () => {
-        if (slideshowInterval) {
-            clearInterval(slideshowInterval);
-            slideshowInterval = null;
-        }
-    };
-    let voiceBuffer = "";
-    let silenceTimeout = null;
-    const setupCustomSpeechRecognition = () => {
-        if (!window._chatInternals.recognition) {
-            const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
-            if (!SpeechRecognition) {
-                showToast("Speech recognition not supported in this browser");
-                return false;
-            }
-            window._chatInternals.recognition = new SpeechRecognition();
-            const recognition = window._chatInternals.recognition;
-            recognition.continuous = true;
-            recognition.interimResults = true;
-            recognition.lang = "en-US";
-            recognition.onstart = () => {
-                window._chatInternals.isListening = true;
-                showToast("Voice recognition active");
-                document.getElementById("voice-chat-start").disabled = true;
-                document.getElementById("voice-chat-stop").disabled = false;
-            };
-            recognition.onend = () => {
-                window._chatInternals.isListening = false;
-                document.getElementById("voice-chat-start").disabled = false;
-                document.getElementById("voice-chat-stop").disabled = true;
-            };
-            recognition.onerror = event => {
-                window._chatInternals.isListening = false;
-                document.getElementById("voice-chat-start").disabled = false;
-                document.getElementById("voice-chat-stop").disabled = true;
-                const errors = {
-                    "no-speech": "No speech detected. Please try again.",
-                    "not-allowed": "Microphone access denied. Please allow microphone access in your browser settings.",
-                    "service-not-allowed": "Microphone access denied. Please allow microphone access in your browser settings.",
-                };
-                showToast(errors[event.error] || "Voice recognition error: " + event.error);
-            };
-            recognition.onresult = event => {
-                let interimTranscript = "";
-                let finalTranscript = "";
-                for (let i = event.resultIndex; i < event.results.length; i++) {
-                    const transcript = event.results[i][0].transcript;
-                    if (event.results[i].isFinal) {
-                        const processed = transcript.trim();
-                        if (!handleVoiceCommand(processed)) finalTranscript += processed + " ";
-                    } else {
-                        interimTranscript += transcript;
-                    }
-                }
-                voiceBuffer += finalTranscript;
-                chatInput.value = voiceBuffer + interimTranscript;
-                if (finalTranscript) {
-                    clearTimeout(silenceTimeout);
-                    silenceTimeout = setTimeout(() => {
-                        if (voiceBuffer.trim()) {
-                            window.addNewMessage({ role: "user", content: voiceBuffer.trim() });
-                            window.sendToPollinations(startVoiceChatSlideshow);
-                            voiceBuffer = "";
-                            chatInput.value = "";
-                        }
-                    }, 1500);
-                }
-            };
-        }
-        return true;
-    };
-    const setupVoiceChatControls = () => {
-        const modalBody = voiceChatModal.querySelector(".modal-body");
-        let voiceSelectChat = modalBody.querySelector("#voice-select-voicechat");
-        if (!voiceSelectChat) {
-            const voiceSelectContainer = document.createElement("div");
-            voiceSelectContainer.className = "form-group mb-3";
-            const voiceSelectLabel = document.createElement("label");
-            voiceSelectLabel.className = "form-label";
-            voiceSelectLabel.innerHTML = '<i class="fas fa-headset"></i> Voice Selection:';
-            voiceSelectLabel.htmlFor = "voice-select-voicechat";
-            voiceSelectChat = document.createElement("select");
-            voiceSelectChat.id = "voice-select-voicechat";
-            voiceSelectChat.className = "form-control";
-            voiceSelectContainer.appendChild(voiceSelectLabel);
-            voiceSelectContainer.appendChild(voiceSelectChat);
-            const insertAfter = modalBody.querySelector("p") || voiceChatImage;
-            if (insertAfter?.nextSibling) modalBody.insertBefore(voiceSelectContainer, insertAfter.nextSibling);
-            else modalBody.appendChild(voiceSelectContainer);
-        }
-        const existingControls = modalBody.querySelector(".voice-chat-controls");
-        if (existingControls) existingControls.remove();
-        const controlsDiv = document.createElement("div");
-        controlsDiv.className = "voice-chat-controls";
-        Object.assign(controlsDiv.style, { display: "flex", gap: "10px", marginTop: "15px" });
-        const startBtn = document.createElement("button");
-        startBtn.id = "voice-chat-start";
-        startBtn.className = "btn btn-primary";
-        startBtn.textContent = "Start Listening";
-        startBtn.style.width = "100%";
-        startBtn.style.padding = "10px";
-        startBtn.disabled = window._chatInternals.isListening;
-        const stopBtn = document.createElement("button");
-        stopBtn.id = "voice-chat-stop";
-        stopBtn.className = "btn btn-danger";
-        stopBtn.textContent = "Stop Listening";
-        stopBtn.style.width = "100%";
-        stopBtn.style.padding = "10px";
-        stopBtn.disabled = !window._chatInternals.isListening;
-        controlsDiv.appendChild(startBtn);
-        controlsDiv.appendChild(stopBtn);
-        modalBody.appendChild(controlsDiv);
-        startBtn.addEventListener("click", () => {
-            if (!setupCustomSpeechRecognition()) return showToast("Failed to initialize speech recognition");
-            try {
-                window._chatInternals.recognition.start();
-                startVoiceChatSlideshow();
-            } catch (error) {
-                showToast("Could not start speech recognition: " + error.message);
-            }
-        });
-        stopBtn.addEventListener("click", () => {
-            if (window._chatInternals.recognition && window._chatInternals.isListening) {
-                window._chatInternals.recognition.stop();
-                stopVoiceChatSlideshow();
-                showToast("Voice recognition stopped");
-            }
-        });
-    };
-    const updateAllVoiceDropdowns = selectedIndex => {
-        ["voice-select", "voice-select-modal", "voice-settings-modal", "voice-select-voicechat"].forEach(id => {
-            const dropdown = document.getElementById(id);
-            if (dropdown) dropdown.value = selectedIndex;
-        });
-    };
-    openVoiceChatModalBtn.addEventListener("click", () => {
-        voiceChatModal.classList.remove("hidden");
-        setupVoiceChatControls();
-        window._chatInternals.populateAllVoiceDropdowns();
-    });
-    closeVoiceChatModalBtn.addEventListener("click", () => {
-        voiceChatModal.classList.add("hidden");
-        if (window._chatInternals.recognition && window._chatInternals.isListening) window._chatInternals.recognition.stop();
-        stopVoiceChatSlideshow();
-    });
-    openVoiceSettingsModalBtn.addEventListener("click", () => {
-        voiceSettingsModal.classList.remove("hidden");
-        window._chatInternals.populateAllVoiceDropdowns();
+    const voiceSettingsModal = document.getElementById("voice-settings-modal");
+    const openVoiceSettingsModalBtn = document.getElementById("open-voice-settings-modal");
+    openVoiceSettingsModalBtn.addEventListener("click", () => {
+        voiceSettingsModal.classList.remove("hidden");
+        window._chatInternals.populateAllVoiceDropdowns();
         const voiceSpeedInput = document.getElementById("voice-speed");
         const voicePitchInput = document.getElementById("voice-pitch");
         const voiceSpeedValue = document.getElementById("voice-speed-value");
@@ -766,9 +578,9 @@ document.addEventListener("DOMContentLoaded", () => {
         voiceSpeedValue.textContent = `${voiceSpeedInput.value}x`;
         voicePitchValue.textContent = `${voicePitchInput.value}x`;
     });
-    document.getElementById("voice-settings-modal-close").addEventListener("click", () => voiceSettingsModal.classList.add("hidden"));
-    document.getElementById("voice-settings-cancel").addEventListener("click", () => voiceSettingsModal.classList.add("hidden"));
-    document.getElementById("voice-settings-save").addEventListener("click", () => {
+    document.getElementById("voice-settings-modal-close").addEventListener("click", () => voiceSettingsModal.classList.add("hidden"));
+    document.getElementById("voice-settings-cancel").addEventListener("click", () => voiceSettingsModal.classList.add("hidden"));
+    document.getElementById("voice-settings-save").addEventListener("click", () => {
         const voiceSpeedInput = document.getElementById("voice-speed");
         const voicePitchInput = document.getElementById("voice-pitch");
         const voiceSelectModal = document.getElementById("voice-select-modal");
@@ -780,14 +592,14 @@ document.addEventListener("DOMContentLoaded", () => {
         localStorage.setItem("voiceSpeed", voiceSpeed);
         localStorage.setItem("voicePitch", voicePitch);
         window._chatInternals.updateVoiceToggleUI();
-        updateAllVoiceDropdowns(selectedVoiceIndex);
+        window._chatInternals.updateAllVoiceDropdowns(selectedVoiceIndex);
         voiceSettingsModal.classList.add("hidden");
         showToast("Voice settings saved");
     });
-    document.getElementById("voice-speed").addEventListener("input", () => {
-        document.getElementById("voice-speed-value").textContent = `${document.getElementById("voice-speed").value}x`;
-    });
-    document.getElementById("voice-pitch").addEventListener("input", () => {
-        document.getElementById("voice-pitch-value").textContent = `${document.getElementById("voice-pitch").value}x`;
-    });
+    document.getElementById("voice-speed").addEventListener("input", () => {
+        document.getElementById("voice-speed-value").textContent = `${document.getElementById("voice-speed").value}x`;
+    });
+    document.getElementById("voice-pitch").addEventListener("input", () => {
+        document.getElementById("voice-pitch-value").textContent = `${document.getElementById("voice-pitch").value}x`;
+    });
 });
diff --git a/chat-storage.js b/chat-storage.js
index efe9589..86ee36b 100644
--- a/chat-storage.js
+++ b/chat-storage.js
@@ -569,32 +569,20 @@ document.addEventListener("DOMContentLoaded", () => {
             }
         }
     }
-    checkFirstLaunch();
-    function setupVoiceInputButton() {
-        if ("webkitSpeechRecognition" in window || "SpeechRecognition" in window) {
-            const inputButtonsContainer = document.querySelector(".input-buttons-container");
-            if (!window._chatInternals.voiceInputBtn && inputButtonsContainer) {
-                const voiceInputBtn = document.createElement("button");
-                voiceInputBtn.id = "voice-input-btn";
-                voiceInputBtn.innerHTML = '<i class="fas fa-microphone"></i>';
-                voiceInputBtn.title = "Voice input";
-                inputButtonsContainer.insertBefore(voiceInputBtn, document.getElementById("send-button"));
-                window._chatInternals.setVoiceInputButton(voiceInputBtn);
-                let voiceBuffer = "";
-                let silenceTimeout = null;
-                voiceInputBtn.addEventListener("click", () => {
-                    toggleSpeechRecognition();
-                });
-            }
-        } else {
-            const voiceInputBtn = document.getElementById("voice-input-btn");
-            if (voiceInputBtn) {
-                voiceInputBtn.disabled = true;
-                voiceInputBtn.title = "Voice input not supported in this browser";
-            }
-        }
-    }
-    setupVoiceInputButton();
+    checkFirstLaunch();
+    function setupVoiceChatToggle() {
+        const btn = document.getElementById("voice-chat-toggle");
+        if (!btn) return;
+        if (!("webkitSpeechRecognition" in window || "SpeechRecognition" in window)) {
+            btn.disabled = true;
+            btn.title = "Voice input not supported in this browser";
+            return;
+        }
+        btn.title = "Toggle voice input";
+        window._chatInternals.setVoiceInputButton(btn);
+        btn.addEventListener("click", toggleSpeechRecognition);
+    }
+    setupVoiceChatToggle();
     document.addEventListener('click', function(e) {
         if (e.target.closest('.image-button-container')) {
             e.preventDefault();
@@ -609,227 +597,11 @@ document.addEventListener("DOMContentLoaded", () => {
         chatInput.disabled = false;
         chatInput.focus();
     }
-    const voiceChatModal = document.getElementById("voice-chat-modal");
-    const openVoiceChatModalBtn = document.getElementById("open-voice-chat-modal");
-    const closeVoiceChatModalBtn = document.getElementById("voice-chat-modal-close");
-    const voiceSettingsModal = document.getElementById("voice-settings-modal");
-    const openVoiceSettingsModalBtn = document.getElementById("open-voice-settings-modal");
-    const voiceChatImage = document.getElementById("voice-chat-image");
-    let slideshowInterval = null;
-    function startVoiceChatSlideshow() {
-        if (slideshowInterval) clearInterval(slideshowInterval);
-        const currentSession = Storage.getCurrentSession();
-        let lastMessage = currentSession.messages.slice(-1)[0]?.content || "default scene";
-        let imagePrompt = "";
-        for (const patternObj of imagePatterns) {
-            const match = lastMessage.match(patternObj.pattern);
-            if (match) {
-                imagePrompt = match[patternObj.group].trim();
-                break;
-            }
-        }
-        imagePrompt += ", origami";
-        if (imagePrompt.length > 100) {
-            imagePrompt = imagePrompt.substring(0, 100);
-        }
-        function updateImage() {
-            const seed = Math.floor(Math.random() * 1000000);
-            const imageId = `voice-img-${Date.now()}`;
-            localStorage.setItem(`voiceImageId_${imageId}`, imageId);
-            const imageUrl = `https://image.pollinations.ai/prompt/${encodeURIComponent(imagePrompt)}?width=512&height=512&seed=${seed}&nolog=true&referrer=unityailab.com`;
-            voiceChatImage.src = imageUrl;
-            voiceChatImage.dataset.imageId = imageId;
-            voiceChatImage.onload = () => {
-                attachImageButtons(voiceChatImage, imageId);
-            };
-            voiceChatImage.onerror = () => {
-                showToast("Failed to load slideshow image");
-            };
-        }
-        updateImage();
-        slideshowInterval = setInterval(updateImage, 10000);
-    }
-    function stopVoiceChatSlideshow() {
-        if (slideshowInterval) {
-            clearInterval(slideshowInterval);
-            slideshowInterval = null;
-        }
-    }
-    let voiceBuffer = "";
-    let silenceTimeout = null;
-    function setupCustomSpeechRecognition() {
-        if (!window._chatInternals.recognition) {
-            if ('webkitSpeechRecognition' in window) {
-                window._chatInternals.recognition = new webkitSpeechRecognition();
-            } else if ('SpeechRecognition' in window) {
-                window._chatInternals.recognition = new SpeechRecognition();
-            } else {
-                showToast("Speech recognition not supported in this browser");
-                return false;
-            }
-            const recognition = window._chatInternals.recognition;
-            recognition.continuous = true;
-            recognition.interimResults = true;
-            recognition.lang = 'en-US';
-            recognition.onstart = () => {
-                window._chatInternals.isListening = true;
-                showToast("Voice recognition active");
-                const startBtn = document.getElementById("voice-chat-start");
-                const stopBtn = document.getElementById("voice-chat-stop");
-                if (startBtn) startBtn.disabled = true;
-                if (stopBtn) stopBtn.disabled = false;
-            };
-            recognition.onend = () => {
-                window._chatInternals.isListening = false;
-                const startBtn = document.getElementById("voice-chat-start");
-                const stopBtn = document.getElementById("voice-chat-stop");
-                if (startBtn) startBtn.disabled = false;
-                if (stopBtn) stopBtn.disabled = true;
-            };
-            recognition.onerror = (event) => {
-                window._chatInternals.isListening = false;
-                const startBtn = document.getElementById("voice-chat-start");
-                const stopBtn = document.getElementById("voice-chat-stop");
-                if (startBtn) startBtn.disabled = false;
-                if (stopBtn) stopBtn.disabled = true;
-                if (event.error === "no-speech") {
-                    showToast("No speech detected. Please try again.");
-                } else if (event.error === "not-allowed" || event.error === "service-not-allowed") {
-                    showToast("Microphone access denied. Please allow microphone access in your browser settings.");
-                } else {
-                    showToast("Voice recognition error: " + event.error);
-                }
-            };
-            recognition.onresult = (event) => {
-                let interimTranscript = "";
-                let finalTranscript = "";
-                for (let i = event.resultIndex; i < event.results.length; i++) {
-                    const transcript = event.results[i][0].transcript;
-                    if (event.results[i].isFinal) {
-                        const processed = transcript.trim();
-                        if (!handleVoiceCommand(processed)) {
-                            finalTranscript += processed + " ";
-                        }
-                    } else {
-                        interimTranscript += transcript;
-                    }
-                }
-                voiceBuffer += finalTranscript;
-                chatInput.value = voiceBuffer + interimTranscript;
-                if (finalTranscript) {
-                    clearTimeout(silenceTimeout);
-                    silenceTimeout = setTimeout(() => {
-                        if (voiceBuffer.trim()) {
-                            window.addNewMessage({ role: "user", content: voiceBuffer.trim() });
-                            window.sendToPollinations(() => {
-                                startVoiceChatSlideshow();
-                                chatInput.focus();
-                            });
-                            voiceBuffer = "";
-                            chatInput.value = "";
-                        }
-                    }, 1500);
-                }
-            };
-        }
-        return true;
-    }
-    function setupVoiceChatControls() {
-        const modalBody = voiceChatModal.querySelector(".modal-body");
-        let voiceSelectChat = modalBody.querySelector("#voice-select-voicechat");
-        if (!voiceSelectChat) {
-            const voiceSelectContainer = document.createElement("div");
-            voiceSelectContainer.className = "form-group mb-3";
-            const voiceSelectLabel = document.createElement("label");
-            voiceSelectLabel.className = "form-label";
-            voiceSelectLabel.innerHTML = '<i class="fas fa-headset"></i> Voice Selection:';
-            voiceSelectLabel.htmlFor = "voice-select-voicechat";
-            voiceSelectChat = document.createElement("select");
-            voiceSelectChat.id = "voice-select-voicechat";
-            voiceSelectChat.className = "form-control";
-            voiceSelectContainer.appendChild(voiceSelectLabel);
-            voiceSelectContainer.appendChild(voiceSelectChat);
-            const insertAfterElement = modalBody.querySelector("p") || voiceChatImage;
-            if (insertAfterElement && insertAfterElement.nextSibling) {
-                modalBody.insertBefore(voiceSelectContainer, insertAfterElement.nextSibling);
-            } else {
-                modalBody.appendChild(voiceSelectContainer);
-            }
-        }
-        const existingControls = modalBody.querySelector(".voice-chat-controls");
-        if (existingControls) existingControls.remove();
-        const controlsDiv = document.createElement("div");
-        controlsDiv.className = "voice-chat-controls";
-        controlsDiv.style.display = "flex";
-        controlsDiv.style.gap = "10px";
-        controlsDiv.style.marginTop = "15px";
-        const startBtn = document.createElement("button");
-        startBtn.id = "voice-chat-start";
-        startBtn.className = "btn btn-primary";
-        startBtn.textContent = "Start Listening";
-        startBtn.style.width = "100%";
-        startBtn.style.padding = "10px";
-        startBtn.disabled = window._chatInternals.isListening;
-        const stopBtn = document.createElement("button");
-        stopBtn.id = "voice-chat-stop";
-        stopBtn.className = "btn btn-danger";
-        stopBtn.textContent = "Stop Listening";
-        stopBtn.style.width = "100%";
-        stopBtn.style.padding = "10px";
-        stopBtn.disabled = !window._chatInternals.isListening;
-        controlsDiv.appendChild(startBtn);
-        controlsDiv.appendChild(stopBtn);
-        modalBody.appendChild(controlsDiv);
-        startBtn.addEventListener("click", () => {
-            if (!setupCustomSpeechRecognition()) {
-                showToast("Failed to initialize speech recognition");
-                return;
-            }
-            const recognition = window._chatInternals.recognition;
-            try {
-                recognition.start();
-                startVoiceChatSlideshow();
-            } catch (error) {
-                showToast("Could not start speech recognition: " + error.message);
-            }
-        });
-        stopBtn.addEventListener("click", () => {
-            if (window._chatInternals.recognition && window._chatInternals.isListening) {
-                window._chatInternals.recognition.stop();
-                stopVoiceChatSlideshow();
-                showToast("Voice recognition stopped");
-            }
-        });
-    }
-    function updateAllVoiceDropdowns(selectedIndex) {
-        const voiceDropdownIds = [
-            "voice-select",
-            "voice-select-modal",
-            "voice-select-settings",
-            "voice-select-voicechat"
-        ];
-        voiceDropdownIds.forEach(id => {
-            const dropdown = document.getElementById(id);
-            if (dropdown) {
-                dropdown.value = selectedIndex;
-            }
-        });
-    }
-    openVoiceChatModalBtn.addEventListener("click", () => {
-        voiceChatModal.classList.remove("hidden");
-        setupVoiceChatControls();
-        window._chatInternals.populateAllVoiceDropdowns();
-    });
-    closeVoiceChatModalBtn.addEventListener("click", () => {
-        voiceChatModal.classList.add("hidden");
-        if (window._chatInternals.recognition && window._chatInternals.isListening) {
-            window._chatInternals.recognition.stop();
-        }
-        stopVoiceChatSlideshow();
-    });
-    openVoiceSettingsModalBtn.addEventListener("click", () => {
-        voiceSettingsModal.classList.remove("hidden");
-        window._chatInternals.populateAllVoiceDropdowns();
+    const voiceSettingsModal = document.getElementById("voice-settings-modal");
+    const openVoiceSettingsModalBtn = document.getElementById("open-voice-settings-modal");
+    openVoiceSettingsModalBtn.addEventListener("click", () => {
+        voiceSettingsModal.classList.remove("hidden");
+        window._chatInternals.populateAllVoiceDropdowns();
         const voiceSpeedInput = document.getElementById("voice-speed");
         const voicePitchInput = document.getElementById("voice-pitch");
         const voiceSpeedValue = document.getElementById("voice-speed-value");
@@ -839,13 +611,13 @@ document.addEventListener("DOMContentLoaded", () => {
         voiceSpeedValue.textContent = `${voiceSpeedInput.value}x`;
         voicePitchValue.textContent = `${voicePitchInput.value}x`;
     });
-    document.getElementById("voice-settings-modal-close").addEventListener("click", () => {
-        voiceSettingsModal.classList.add("hidden");
-    });
-    document.getElementById("voice-settings-cancel").addEventListener("click", () => {
-        voiceSettingsModal.classList.add("hidden");
-    });
-    document.getElementById("voice-settings-save").addEventListener("click", () => {
+    document.getElementById("voice-settings-modal-close").addEventListener("click", () => {
+        voiceSettingsModal.classList.add("hidden");
+    });
+    document.getElementById("voice-settings-cancel").addEventListener("click", () => {
+        voiceSettingsModal.classList.add("hidden");
+    });
+    document.getElementById("voice-settings-save").addEventListener("click", () => {
         const voiceSpeedInput = document.getElementById("voice-speed");
         const voicePitchInput = document.getElementById("voice-pitch");
         const voiceSelectModal = document.getElementById("voice-select-modal");
@@ -856,15 +628,15 @@ document.addEventListener("DOMContentLoaded", () => {
         localStorage.setItem("selectedVoiceIndex", selectedVoiceIndex);
         localStorage.setItem("voiceSpeed", voiceSpeed);
         localStorage.setItem("voicePitch", voicePitch);
+        window._chatInternals.updateAllVoiceDropdowns(selectedVoiceIndex);
         window._chatInternals.updateVoiceToggleUI();
-        updateAllVoiceDropdowns(selectedVoiceIndex);
         voiceSettingsModal.classList.add("hidden");
         showToast("Voice settings saved");
     });
-    document.getElementById("voice-speed").addEventListener("input", () => {
-        document.getElementById("voice-speed-value").textContent = `${document.getElementById("voice-speed").value}x`;
-    });
-    document.getElementById("voice-pitch").addEventListener("input", () => {
-        document.getElementById("voice-pitch-value").textContent = `${document.getElementById("voice-pitch").value}x`;
-    });
+    document.getElementById("voice-speed").addEventListener("input", () => {
+        document.getElementById("voice-speed-value").textContent = `${document.getElementById("voice-speed").value}x`;
+    });
+    document.getElementById("voice-pitch").addEventListener("input", () => {
+        document.getElementById("voice-pitch-value").textContent = `${document.getElementById("voice-pitch").value}x`;
+    });
 });
\ No newline at end of file
diff --git a/index.html b/index.html
index 9adf99c..93edac3 100644
--- a/index.html
+++ b/index.html
@@ -128,19 +128,19 @@ <h2>Sessions</h2>
           </div>
           <div class="chat-controls">
             <div>
-              <button id="voice-toggle" class="control-btn" title="Toggle automatic voice responses">
-                <i class="fas fa-volume-mute"></i> Voice Off
-              </button>
-              <button id="open-voice-settings-modal" class="control-btn" title="Open voice settings">
-                <i class="fas fa-sliders-h"></i> Voice Settings
-              </button>
-              <button id="open-voice-chat-modal" class="control-btn" title="Start voice chat with image slideshow">
-                <i class="fas fa-headset"></i> Voice Chat
-              </button>
-              <button id="shut-up-btn" class="control-btn" title="Instantly stop all voice output" onclick="window._chatInternals.shutUpTTS()">
-                <i class="fas fa-volume-mute"></i> Shut Up
-              </button>
-            </div>
+              <button id="voice-toggle" class="control-btn" title="Toggle automatic voice responses">
+                <i class="fas fa-volume-mute"></i> AI Voice Off
+              </button>
+              <button id="open-voice-settings-modal" class="control-btn" title="Open voice settings">
+                <i class="fas fa-sliders-h"></i> Voice Settings
+              </button>
+              <button id="voice-chat-toggle" class="control-btn" title="Toggle voice input">
+                <i class="fas fa-headset"></i> Voice Chat Off
+              </button>
+              <button id="shut-up-btn" class="control-btn" title="Instantly stop all voice output" onclick="window._chatInternals.shutUpTTS()">
+                <i class="fas fa-volume-mute"></i> Shut Up
+              </button>
+            </div>
             <div>
               <button id="clear-chat" class="control-btn" title="Clear current chat conversation">
                 <i class="fas fa-trash-alt"></i> Clear Chat
@@ -350,52 +350,40 @@ <h2 class="welcome-heading">Welcome to Unity Chat!</h2>
         </div>
       </div>
     </div>
-    <div id="voice-settings-modal" class="modal-backdrop hidden">
-      <div class="modal-container">
-        <div class="modal-header">
-          <h3 class="modal-title">Voice Settings</h3>
-          <button id="voice-settings-modal-close" class="close-btn" title="Close Voice Settings Window">×</button>
-        </div>
-        <div class="modal-body">
-          <div class="form-group mb-3">
-            <label for="voice-select-modal" class="form-label">
-              <i class="fas fa-headset"></i> Voice Selection:
-            </label>
-            <select id="voice-select-modal" class="form-control"></select>
-          </div>
-          <div class="form-group mb-3">
-            <label for="voice-speed" class="form-label">
-              <i class="fas fa-tachometer-alt"></i> Speech Speed:
-            </label>
-            <input type="range" id="voice-speed" class="form-range" min="0.5" max="2.0" step="0.1" value="1.0">
-            <span id="voice-speed-value">1.0x</span>
-          </div>
-          <div class="form-group mb-3">
-            <label for="voice-pitch" class="form-label">
-              <i class="fas fa-music"></i> Pitch:
-            </label>
-            <input type="range" id="voice-pitch" class="form-range" min="0.5" max="2.0" step="0.1" value="1.0">
-            <span id="voice-pitch-value">1.0x</span>
-          </div>
-        </div>
-        <div class="modal-footer">
-          <button id="voice-settings-save" class="btn btn-primary">Save</button>
-          <button id="voice-settings-cancel" class="btn btn-secondary">Cancel</button>
-        </div>
-      </div>
-    </div>
-    <div id="voice-chat-modal" class="modal-backdrop hidden">
-      <div class="modal-container">
-        <div class="modal-header">
-          <h3 class="modal-title">Voice Chat</h3>
-          <button id="voice-chat-modal-close" class="close-btn" title="Close Voice Chat Window">×</button>
-        </div>
-        <div class="modal-body">
-          <img id="voice-chat-image" src="" alt="Conversation Image" style="max-width: 100%; border-radius: 8px;">
-          <p>Listening to your voice... Speak naturally, and I'll respond after pauses.</p>
-        </div>
-      </div>
-    </div>
+    <div id="voice-settings-modal" class="modal-backdrop hidden">
+      <div class="modal-container">
+        <div class="modal-header">
+          <h3 class="modal-title">Voice Settings</h3>
+          <button id="voice-settings-modal-close" class="close-btn" title="Close Voice Settings Window">×</button>
+        </div>
+        <div class="modal-body">
+          <div class="form-group mb-3">
+            <label for="voice-select-modal" class="form-label">
+              <i class="fas fa-headset"></i> Voice Selection:
+            </label>
+            <select id="voice-select-modal" class="form-control"></select>
+          </div>
+          <div class="form-group mb-3">
+            <label for="voice-speed" class="form-label">
+              <i class="fas fa-tachometer-alt"></i> Speech Speed:
+            </label>
+            <input type="range" id="voice-speed" class="form-range" min="0.5" max="2.0" step="0.1" value="1.0">
+            <span id="voice-speed-value">1.0x</span>
+          </div>
+          <div class="form-group mb-3">
+            <label for="voice-pitch" class="form-label">
+              <i class="fas fa-music"></i> Pitch:
+            </label>
+            <input type="range" id="voice-pitch" class="form-range" min="0.5" max="2.0" step="0.1" value="1.0">
+            <span id="voice-pitch-value">1.0x</span>
+          </div>
+        </div>
+        <div class="modal-footer">
+          <button id="voice-settings-save" class="btn btn-primary">Save</button>
+          <button id="voice-settings-cancel" class="btn btn-secondary">Cancel</button>
+        </div>
+      </div>
+    </div>
     <script>
       function copyToClipboard(text) {
         navigator.clipboard.writeText(text).then(() => {
diff --git a/styles.css b/styles.css
index ea09827..e2fe680 100644
--- a/styles.css
+++ b/styles.css
@@ -187,24 +187,24 @@ body {
   margin-left: 10px;
 }
 
-#voice-input-btn, #send-button {
-  background: #404040;
-  border: none;
-  border-radius: 50%;
-  color: #e0e0e0;
-  width: 40px;
-  height: 40px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-
-#voice-input-btn:hover, #send-button:hover {
-  transform: scale(1.05);
-  background: #505050;
-}
+#send-button {
+  background: #404040;
+  border: none;
+  border-radius: 50%;
+  color: #e0e0e0;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+#send-button:hover {
+  transform: scale(1.05);
+  background: #505050;
+}
 
 #send-button:disabled {
   background: #606060;
@@ -454,87 +454,6 @@ body {
   box-shadow: 0 0 0 2px rgba(112,112,112,0.2);
 }
 
-.voice-chat-modal {
-  background: #2a2a2a;
-  border-radius: 12px;
-  padding: 20px;
-  width: 90vw;
-  max-width: 1200px;
-  min-height: 80vh;
-  max-height: 90vh;
-  overflow-y: auto;
-  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
-  color: #e0e0e0;
-}
-
-.voice-chat-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 20px;
-  color: #e0e0e0;
-}
-
-.voice-chat-controls {
-  display: flex;
-  flex-direction: column;
-  gap: 15px;
-}
-
-.voice-status {
-  padding: 15px;
-  border-radius: 10px;
-  background: #404040;
-  text-align: center;
-  font-size: 1.1rem;
-  color: #e0e0e0;
-}
-
-.voice-buttons {
-  display: flex;
-  justify-content: space-around;
-  gap: 15px;
-}
-
-.voice-btn {
-  padding: 12px 20px;
-  border-radius: 25px;
-  border: none;
-  background: #404040;
-  color: #e0e0e0;
-  font-size: 1rem;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-}
-
-.voice-btn:hover {
-  background: #505050;
-  transform: translateY(-2px);
-}
-
-.voice-btn:disabled {
-  background: #606060;
-  cursor: not-allowed;
-  opacity: 0.6;
-}
-
-.voice-btn.listening {
-  background: #d07070;
-}
-
-.transcript {
-  padding: 15px;
-  border-radius: 10px;
-  background: #333333;
-  min-height: 100px;
-  margin-top: 15px;
-  box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
-  color: #e0e0e0;
-}
 
 .personalization-modal {
   max-width: 600px;
diff --git a/themes/burple.css b/themes/burple.css
index 2ccd441..0b76abf 100644
--- a/themes/burple.css
+++ b/themes/burple.css
@@ -111,13 +111,8 @@ body {
 }
 
 /* Send and voice buttons */
-#send-button, #voice-input-btn {
-  background-color: #3C3272;
-  color: #FFFFFF;
-}
-#send-button:hover, #voice-input-btn:hover {
-  background-color: #524696;
-}
+#send-button, 
+#send-button:hover, 
 #send-button:disabled {
   background-color: #564DA3;
   color: #FFFFFF;
@@ -139,7 +134,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #524696;
   color: #FFFFFF;
 }
@@ -294,34 +289,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #241E42;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.7);
-}
-.voice-status {
-  background-color: #2B2342;
-  border: 1px solid #3C3272;
-  color: #CCCCFF;
-}
-.voice-btn {
-  background-color: #3C3272;
-  color: #FFFFFF;
-}
-.voice-btn:hover {
-  background-color: #524696;
-}
-.voice-btn:disabled {
-  background-color: #564DA3;
-  color: #FFFFFF;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #241E42;
-  border: 1px solid #3C3272;
-  color: #FFFFFF;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/cyberpunk.css b/themes/cyberpunk.css
index 7c1d529..15b47ff 100644
--- a/themes/cyberpunk.css
+++ b/themes/cyberpunk.css
@@ -111,13 +111,8 @@ body {
 }
 
 /* Send and voice buttons */
-#send-button, #voice-input-btn {
-  background-color: #390978;
-  color: #07FFCE;
-}
-#send-button:hover, #voice-input-btn:hover {
-  background-color: #2E0B5F;
-}
+#send-button, 
+#send-button:hover, 
 #send-button:disabled {
   background-color: #660033;
   color: #FFFFFF;
@@ -139,7 +134,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #2E0B5F;
   color: #FF00E2;
 }
@@ -294,34 +289,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #18033F;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.7);
-}
-.voice-status {
-  background-color: #1C0228;
-  border: 1px solid #390978;
-  color: #FF66FF;
-}
-.voice-btn {
-  background-color: #390978;
-  color: #07FFCE;
-}
-.voice-btn:hover {
-  background-color: #2E0B5F;
-}
-.voice-btn:disabled {
-  background-color: #660033;
-  color: #FFFFFF;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #18033F;
-  border: 1px solid #390978;
-  color: #FF00E2;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/dark.css b/themes/dark.css
index 05d29ad..ad962b3 100644
--- a/themes/dark.css
+++ b/themes/dark.css
@@ -128,14 +128,9 @@ body {
 }
 
 /* Send and voice buttons */
-#send-button, #voice-input-btn {
-  background-color: #2196f3;
-  color: white;
-}
+#send-button, 
 
-#send-button:hover, #voice-input-btn:hover {
-  background-color: #1976d2;
-}
+#send-button:hover, 
 
 #send-button:disabled {
   background-color: #555555;
@@ -160,7 +155,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #4caf50;
   color: white;
 }
@@ -349,40 +344,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #1e1e1e;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.7);
-}
 
-.voice-status {
-  background-color: #2a2a2a;
-  border: 1px solid #333333;
-  color: #bbbbbb;
-}
-
-.voice-btn {
-  background-color: #2196f3;
-  color: white;
-}
-
-.voice-btn:hover {
-  background-color: #1976d2;
-}
-
-.voice-btn:disabled {
-  background-color: #555555;
-  color: #ffffff;
-}
-
-.voice-btn.listening {
-  background-color: #f44336;
-}
-
-.transcript {
-  background-color: #1e1e1e;
-  border: 1px solid #333333;
-  color: #e0e0e0;
-}
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/dracula.css b/themes/dracula.css
index 4e7acf0..7e96ac8 100644
--- a/themes/dracula.css
+++ b/themes/dracula.css
@@ -113,15 +113,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #6272A4;
-  color: #F8F8F2;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #BD93F9;
-  color: #282A36;
-}
+
 #send-button:disabled {
   background-color: #6C757D;
   color: #F8F8F2;
@@ -143,7 +137,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #BD93F9;
   color: #282A36;
 }
@@ -300,34 +294,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #44475A;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.7);
-}
-.voice-status {
-  background-color: #343746;
-  border: 1px solid #6272A4;
-  color: #BD93F9;
-}
-.voice-btn {
-  background-color: #6272A4;
-  color: #F8F8F2;
-}
-.voice-btn:hover {
-  background-color: #BD93F9;
-}
-.voice-btn:disabled {
-  background-color: #6C757D;
-  color: #F8F8F2;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #44475A;
-  border: 1px solid #6272A4;
-  color: #F8F8F2;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/gruvbox_dark.css b/themes/gruvbox_dark.css
index 95e80ad..1151b15 100644
--- a/themes/gruvbox_dark.css
+++ b/themes/gruvbox_dark.css
@@ -113,15 +113,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #504945;
-  color: #EBDBB2;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #8EC07C;
-  color: #282828;
-}
+
 #send-button:disabled {
   background-color: #665C54;
   color: #EBDBB2;
@@ -143,7 +137,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #8EC07C;
   color: #282828;
 }
@@ -300,34 +294,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #3C3836;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.7);
-}
-.voice-status {
-  background-color: #3C3836;
-  border: 1px solid #504945;
-  color: #8EC07C;
-}
-.voice-btn {
-  background-color: #504945;
-  color: #EBDBB2;
-}
-.voice-btn:hover {
-  background-color: #8EC07C;
-}
-.voice-btn:disabled {
-  background-color: #665C54;
-  color: #EBDBB2;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #3C3836;
-  border: 1px solid #504945;
-  color: #EBDBB2;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/gruvbox_light.css b/themes/gruvbox_light.css
index 29fcf4a..7f92429 100644
--- a/themes/gruvbox_light.css
+++ b/themes/gruvbox_light.css
@@ -112,15 +112,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #F2E5BC;
-  color: #3C3836;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #EBDAB4;
-  color: #3C3836;
-}
+
 #send-button:disabled {
   background-color: #D5C4A1;
   color: #3C3836;
@@ -142,7 +136,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #EBDAB4;
   color: #3C3836;
 }
@@ -299,34 +293,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #F2E5BC;
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7);
-}
-.voice-status {
-  background-color: #F2E5BC;
-  border: 1px solid #EBDAB4;
-  color: #EBDBB2;
-}
-.voice-btn {
-  background-color: #F2E5BC;
-  color: #3C3836;
-}
-.voice-btn:hover {
-  background-color: #EBDAB4;
-}
-.voice-btn:disabled {
-  background-color: #D5C4A1;
-  color: #3C3836;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #F2E5BC;
-  border: 1px solid #EBDAB4;
-  color: #3C3836;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/hacker.css b/themes/hacker.css
index 665a514..2318082 100644
--- a/themes/hacker.css
+++ b/themes/hacker.css
@@ -112,14 +112,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #002200;
-  color: #00ff00;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #003300;
-}
+
 #send-button:disabled {
   background-color: #004400;
   color: #00ff00;
@@ -141,7 +136,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #003300;
   color: #00ff00;
 }
@@ -298,34 +293,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #001100;
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7);
-}
-.voice-status {
-  background-color: #002200;
-  border: 1px solid #005500;
-  color: #00ff00;
-}
-.voice-btn {
-  background-color: #002200;
-  color: #00ff00;
-}
-.voice-btn:hover {
-  background-color: #003300;
-}
-.voice-btn:disabled {
-  background-color: #004400;
-  color: #00ff00;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #001100;
-  border: 1px solid #005500;
-  color: #00ff00;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/honeycomb.css b/themes/honeycomb.css
index e2b5293..2971564 100644
--- a/themes/honeycomb.css
+++ b/themes/honeycomb.css
@@ -113,15 +113,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #FFCC80;
-  color: #5D4037;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #FFC107;
-  color: #4E342E;
-}
+
 #send-button:disabled {
   background-color: #FFB74D;
   color: #5D4037;
@@ -143,7 +137,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #FFC107;
   color: #4E342E;
 }
@@ -300,35 +294,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #FFF3E0;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.7);
-}
-.voice-status {
-  background-color: #FFF3E0;
-  border: 1px solid #FFCC80;
-  color: #5D4037;
-}
-.voice-btn {
-  background-color: #FFCC80;
-  color: #5D4037;
-}
-.voice-btn:hover {
-  background-color: #FFC107;
-  color: #4E342E;
-}
-.voice-btn:disabled {
-  background-color: #FFE0B2;
-  color: #5D4037;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #FFF3E0;
-  border: 1px solid #FFCC80;
-  color: #5D4037;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/light.css b/themes/light.css
index b7e4c84..4ba37d9 100644
--- a/themes/light.css
+++ b/themes/light.css
@@ -128,14 +128,9 @@ body {
 }
 
 /* Send and voice buttons */
-#send-button, #voice-input-btn {
-  background-color: #2196f3;
-  color: white;
-}
+#send-button, 
 
-#send-button:hover, #voice-input-btn:hover {
-  background-color: #1976d2;
-}
+#send-button:hover, 
 
 #send-button:disabled {
   background-color: #bdbdbd;
@@ -160,7 +155,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #4caf50;
   color: white;
 }
@@ -349,40 +344,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #ffffff;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
-}
 
-.voice-status {
-  background-color: #f5f5f5;
-  border: 1px solid #e0e0e0;
-  color: #555555;
-}
-
-.voice-btn {
-  background-color: #2196f3;
-  color: white;
-}
-
-.voice-btn:hover {
-  background-color: #1976d2;
-}
-
-.voice-btn:disabled {
-  background-color: #bdbdbd;
-  color: #ffffff;
-}
-
-.voice-btn.listening {
-  background-color: #f44336;
-}
-
-.transcript {
-  background-color: #ffffff;
-  border: 1px solid #e0e0e0;
-  color: #333333;
-}
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/material_dark.css b/themes/material_dark.css
index 57fe076..00bb3c0 100644
--- a/themes/material_dark.css
+++ b/themes/material_dark.css
@@ -112,15 +112,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #424242;
-  color: #ECEFF1;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #546E7A;
-  color: #ECEFF1;
-}
+
 #send-button:disabled {
   background-color: #424242;
   color: #ECEFF1;
@@ -142,7 +136,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #546E7A;
   color: #212121;
 }
@@ -299,34 +293,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #2C2C2C;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.7);
-}
-.voice-status {
-  background-color: #2C2C2C;
-  border: 1px solid #424242;
-  color: #ECEFF1;
-}
-.voice-btn {
-  background-color: #424242;
-  color: #ECEFF1;
-}
-.voice-btn:hover {
-  background-color: #546E7A;
-}
-.voice-btn:disabled {
-  background-color: #424242;
-  color: #ECEFF1;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #2C2C2C;
-  border: 1px solid #424242;
-  color: #ECEFF1;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/material_light.css b/themes/material_light.css
index 9ff6691..0be162d 100644
--- a/themes/material_light.css
+++ b/themes/material_light.css
@@ -113,15 +113,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #BDBDBD;
-  color: #212121;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #90CAF9;
-  color: #212121;
-}
+
 #send-button:disabled {
   background-color: #CFD8DC;
   color: #212121;
@@ -143,7 +137,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #90CAF9;
   color: #FAFAFA;
 }
@@ -300,34 +294,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #E0E0E0;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.7);
-}
-.voice-status {
-  background-color: #E0E0E0;
-  border: 1px solid #BDBDBD;
-  color: #212121;
-}
-.voice-btn {
-  background-color: #BDBDBD;
-  color: #212121;
-}
-.voice-btn:hover {
-  background-color: #90CAF9;
-}
-.voice-btn:disabled {
-  background-color: #CFD8DC;
-  color: #212121;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #E0E0E0;
-  border: 1px solid #BDBDBD;
-  color: #212121;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/monokai.css b/themes/monokai.css
index 32fe53f..bc13a45 100644
--- a/themes/monokai.css
+++ b/themes/monokai.css
@@ -113,15 +113,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #75715E;
-  color: #F8F8F2;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #A6E22E;
-  color: #272822;
-}
+
 #send-button:disabled {
   background-color: #75715E;
   color: #F8F8F2;
@@ -143,7 +137,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #A6E22E;
   color: #272822;
 }
@@ -300,35 +294,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #3E3D32;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.7);
-}
-.voice-status {
-  background-color: #3E3D32;
-  border: 1px solid #75715E;
-  color: #F8F8F2;
-}
-.voice-btn {
-  background-color: #75715E;
-  color: #F8F8F2;
-}
-.voice-btn:hover {
-  background-color: #A6E22E;
-  color: #272822;
-}
-.voice-btn:disabled {
-  background-color: #75715E;
-  color: #F8F8F2;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #3E3D32;
-  border: 1px solid #75715E;
-  color: #F8F8F2;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/nord.css b/themes/nord.css
index cff4f40..601caad 100644
--- a/themes/nord.css
+++ b/themes/nord.css
@@ -113,15 +113,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #4C566A;
-  color: #ECEFF4;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #5E81AC;
-  color: #2E3440;
-}
+
 #send-button:disabled {
   background-color: #4C566A;
   color: #ECEFF4;
@@ -143,7 +137,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #5E81AC;
   color: #2E3440;
 }
@@ -300,35 +294,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #3B4252;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.7);
-}
-.voice-status {
-  background-color: #3B4252;
-  border: 1px solid #4C566A;
-  color: #D8DEE9;
-}
-.voice-btn {
-  background-color: #4C566A;
-  color: #ECEFF4;
-}
-.voice-btn:hover {
-  background-color: #5E81AC;
-  color: #2E3440;
-}
-.voice-btn:disabled {
-  background-color: #4C566A;
-  color: #ECEFF4;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #3B4252;
-  border: 1px solid #4C566A;
-  color: #D8DEE9;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/ocean_breeze.css b/themes/ocean_breeze.css
index 1cc7303..3fe1354 100644
--- a/themes/ocean_breeze.css
+++ b/themes/ocean_breeze.css
@@ -113,15 +113,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #00848F;
-  color: #E0FFFF;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #00A6B2;
-  color: #00383C;
-}
+
 #send-button:disabled {
   background-color: #00848F;
   color: #E0FFFF;
@@ -143,7 +137,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #00A6B2;
   color: #00383C;
 }
@@ -300,35 +294,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #00505A;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.7);
-}
-.voice-status {
-  background-color: #00505A;
-  border: 1px solid #00A6B2;
-  color: #CDEFF3;
-}
-.voice-btn {
-  background-color: #00848F;
-  color: #E0FFFF;
-}
-.voice-btn:hover {
-  background-color: #00A6B2;
-  color: #00383C;
-}
-.voice-btn:disabled {
-  background-color: #00848F;
-  color: #E0FFFF;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #00505A;
-  border: 1px solid #00A6B2;
-  color: #CDEFF3;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/oled.css b/themes/oled.css
index 40c2699..aa53c62 100644
--- a/themes/oled.css
+++ b/themes/oled.css
@@ -112,14 +112,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #111111;
-  color: #FFFFFF;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #222222;
-}
+
 #send-button:disabled {
   background-color: #333333;
   color: #FFFFFF;
@@ -141,7 +136,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #222222;
   color: #FFFFFF;
 }
@@ -298,35 +293,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #000000;
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7);
-}
-.voice-status {
-  background-color: #000000;
-  border: 1px solid #222222;
-  color: #FFFFFF;
-}
-.voice-btn {
-  background-color: #111111;
-  color: #FFFFFF;
-}
-.voice-btn:hover {
-  background-color: #222222;
-  color: #FFFFFF;
-}
-.voice-btn:disabled {
-  background-color: #333333;
-  color: #FFFFFF;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #000000;
-  border: 1px solid #222222;
-  color: #FFFFFF;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/pastel_dream.css b/themes/pastel_dream.css
index 07c5582..864cd73 100644
--- a/themes/pastel_dream.css
+++ b/themes/pastel_dream.css
@@ -113,15 +113,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #BAADF2;
-  color: #2D2D34;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #AEE6E6;
-  color: #2D2D34;
-}
+
 #send-button:disabled {
   background-color: #C8BEF4;
   color: #2D2D34;
@@ -143,7 +137,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #AEE6E6;
   color: #2D2D34;
 }
@@ -300,35 +294,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #D6D1F2;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.7);
-}
-.voice-status {
-  background-color: #D6D1F2;
-  border: 1px solid #BAADF2;
-  color: #2D2D34;
-}
-.voice-btn {
-  background-color: #BAADF2;
-  color: #2D2D34;
-}
-.voice-btn:hover {
-  background-color: #AEE6E6;
-  color: #216869;
-}
-.voice-btn:disabled {
-  background-color: #C8BEF4;
-  color: #216869;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #D6D1F2;
-  border: 1px solid #BAADF2;
-  color: #2D2D34;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/pretty_pink.css b/themes/pretty_pink.css
index fed4098..c76552b 100644
--- a/themes/pretty_pink.css
+++ b/themes/pretty_pink.css
@@ -113,15 +113,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #FFB1C2;
-  color: #112244;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #EEA0B0;
-  color: #112244;
-}
+
 #send-button:disabled {
   background-color: #FFA1B5;
   color: #112244;
@@ -143,7 +137,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #EEA0B0;
   color: #112244;
 }
@@ -300,35 +294,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #FFB1C2;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.7);
-}
-.voice-status {
-  background-color: #FFB1C2;
-  border: 1px solid #EEA0B0;
-  color: #112244;
-}
-.voice-btn {
-  background-color: #FFB1C2;
-  color: #112244;
-}
-.voice-btn:hover {
-  background-color: #EEA0B0;
-  color: #112244;
-}
-.voice-btn:disabled {
-  background-color: #FFA1B5;
-  color: #112244;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #FFB1C2;
-  border: 1px solid #EEA0B0;
-  color: #112244;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/rainbow_throwup.css b/themes/rainbow_throwup.css
index f17f860..7297e34 100644
--- a/themes/rainbow_throwup.css
+++ b/themes/rainbow_throwup.css
@@ -113,15 +113,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #FFABAB;
-  color: #2C2C2C;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #FFD6A5;
-  color: #2C2C2C;
-}
+
 #send-button:disabled {
   background-color: #FFABAB;
   color: #2C2C2C;
@@ -143,7 +137,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #FFD6A5;
   color: #2C2C2C;
 }
@@ -300,35 +294,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #9BF6FF;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.7);
-}
-.voice-status {
-  background-color: #9BF6FF;
-  border: 1px solid #A0C4FF;
-  color: #2C2C2C;
-}
-.voice-btn {
-  background-color: #FFABAB;
-  color: #2C2C2C;
-}
-.voice-btn:hover {
-  background-color: #FFD6A5;
-  color: #2C2C2C;
-}
-.voice-btn:disabled {
-  background-color: #FFB1C2;
-  color: #2C2C2C;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #9BF6FF;
-  border: 1px solid #A0C4FF;
-  color: #2C2C2C;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
@@ -601,15 +567,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #FFABAB;
-  color: #2C2C2C;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #FFD6A5;
-  color: #2C2C2C;
-}
+
 #send-button:disabled {
   background-color: #FFABAB;
   color: #2C2C2C;
@@ -788,35 +748,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #9BF6FF;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.7);
-}
-.voice-status {
-  background-color: #9BF6FF;
-  border: 1px solid #A0C4FF;
-  color: #2C2C2C;
-}
-.voice-btn {
-  background-color: #FFABAB;
-  color: #2C2C2C;
-}
-.voice-btn:hover {
-  background-color: #FFD6A5;
-  color: #2C2C2C;
-}
-.voice-btn:disabled {
-  background-color: #FFB1C2;
-  color: #2C2C2C;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #9BF6FF;
-  border: 1px solid #A0C4FF;
-  color: #2C2C2C;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/serenity.css b/themes/serenity.css
index ed92745..0e3d742 100644
--- a/themes/serenity.css
+++ b/themes/serenity.css
@@ -113,15 +113,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #B0C4DE;
-  color: #2F4F4F;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #87CEEB;
-  color: #2F4F4F;
-}
+
 #send-button:disabled {
   background-color: #A9A9A9;
   color: #2F4F4F;
@@ -143,7 +137,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #87CEEB;
   color: #2F4F4F;
 }
@@ -300,35 +294,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #E6F2F8;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.7);
-}
-.voice-status {
-  background-color: #E6F2F8;
-  border: 1px solid #B0C4DE;
-  color: #2F4F4F;
-}
-.voice-btn {
-  background-color: #B0C4DE;
-  color: #2F4F4F;
-}
-.voice-btn:hover {
-  background-color: #87CEEB;
-  color: #2F4F4F;
-}
-.voice-btn:disabled {
-  background-color: #87CEEB;
-  color: #2F4F4F;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #E6F2F8;
-  border: 1px solid #B0C4DE;
-  color: #2F4F4F;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/solarized_dark.css b/themes/solarized_dark.css
index 77c3b39..147cc1f 100644
--- a/themes/solarized_dark.css
+++ b/themes/solarized_dark.css
@@ -113,15 +113,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #586E75;
-  color: #FDF6E3;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #268BD2;
-  color: #002B36;
-}
+
 #send-button:disabled {
   background-color: #586E75;
   color: #FDF6E3;
@@ -143,7 +137,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #268BD2;
   color: #002B36;
 }
@@ -300,35 +294,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #073642;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.7);
-}
-.voice-status {
-  background-color: #073642;
-  border: 1px solid #586E75;
-  color: #EEE8D5;
-}
-.voice-btn {
-  background-color: #586E75;
-  color: #FDF6E3;
-}
-.voice-btn:hover {
-  background-color: #268BD2;
-  color: #002B36;
-}
-.voice-btn:disabled {
-  background-color: #586E75;
-  color: #FDF6E3;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #073642;
-  border: 1px solid #586E75;
-  color: #EEE8D5;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/solarized_light.css b/themes/solarized_light.css
index 7f0ae3b..74ac129 100644
--- a/themes/solarized_light.css
+++ b/themes/solarized_light.css
@@ -113,15 +113,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #EEE8D5;
-  color: #657B83;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #E0D9C7;
-  color: #657B83;
-}
+
 #send-button:disabled {
   background-color: #D6CFBA;
   color: #657B83;
@@ -143,7 +137,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #E0D9C7;
   color: #073642;
 }
@@ -300,35 +294,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #EEE8D5;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.7);
-}
-.voice-status {
-  background-color: #EEE8D5;
-  border: 1px solid #D6CFBA;
-  color: #657B83;
-}
-.voice-btn {
-  background-color: #EEE8D5;
-  color: #657B83;
-}
-.voice-btn:hover {
-  background-color: #E0D9C7;
-  color: #657B83;
-}
-.voice-btn:disabled {
-  background-color: #D6CFBA;
-  color: #657B83;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #EEE8D5;
-  border: 1px solid #D6CFBA;
-  color: #657B83;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/subtle_light.css b/themes/subtle_light.css
index 01239c7..3edad4f 100644
--- a/themes/subtle_light.css
+++ b/themes/subtle_light.css
@@ -113,15 +113,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #D7D2C7;
-  color: #2C2C2C;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #C8C3B8;
-  color: #2C2C2C;
-}
+
 #send-button:disabled {
   background-color: #B3ADA8;
   color: #2C2C2C;
@@ -143,7 +137,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #C8C3B8;
   color: #2C2C2C;
 }
@@ -283,35 +277,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #F0EDE8;
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7);
-}
-.voice-status {
-  background-color: #F0EDE8;
-  border: 1px solid #CCC8C0;
-  color: #2C2C2C;
-}
-.voice-btn {
-  background-color: #D7D2C7;
-  color: #2C2C2C;
-}
-.voice-btn:hover {
-  background-color: #C8C3B8;
-  color: #2C2C2C;
-}
-.voice-btn:disabled {
-  background-color: #B3ADA8;
-  color: #2C2C2C;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #F0EDE8;
-  border: 1px solid #CCC8C0;
-  color: #2C2C2C;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {
diff --git a/themes/vintage_paper.css b/themes/vintage_paper.css
index ff7db7c..7553162 100644
--- a/themes/vintage_paper.css
+++ b/themes/vintage_paper.css
@@ -113,15 +113,9 @@ body {
 
 /* Send and voice buttons */
 #send-button,
-#voice-input-btn {
-  background-color: #C9BEA5;
-  color: #4A3726;
-}
+
 #send-button:hover,
-#voice-input-btn:hover {
-  background-color: #DCCBA6;
-  color: #4A3726;
-}
+
 #send-button:disabled {
   background-color: #B5ADA5;
   color: #5A4632;
@@ -143,7 +137,7 @@ body {
 }
 
 /* Voice chat controls */
-#voice-toggle.active {
+#voice-toggle.active, #voice-chat-toggle.active {
   background-color: #DCCBA6;
   color: #4A3726;
 }
@@ -283,35 +277,7 @@ body {
 }
 
 /* Voice chat modal */
-.voice-chat-modal {
-  background-color: #EBE4D2;
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7);
-}
-.voice-status {
-  background-color: #EBE4D2;
-  border: 1px solid #C9BEA5;
-  color: #5A4632;
-}
-.voice-btn {
-  background-color: #C9BEA5;
-  color: #5A4632;
-}
-.voice-btn:hover {
-  background-color: #DCCBA6;
-  color: #5A4632;
-}
-.voice-btn:disabled {
-  background-color: #B5ADA5;
-  color: #5A4632;
-}
-.voice-btn.listening {
-  background-color: #f44336;
-}
-.transcript {
-  background-color: #EBE4D2;
-  border: 1px solid #C9BEA5;
-  color: #5A4632;
-}
+
 
 /* Personalization modal */
 .personalization-form .form-group {