From d3737ce079c203c2ad04790865f596f576ed7f85 Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Mon, 16 Feb 2026 20:05:45 +0000
Subject: [PATCH] Auto commit: 2026-02-16T20:05:45.517Z

---
 index.php | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/index.php b/index.php
index fee9b5c..c319890 100644
--- a/index.php
+++ b/index.php
@@ -116,7 +116,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
             inset: 0;
             border-radius: 32px;
             padding: 2px; /* thickness */
-            background: linear-gradient(45deg, var(--dynamic-glow, #00e676), #38bdf8, var(--dynamic-glow-dim, #facc15), #f472b6, var(--dynamic-glow, #00e676));
+            background: var(--card-border-bg, linear-gradient(45deg, var(--dynamic-glow, #00e676), #38bdf8, var(--dynamic-glow-dim, #facc15), #f472b6, var(--dynamic-glow, #00e676)));
             background-size: 400% 400%;
             -webkit-mask: 
                 linear-gradient(#fff 0 0) content-box, 
@@ -125,7 +125,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
             mask-composite: exclude;
             pointer-events: none;
             animation: gradient-border 8s linear infinite;
-            transition: background 0.1s ease;
+            transition: background 0.05s ease;
         }
 
         @keyframes gradient-border {
@@ -830,6 +830,9 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
         const playIcon = document.getElementById('play-icon');
         const trackTitle = document.getElementById('track-title');
         const visualizerContainer = document.getElementById('audio-visualizer');
+        const glassCard = document.querySelector('.glass-card');
+        const trackLabel = document.querySelector('.track-label');
+        const socialIcons = document.querySelectorAll('.social-float');
 
         let audioCtx;
         let analyzer;
@@ -936,6 +939,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
             if (average > 95) {
                 document.documentElement.style.setProperty('--dynamic-glow', 'rgba(255, 0, 0, 0.9)');
                 document.documentElement.style.setProperty('--dynamic-glow-dim', 'rgba(255, 0, 0, 0.5)');
+                document.documentElement.style.setProperty('--card-border-bg', '#ff0000');
                 
                 // Physical vibration effect
                 const shakeIntensity = (average - 95) * 0.5;
@@ -944,7 +948,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
                 
                 // Intense scale boost for the card
                 const cardScale = 1 + (average / 255) * 0.04;
-                document.querySelector('.glass-card').style.transform = `translate(var(--shake-offset-x), var(--shake-offset-y)) scale(${cardScale})`;
+                if (glassCard) glassCard.style.transform = `translate(var(--shake-offset-x), var(--shake-offset-y)) scale(${cardScale})`;
 
                 // Aggressive title effect
                 if (trackTitle) {
@@ -953,8 +957,13 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
                     trackTitle.style.transform = `scale(${1 + (average / 255) * 0.12})`;
                 }
 
+                if (trackLabel) {
+                    trackLabel.style.color = '#ff0000';
+                    trackLabel.style.textShadow = '0 0 10px #ff0000';
+                }
+
                 // Social Icons aggression
-                document.querySelectorAll('.social-float').forEach(icon => {
+                socialIcons.forEach(icon => {
                     icon.style.backgroundColor = '#ff0000';
                     icon.style.boxShadow = '0 0 30px #ff0000, 0 0 60px rgba(255, 0, 0, 0.6)';
                     icon.style.transform = `translate(${(Math.random() - 0.5) * shakeIntensity * 2}px, ${(Math.random() - 0.5) * shakeIntensity * 2}px) scale(1.15)`;
@@ -963,9 +972,10 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
                 const dominantHue = (average * 2 + colorOffset) % 360;
                 document.documentElement.style.setProperty('--dynamic-glow', `hsla(${dominantHue}, 100%, 60%, 0.8)`);
                 document.documentElement.style.setProperty('--dynamic-glow-dim', `hsla(${dominantHue}, 100%, 60%, 0.3)`);
+                document.documentElement.style.setProperty('--card-border-bg', '');
                 document.documentElement.style.setProperty('--shake-offset-x', '0px');
                 document.documentElement.style.setProperty('--shake-offset-y', '0px');
-                document.querySelector('.glass-card').style.transform = '';
+                if (glassCard) glassCard.style.transform = '';
                 
                 if (trackTitle) {
                     trackTitle.style.color = '';
@@ -973,8 +983,13 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
                     trackTitle.style.transform = '';
                 }
 
+                if (trackLabel) {
+                    trackLabel.style.color = '';
+                    trackLabel.style.textShadow = '';
+                }
+
                 // Reset Social Icons
-                document.querySelectorAll('.social-float').forEach(icon => {
+                socialIcons.forEach(icon => {
                     icon.style.backgroundColor = '';
                     icon.style.boxShadow = '';
                     icon.style.transform = '';