Fix actual root causes: waveform black block, body gradient bleed, JS glow override

script.js

@@ -672,7 +672,7 @@ function applyGlow(id, intensity) {
     const color = id === 'A' ? 'var(--primary-cyan)' : 'var(--secondary-magenta)';
     const blur = Math.max(10, intensity);
     const spread = Math.max(2, intensity / 5);
-    deckEl.style.boxShadow = `0 0 ${blur}px ${spread}px ${color}`;
+    deckEl.style.boxShadow = `inset 0 0 ${blur}px ${spread}px ${color}`;
 }
 
 function removeGlow(id) {

style.css

@@ -222,6 +222,7 @@ header h1 {
     /* Adjust based on header height */
     min-height: 0;
     overflow: hidden;
+    background: var(--bg-dark);
 }
 
 /* LIBRARY SECTION */
@@ -747,8 +748,8 @@ input[type=range] {
 /* Waveform Display */
 .waveform-container {
     position: relative;
-    background: #000;
-    border: 1px solid #333;
+    background: transparent;
+    border: none;
     border-radius: 4px;
     margin-bottom: 4px;
     padding: 3px;
@@ -758,6 +759,9 @@ input[type=range] {
     width: 100%;
     height: 40px;
     display: block;
+    background: rgba(0, 0, 0, 0.3);
+    border: none;
+    margin-bottom: 0;
 }
 
 .playhead {