diff --git a/app.js b/app.js
index febfefe..aaac2f2 100644
--- a/app.js
+++ b/app.js
@@ -2732,6 +2732,10 @@ document.getElementById('podcast-toggle').addEventListener('click', () => {
         utterance.lang = 'en-US';
         utterance.rate = 0.9;
         utterance.pitch = 0.9;
+        utterance.onend = () => {
+          document.getElementById('podcast-toggle').disabled = false;
+        };
+        document.getElementById('podcast-toggle').disabled = true;
         speechSynthesis.speak(utterance);
       })
       .catch(err => {
diff --git a/index.html b/index.html
index aa446c3..833ce1b 100644
--- a/index.html
+++ b/index.html
@@ -36,6 +36,9 @@
     <button id="export-session" class="chat-toggle-btn" aria-label="Export session as markdown" title="Export session log as Markdown">
       📥
     </button>
+    <button id="podcast-toggle" class="chat-toggle-btn" aria-label="Start podcast of SOUL.md" title="Play SOUL.md as audio">
+      🎧
+    </button>
     <button id="podcast-toggle" class="chat-toggle-btn" aria-label="Start podcast of SOUL.md" title="Play SOUL.md as audio podcast">
       🎧
     </button>
diff --git a/style.css b/style.css
index c9ef387..22c71f3 100644
--- a/style.css
+++ b/style.css
@@ -109,6 +109,11 @@ canvas {
   font-family: var(--font-body);
   transition: background-color 0.2s ease;
 }
+
+#podcast-toggle:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
 #podcast-toggle:hover {
   background-color: var(--color-primary);
 }