diff --git a/index.html b/index.html
index 42fb548..4df0ca2 100644
--- a/index.html
+++ b/index.html
@@ -136,11 +136,6 @@ footer .footer-track { flex: 1; min-width: 0; white-space: nowrap; overflow: hid
         <img id="coverImage" src="" alt="" style="display:none">
       </div>
       <div class="canvas-area" id="canvasArea">
-        <div class="empty-state" id="emptyState">
-          <div class="icon">&#9835;</div>
-          <h2>No music loaded</h2>
-          <p>Drag a folder of audio files onto this window.</p>
-        </div>
         <canvas id="spectrum" width="480" height="200"></canvas>
         <div class="progress-row" id="progressRow">
           <span id="timeCurrent">0:00</span>
@@ -728,7 +723,6 @@ const scanning = document.getElementById('scanning');
 const scanningText = scanning.querySelector('span');
 const trackList = document.getElementById('trackList');
 const trackCount = document.getElementById('trackCount');
-const emptyState = document.getElementById('emptyState');
 const player = document.getElementById('player');
 const playlist = document.getElementById('playlist');
 const footer = document.getElementById('footer');
@@ -1452,7 +1446,6 @@ function renderTracks() {
     trackList.appendChild(div);
   });
   const hasT = tracks.length > 0 || !audio.paused;
-  emptyState.style.display = hasT ? 'none' : 'flex';
   canvas.style.display = hasT ? 'block' : 'none';
   progressRow.style.display = hasT ? 'flex' : 'none';
 }
@@ -1623,7 +1616,7 @@ playBtn.addEventListener('click', () => {
   }
 });
 pauseBtn.addEventListener('click', () => {
-  if (currentIndex < 0) return;
+  if (currentIndex < 0 && audio.paused) return;
   if (audio.paused) {
     audio.play().catch(() => {});
   } else {