From 2f077507b0c71924b28ae057b22b1a7c0a578678 Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Sun, 15 Feb 2026 15:11:22 +0000
Subject: [PATCH] Auto commit: 2026-02-15T15:11:22.810Z

---
 index.php | 50 +++++++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 43 insertions(+), 7 deletions(-)

diff --git a/index.php b/index.php
index 841656d..e93da6e 100644
--- a/index.php
+++ b/index.php
@@ -179,6 +179,13 @@ $whatsapp_link = "https://wa.me/" . preg_replace('/[^0-9]/', '', $whatsapp_numbe
             background: #ff4444 !important;
             box-shadow: 0 4px 20px rgba(255, 68, 68, 0.5);
             transform: scale(1.1);
+            animation: pulse-button 1.5s infinite;
+        }
+
+        @keyframes pulse-button {
+            0% { box-shadow: 0 0 0 0 rgba(255, 68, 68, 0.7); }
+            70% { box-shadow: 0 0 0 15px rgba(255, 68, 68, 0); }
+            100% { box-shadow: 0 0 0 0 rgba(255, 68, 68, 0); }
         }
 
         .play-btn:hover {
@@ -188,17 +195,40 @@ $whatsapp_link = "https://wa.me/" . preg_replace('/[^0-9]/', '', $whatsapp_numbe
 
         .visualizer-container {
             width: 100%;
-            height: 60px;
+            height: 100px;
             margin-bottom: 1rem;
             display: flex;
             align-items: flex-end;
             justify-content: center;
             overflow: hidden;
+            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
         }
 
         #visualizer {
             width: 100%;
             height: 100%;
+            filter: drop-shadow(0 0 8px rgba(0, 230, 118, 0.5));
+        }
+
+        /* Playing Animations */
+        body.is-playing .glass-card {
+            animation: card-pulse 4s infinite ease-in-out;
+            border-color: rgba(56, 189, 248, 0.5);
+        }
+
+        body.is-playing .featured-img-container {
+            animation: float-img 6s infinite ease-in-out;
+            box-shadow: 0 25px 60px rgba(56, 189, 248, 0.4);
+        }
+
+        @keyframes card-pulse {
+            0%, 100% { transform: scale(1); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); }
+            50% { transform: scale(1.01); box-shadow: 0 12px 40px 0 rgba(56, 189, 248, 0.2); }
+        }
+
+        @keyframes float-img {
+            0%, 100% { transform: translateY(0) scale(1); }
+            50% { transform: translateY(-15px) scale(1.02); }
         }
 
         .volume-slider {
@@ -492,7 +522,7 @@ $whatsapp_link = "https://wa.me/" . preg_replace('/[^0-9]/', '', $whatsapp_numbe
             source.connect(analyzer);
             analyzer.connect(audioCtx.destination);
             
-            analyzer.fftSize = 64;
+            analyzer.fftSize = 128;
             const bufferLength = analyzer.frequencyBinCount;
             const dataArray = new Uint8Array(bufferLength);
 
@@ -510,15 +540,19 @@ $whatsapp_link = "https://wa.me/" . preg_replace('/[^0-9]/', '', $whatsapp_numbe
                 let x = 0;
 
                 for (let i = 0; i < bufferLength; i++) {
-                    barHeight = dataArray[i] / 2;
+                    barHeight = (dataArray[i] / 255) * canvas.height;
                     
-                    // Create gradient for bars
+                    // Create more vibrant neon gradient
                     const gradient = ctx.createLinearGradient(0, canvas.height, 0, 0);
-                    gradient.addColorStop(0, '#38bdf8');
-                    gradient.addColorStop(1, '#ff4444');
+                    gradient.addColorStop(0, '#00e676'); // Neon Green
+                    gradient.addColorStop(0.5, '#38bdf8'); // Sky Blue
+                    gradient.addColorStop(1, '#a855f7'); // Purple
 
                     ctx.fillStyle = gradient;
-                    ctx.fillRect(x, canvas.height - barHeight, barWidth - 2, barHeight);
+                    // Rounded bars
+                    ctx.beginPath();
+                    ctx.roundRect(x, canvas.height - barHeight, barWidth - 3, barHeight, 4);
+                    ctx.fill();
 
                     x += barWidth;
                 }
@@ -537,11 +571,13 @@ $whatsapp_link = "https://wa.me/" . preg_replace('/[^0-9]/', '', $whatsapp_numbe
                 playIcon.classList.remove('bi-play-fill');
                 playIcon.classList.add('bi-pause-fill');
                 playBtn.classList.add('playing');
+                document.body.classList.add('is-playing');
             } else {
                 audio.pause();
                 playIcon.classList.remove('bi-pause-fill');
                 playIcon.classList.add('bi-play-fill');
                 playBtn.classList.remove('playing');
+                document.body.classList.remove('is-playing');
             }
         }