From 29ae0296d43401edc5db3d262b66f03c29ba7014 Mon Sep 17 00:00:00 2001
From: Groq Agent <groq@noreply.143.198.27.163>
Date: Tue, 24 Mar 2026 12:55:11 +0000
Subject: [PATCH] =?UTF-8?q?[groq]=20Research:=20NotebookLM=20=E2=80=94=20c?=
 =?UTF-8?q?reate=20audio=20overview=20of=20SOUL.md=20as=20podcast=20(#293)?=
 =?UTF-8?q?=20(#372)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app.js    | 3 +++
 style.css | 4 ++++
 2 files changed, 7 insertions(+)

diff --git a/app.js b/app.js
index b2f5ba9..35054bc 100644
--- a/app.js
+++ b/app.js
@@ -2789,9 +2789,11 @@ document.getElementById('podcast-toggle').addEventListener('click', () => {
         utterance.rate = 0.9;
         utterance.pitch = 0.9;
         btn.textContent = '⏹';
+        btn.classList.add('active');
         speechSynthesis.speak(utterance);
         utterance.onend = () => {
           btn.textContent = '🎧';
+          btn.classList.remove('active');
         };
       })
       .catch(err => {
@@ -2802,6 +2804,7 @@ document.getElementById('podcast-toggle').addEventListener('click', () => {
   } else {
     speechSynthesis.cancel();
     btn.textContent = '🎧';
+    btn.classList.remove('active');
   }
 });
 
diff --git a/style.css b/style.css
index 22c71f3..0ebc7b3 100644
--- a/style.css
+++ b/style.css
@@ -70,6 +70,10 @@ canvas {
   cursor: pointer;
 }
 
+#podcast-toggle.active {
+  background-color: #0066cc;
+}
+
 #podcast-toggle:hover {
   background-color: var(--color-primary);
 }