diff --git "a/index.html" "b/index.html"
--- "a/index.html"
+++ "b/index.html"
@@ -3,419 +3,697 @@
 <head>
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
-<title>✨ Belly Dance 24/7 — Professional Streaming Experience ✨</title>
+<title>✨ Belly Dance 24/7 — Ultimate Optimized Experience ✨</title>
 <style>
   :root{
     --bg1:#0a0a1e;--bg2:#1a1a3e;--bg3:#2a2a5e;--gold:#f5d76e;
     --neon-primary:#ff6b6b;--neon-secondary:#4ecdc4;--magic-purple:#9d4edd;
     --cosmic-blue:#4361ee;--aurora-green:#43aa8b;--sunset-orange:#f77f00;
+    --glass-bg:rgba(255,255,255,0.08);--glass-border:rgba(255,255,255,0.15);
+    --shadow-soft:0 8px 32px rgba(0,0,0,0.12);--shadow-medium:0 12px 48px rgba(0,0,0,0.25);
+    --shadow-strong:0 20px 60px rgba(0,0,0,0.4);
   }
-  
+
   *{box-sizing:border-box;backface-visibility:hidden;perspective:1000px}
-  
-  body{margin:0;color:#f8f8f8;font-family:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
+
+  /* Enhanced Typography */
+  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');
+
+  body{margin:0;color:#f8f8f8;font-family:'Inter','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
     background:#0a0a1e;overflow-x:hidden;min-height:100vh;position:relative;
-    cursor:none;transform:translateZ(0);will-change:auto}
+    cursor:none;transform:translateZ(0);will-change:auto;font-weight:400;letter-spacing:-0.025em}
 
-  /* Optimized Background Effects */
+  /* ENHANCED: Multi-Layer Background System */
   body::before{content:'';position:fixed;inset:0;z-index:0;
     background:
-      radial-gradient(ellipse at 20% 30%, rgba(157,78,221,0.12) 0%, transparent 50%),
-      radial-gradient(ellipse at 80% 70%, rgba(67,97,238,0.1) 0%, transparent 50%),
+      radial-gradient(ellipse 800px 400px at 20% 30%, rgba(157,78,221,0.15) 0%, transparent 50%),
+      radial-gradient(ellipse 600px 300px at 80% 70%, rgba(67,97,238,0.12) 0%, transparent 50%),
+      radial-gradient(ellipse 400px 200px at 50% 50%, rgba(255,107,107,0.08) 0%, transparent 50%),
       linear-gradient(135deg, var(--bg1) 0%, var(--bg2) 50%, var(--bg3) 100%);
-    animation:optimizedBreathing 12s ease-in-out infinite;transform:translateZ(0)}
-  @keyframes optimizedBreathing{0%,100%{opacity:0.8}50%{opacity:1}}
+    animation:enhancedBreathing 15s ease-in-out infinite;transform:translateZ(0)}
+  @keyframes enhancedBreathing{0%,100%{opacity:0.85;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}
 
+  /* ENHANCED: Flowing Aurora Effect */
   .aurora{position:fixed;inset:0;z-index:1;pointer-events:none;
-    background:linear-gradient(45deg,
-      transparent 0%,rgba(157,78,221,0.08) 25%,transparent 50%,
-      rgba(67,97,238,0.06) 75%,transparent 100%);
-    background-size:200% 200%;animation:optimizedAurora 16s ease-in-out infinite;
-    transform:translateZ(0);will-change:background-position}
-  @keyframes optimizedAurora{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}
-
-  /* Custom Cursor */
-  .cursor{position:fixed;width:16px;height:16px;border-radius:50%;
-    background:radial-gradient(circle,rgba(255,107,107,0.7),transparent);
-    pointer-events:none;z-index:10000;mix-blend-mode:screen;
-    transition:transform 0.08s ease;transform:translateZ(0)}
-  .cursor-trail{position:fixed;width:3px;height:3px;border-radius:50%;
-    background:rgba(255,107,107,0.5);pointer-events:none;z-index:9999;
-    animation:optimizedTrailFade 0.6s ease-out forwards}
-  @keyframes optimizedTrailFade{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}
-
-  /* Floating Elements */
-  .music-notes{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}
-  .note{position:absolute;font-size:20px;color:rgba(255,215,0,0.25);
-    animation:optimizedFloatNote 10s linear infinite;transform:translateZ(0)}
-  @keyframes optimizedFloatNote{0%{transform:translateY(110vh);opacity:0}
-    15%{opacity:0.5}85%{opacity:0.5}100%{transform:translateY(-10vh);opacity:0}}
-
-  /* Enhanced Header */
-  header{text-align:center;padding:20px 0 8px;transition:all 0.4s ease;
-    position:relative;z-index:3;transform:translateZ(0)}
-  h1{font-size:clamp(28px,7vw,50px);font-weight:900;margin:0;
-    background:linear-gradient(135deg,#ff6b6b 0%,#ffd93d 25%,#4ecdc4 50%,#9d4edd 75%,#ff6b6b 100%);
-    background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;
-    animation:optimizedRainbow 5s ease-in-out infinite;
-    filter:drop-shadow(0 0 12px rgba(255,107,107,0.4));
-    transform:translateZ(0);will-change:background-position}
-  h1:hover{transform:translateZ(0) scale(1.02);transition:transform 0.3s ease}
-  @keyframes optimizedRainbow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
+    background:
+      linear-gradient(45deg,
+        transparent 0%,rgba(157,78,221,0.1) 20%,transparent 40%,
+        rgba(67,97,238,0.08) 60%,transparent 80%,rgba(78,205,196,0.06) 100%),
+      linear-gradient(-45deg,
+        rgba(255,107,107,0.05) 0%,transparent 30%,rgba(157,78,221,0.07) 70%,transparent 100%);
+    background-size:400% 400%, 300% 300%;
+    animation:enhancedAurora 20s ease-in-out infinite, auroraPulse 8s ease-in-out infinite;
+    transform:translateZ(0);will-change:background-position,opacity}
+  @keyframes enhancedAurora{0%,100%{background-position:0% 0%, 100% 100%}50%{background-position:100% 100%, 0% 0%}}
+  @keyframes auroraPulse{0%,100%{opacity:0.6}50%{opacity:1}}
+
+  /* ENHANCED: Sophisticated Cursor System */
+  .cursor{position:fixed;width:20px;height:20px;border-radius:50%;
+    background:radial-gradient(circle,rgba(255,107,107,0.9) 0%,rgba(78,205,196,0.4) 50%,transparent 100%);
+    pointer-events:none;z-index:999999;mix-blend-mode:screen;
+    transition:all 0.12s cubic-bezier(0.4,0,0.2,1);transform:translateZ(0);
+    left:0;top:0;will-change:transform;
+    box-shadow:0 0 20px rgba(255,107,107,0.6), 0 0 40px rgba(255,107,107,0.3)}
+  .cursor.hover{transform:scale(1.8) !important;
+    background:radial-gradient(circle,rgba(255,107,107,1) 0%,rgba(78,205,196,0.6) 40%,rgba(157,78,221,0.3) 100%);
+    box-shadow:0 0 30px rgba(255,107,107,0.8), 0 0 60px rgba(255,107,107,0.4)}
+  .cursor-trail{position:fixed;width:4px;height:4px;border-radius:50%;
+    background:rgba(255,107,107,0.8);pointer-events:none;z-index:999998;
+    animation:enhancedTrailFade 0.8s cubic-bezier(0.4,0,0.2,1) forwards}
+  @keyframes enhancedTrailFade{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.3)}}
+
+  /* ===== NEW: OPTIMIZATION MODE SYSTEM ===== */
   
-  .sub{font-size:14px;color:rgba(255,255,255,.85);margin-top:8px;
-    text-shadow:0 0 8px rgba(255,255,255,0.2)}
-  .divider{height:4px;width:120px;margin:15px auto;
-    background:linear-gradient(90deg,#ff6b6b,#ffd93d,#4ecdc4,#9d4edd);
-    background-size:300% 100%;border-radius:999px;opacity:.9;
-    animation:optimizedFlow 3s ease-in-out infinite;
-    box-shadow:0 0 8px rgba(255,107,107,0.3);transform:translateZ(0)}
-  @keyframes optimizedFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
-
-  /* Enhanced Video Panel */
-  .panel{position:relative;margin:16px auto 0;max-width:980px;aspect-ratio:16/9;
-    background:rgba(255,255,255,.08);border-radius:24px;overflow:hidden;
-    box-shadow:0 12px 40px rgba(0,0,0,.6);z-index:2;
-    transform:translateZ(0);transition:transform 0.3s ease}
-  .panel:hover{transform:translateZ(0) scale(1.01)}
+  /* Performance Mode Toggle Button */
+  .performance-toggle{position:fixed;top:20px;right:80px;z-index:10000;
+    display:flex;align-items:center;gap:10px;padding:10px 16px;
+    background:rgba(0,0,0,0.85);backdrop-filter:blur(25px);
+    border-radius:25px;border:1px solid rgba(255,255,255,0.2);
+    box-shadow:var(--shadow-medium);cursor:pointer;
+    transition:all 0.4s cubic-bezier(0.4,0,0.2,1);font-size:12px;font-weight:500;
+    color:rgba(255,255,255,0.9)}
+  .performance-toggle:hover{transform:scale(1.05);border-color:rgba(255,107,107,0.5);
+    box-shadow:var(--shadow-strong)}
+  .performance-toggle .mode-icon{font-size:16px;transition:all 0.3s ease}
+  .performance-toggle .mode-text{font-family:'Inter',sans-serif;letter-spacing:0.3px}
+
+  /* Performance Settings Panel */
+  .performance-panel{position:fixed;top:70px;right:20px;z-index:9999;
+    background:rgba(0,0,0,0.95);backdrop-filter:blur(30px);
+    border-radius:20px;padding:25px;border:1px solid rgba(255,255,255,0.15);
+    box-shadow:var(--shadow-strong);min-width:280px;
+    opacity:0;transform:translateY(-20px) scale(0.95);
+    transition:all 0.4s cubic-bezier(0.4,0,0.2,1);pointer-events:none}
+  .performance-panel.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:all}
+
+  .performance-panel h3{color:var(--gold);margin:0 0 20px;font-size:18px;
+    font-weight:700;text-align:center;font-family:'Playfair Display',serif}
+
+  /* Mode Selection Cards */
+  .mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
+  .mode-card{padding:12px;border-radius:12px;cursor:pointer;
+    border:2px solid rgba(255,255,255,0.1);
+    background:rgba(255,255,255,0.05);
+    transition:all 0.3s cubic-bezier(0.4,0,0.2,1);text-align:center}
+  .mode-card:hover{transform:translateY(-2px);border-color:rgba(255,107,107,0.4)}
+  .mode-card.active{border-color:var(--neon-primary);background:rgba(255,107,107,0.15);
+    box-shadow:0 0 20px rgba(255,107,107,0.3)}
+  .mode-card .mode-emoji{font-size:24px;margin-bottom:8px;display:block}
+  .mode-card .mode-name{font-size:13px;font-weight:600;margin-bottom:4px}
+  .mode-card .mode-desc{font-size:10px;opacity:0.7;line-height:1.3}
+
+  /* Performance Metrics */
+  .perf-metrics{background:rgba(255,255,255,0.05);border-radius:12px;padding:15px;margin-top:15px}
+  .perf-metrics h4{margin:0 0 10px;font-size:13px;color:var(--neon-secondary)}
+  .metric-item{display:flex;justify-content:space-between;margin:8px 0;font-size:11px}
+  .metric-value{color:var(--gold);font-weight:600}
+
+  /* Mobile Performance Interface */
+  .mobile-perf-toggle{position:fixed;bottom:90px;right:15px;z-index:45;
+    width:48px;height:48px;border-radius:50%;
+    background:rgba(0,0,0,0.9);backdrop-filter:blur(20px);
+    border:2px solid rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:center;
+    cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);
+    box-shadow:var(--shadow-medium)}
+  .mobile-perf-toggle:hover{transform:scale(1.1);border-color:rgba(255,107,107,0.6)}
+  .mobile-perf-toggle .perf-icon{font-size:20px;transition:all 0.3s ease}
+
+  /* Mobile Performance Panel */
+  .mobile-perf-panel{position:fixed;bottom:0;left:0;right:0;z-index:60;
+    background:rgba(0,0,0,0.95);backdrop-filter:blur(30px);
+    border-top:1px solid rgba(255,107,107,0.4);
+    border-radius:25px 25px 0 0;padding:20px;
+    transform:translateY(100%);transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);
+    box-shadow:0 -10px 40px rgba(0,0,0,0.5)}
+  .mobile-perf-panel.visible{transform:translateY(0)}
+  .mobile-perf-panel h3{color:var(--gold);margin:0 0 15px;font-size:16px;text-align:center}
+  .mobile-perf-panel .mode-grid{grid-template-columns:repeat(4,1fr);gap:8px}
+  .mobile-perf-panel .mode-card{padding:8px 4px}
+  .mobile-perf-panel .mode-emoji{font-size:20px;margin-bottom:4px}
+  .mobile-perf-panel .mode-name{font-size:10px}
+  .mobile-perf-panel .mode-desc{font-size:8px}
+
+  /* Performance Mode Classes */
+  .ultra-mode{--animation-speed:1;--particle-count:15;--effect-intensity:1}
+  .high-mode{--animation-speed:0.8;--particle-count:10;--effect-intensity:0.8}
+  .balanced-mode{--animation-speed:0.6;--particle-count:6;--effect-intensity:0.6}
+  .performance-mode{--animation-speed:0.3;--particle-count:3;--effect-intensity:0.3}
+
+  /* Dynamic Performance Adjustments */
+  .performance-mode .aurora{opacity:0.3;animation-duration:30s}
+  .performance-mode .music-notes{display:none}
+  .performance-mode .corner-accent{display:none}
+  .performance-mode .cursor-trail{display:none}
+  
+  .balanced-mode .aurora{opacity:0.6;animation-duration:25s}
+  .balanced-mode .corner-accent{animation-duration:6s}
+  
+  .high-mode .aurora{opacity:0.8;animation-duration:22s}
+  .high-mode .corner-accent{animation-duration:4s}
   
-  .panel::before{content:'';position:absolute;inset:-4px;border-radius:28px;
-    background:conic-gradient(from 0deg,var(--neon-primary),var(--magic-purple),var(--cosmic-blue),var(--aurora-green),var(--neon-primary));
-    z-index:-1;animation:optimizedHoloRotate 6s linear infinite;transform:translateZ(0)}
-  .panel::after{content:'';position:absolute;inset:-8px;border-radius:32px;
-    background:radial-gradient(circle,rgba(255,107,107,0.15),transparent 70%);
-    z-index:-2;filter:blur(8px);animation:optimizedHoloGlow 8s ease-in-out infinite;transform:translateZ(0)}
-  @keyframes optimizedHoloRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
-  @keyframes optimizedHoloGlow{0%,100%{opacity:0.5}50%{opacity:0.8}}
+  .ultra-mode .aurora{opacity:1;animation-duration:20s}
+  .ultra-mode .corner-accent{animation-duration:3s}
 
+  /* ===== END OPTIMIZATION MODE SYSTEM ===== */
+
+  /* ENHANCED: Floating Elements */
+  .music-notes{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}
+  .note{position:absolute;font-size:24px;color:rgba(255,215,0,0.3);font-family:'Playfair Display',serif;
+    animation:enhancedFloatNote 12s linear infinite;transform:translateZ(0);
+    text-shadow:0 0 10px rgba(255,215,0,0.4)}
+  @keyframes enhancedFloatNote{
+    0%{transform:translateY(110vh) rotate(0deg);opacity:0}
+    10%{opacity:0.6}90%{opacity:0.6}
+    100%{transform:translateY(-10vh) rotate(360deg);opacity:0}
+  }
+
+  /* ENHANCED: Header with Elegant Typography */
+  header{text-align:center;padding:30px 0 20px;transition:all 0.6s cubic-bezier(0.4,0,0.2,1);
+    position:relative;z-index:3;transform:translateZ(0)}
+  h1{font-size:clamp(32px,8vw,64px);font-weight:900;margin:0;font-family:'Playfair Display',serif;
+    background:linear-gradient(135deg,#ff6b6b 0%,#ffd93d 20%,#4ecdc4 40%,#9d4edd 60%,#ff9a9e 80%,#ff6b6b 100%);
+    background-size:400% 400%;-webkit-background-clip:text;background-clip:text;color:transparent;
+    animation:enhancedRainbow 8s ease-in-out infinite;
+    filter:drop-shadow(0 0 20px rgba(255,107,107,0.5));
+    transform:translateZ(0);will-change:background-position;letter-spacing:-0.02em}
+  h1:hover{transform:translateZ(0) scale(1.05) rotateX(5deg);
+    transition:transform 0.6s cubic-bezier(0.34,1.56,0.64,1)}
+  @keyframes enhancedRainbow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
+
+  .sub{font-size:16px;color:rgba(255,255,255,.9);margin-top:12px;font-weight:300;
+    text-shadow:0 0 15px rgba(255,255,255,0.3);letter-spacing:0.5px}
+  .divider{height:6px;width:140px;margin:20px auto;
+    background:linear-gradient(90deg,#ff6b6b,#ffd93d,#4ecdc4,#9d4edd,#ff9a9e);
+    background-size:400% 100%;border-radius:999px;opacity:.95;
+    animation:enhancedFlow 4s ease-in-out infinite;
+    box-shadow:0 0 20px rgba(255,107,107,0.4), 0 4px 15px rgba(0,0,0,0.2);transform:translateZ(0)}
+  @keyframes enhancedFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
+
+  /* ENHANCED: Video Panel with Glassmorphism */
+  .panel{position:relative;margin:20px auto 0;max-width:1000px;aspect-ratio:16/9;
+    background:var(--glass-bg);border-radius:32px;overflow:hidden;
+    box-shadow:var(--shadow-strong);z-index:2;
+    transform:translateZ(0);transition:all 0.6s cubic-bezier(0.4,0,0.2,1);
+    backdrop-filter:blur(20px);border:1px solid var(--glass-border)}
+  .panel:hover{transform:translateZ(0) scale(1.02) rotateX(2deg) rotateY(1deg);
+    box-shadow:0 25px 80px rgba(0,0,0,0.5), 0 0 50px rgba(255,107,107,0.2)}
+
+  .panel::before{content:'';position:absolute;inset:-6px;border-radius:38px;
+    background:conic-gradient(from 0deg,var(--neon-primary) 0%,var(--magic-purple) 25%,var(--cosmic-blue) 50%,var(--aurora-green) 75%,var(--neon-primary) 100%);
+    z-index:-1;animation:enhancedHoloRotate 12s linear infinite;transform:translateZ(0);
+    filter:blur(2px);opacity:0.8}
+  .panel::after{content:'';position:absolute;inset:-12px;border-radius:44px;
+    background:radial-gradient(ellipse,rgba(255,107,107,0.2) 0%,rgba(78,205,196,0.1) 50%,transparent 100%);
+    z-index:-2;filter:blur(15px);animation:enhancedHoloGlow 10s ease-in-out infinite;transform:translateZ(0)}
+  @keyframes enhancedHoloRotate{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.02)}100%{transform:rotate(360deg) scale(1)}}
+  @keyframes enhancedHoloGlow{0%,100%{opacity:0.6}50%{opacity:1}}
+
+  /* ENHANCED: Corner Accents with Morphing */
   .panel-accents{position:absolute;inset:0;pointer-events:none;z-index:5}
-  .corner-accent{position:absolute;width:40px;height:40px;border-radius:50%;
-    animation:optimizedCornerPulse 3s ease-in-out infinite;
-    filter:blur(1px);transform:translateZ(0)}
-  .corner-accent:nth-child(1){top:-20px;left:-20px;animation-delay:0s;background:radial-gradient(circle,#ff6b6b,transparent)}
-  .corner-accent:nth-child(2){top:-20px;right:-20px;animation-delay:0.75s;background:radial-gradient(circle,#4ecdc4,transparent)}
-  .corner-accent:nth-child(3){bottom:-20px;left:-20px;animation-delay:1.5s;background:radial-gradient(circle,#9d4edd,transparent)}
-  .corner-accent:nth-child(4){bottom:-20px;right:-20px;animation-delay:2.25s;background:radial-gradient(circle,#ffd93d,transparent)}
-  @keyframes optimizedCornerPulse{0%,100%{transform:scale(0.7);opacity:0.4}50%{transform:scale(1.2);opacity:0.7}}
-
-  video{width:100%;height:100%;object-fit:cover;background:#000;border-radius:20px;
-    transition:filter 0.3s ease;filter:contrast(1.05) saturate(1.1) brightness(1.02);
-    transform:translateZ(0)}
-  
-  .chip{position:absolute;bottom:12px;right:12px;padding:8px 12px;border-radius:12px;
-    background:rgba(0,0,0,.8);backdrop-filter:blur(10px);font:12px/1.3 'Courier New',monospace;
-    color:#fff;z-index:6;border:1px solid rgba(255,107,107,0.3);
-    box-shadow:0 4px 15px rgba(0,0,0,0.3);transform:translateZ(0)}
-
-  /* PROFESSIONAL CONTROL PANEL */
-  .control-panel{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);
-    display:flex;align-items:center;gap:12px;padding:12px 20px;
+  .corner-accent{position:absolute;width:50px;height:50px;border-radius:50%;
+    animation:enhancedCornerPulse 4s ease-in-out infinite;
+    filter:blur(1.5px);transform:translateZ(0)}
+  .corner-accent:nth-child(1){top:-25px;left:-25px;animation-delay:0s;
+    background:radial-gradient(circle,rgba(255,107,107,0.8) 0%,rgba(255,107,107,0.2) 70%,transparent 100%)}
+  .corner-accent:nth-child(2){top:-25px;right:-25px;animation-delay:1s;
+    background:radial-gradient(circle,rgba(78,205,196,0.8) 0%,rgba(78,205,196,0.2) 70%,transparent 100%)}
+  .corner-accent:nth-child(3){bottom:-25px;left:-25px;animation-delay:2s;
+    background:radial-gradient(circle,rgba(157,78,221,0.8) 0%,rgba(157,78,221,0.2) 70%,transparent 100%)}
+  .corner-accent:nth-child(4){bottom:-25px;right:-25px;animation-delay:3s;
+    background:radial-gradient(circle,rgba(255,211,102,0.8) 0%,rgba(255,211,102,0.2) 70%,transparent 100%)}
+  @keyframes enhancedCornerPulse{
+    0%,100%{transform:scale(0.8) rotate(0deg);opacity:0.5}
+    50%{transform:scale(1.4) rotate(180deg);opacity:0.9}
+  }
+
+  video{width:100%;height:100%;object-fit:cover;background:#000;border-radius:26px;
+    transition:all 0.6s cubic-bezier(0.4,0,0.2,1);
+    filter:contrast(1.08) saturate(1.15) brightness(1.05);transform:translateZ(0)}
+
+  .chip{position:absolute;bottom:15px;right:15px;padding:10px 16px;border-radius:16px;
     background:rgba(0,0,0,0.85);backdrop-filter:blur(20px);
-    border-radius:50px;border:1px solid rgba(255,255,255,0.1);
-    box-shadow:0 8px 32px rgba(0,0,0,0.4);z-index:10;
-    opacity:0;transform:translateX(-50%) translateY(20px);
-    transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}
+    font:13px/1.4 'Inter',monospace;color:#fff;z-index:6;
+    border:1px solid rgba(255,107,107,0.4);
+    box-shadow:var(--shadow-medium);transform:translateZ(0);font-weight:500}
+
+  /* ENHANCED: Unmute Overlay */
+  .unmute-overlay{position:absolute;top:0;left:0;right:0;bottom:0;
+    background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;
+    z-index:100;backdrop-filter:blur(25px);border-radius:26px}
+  .unmute-overlay.hidden{display:none}
+  .unmute-btn{background:linear-gradient(135deg,#ff6b6b 0%,#4ecdc4 100%);
+    border:none;color:white;font-size:18px;font-weight:600;
+    padding:18px 32px;border-radius:60px;cursor:pointer;
+    box-shadow:0 12px 40px rgba(255,107,107,0.5);
+    transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);
+    display:flex;align-items:center;gap:12px;font-family:'Inter',sans-serif}
+  .unmute-btn:hover{transform:translateY(-4px) scale(1.05);
+    box-shadow:0 20px 60px rgba(255,107,107,0.7)}
+  .unmute-btn:active{transform:translateY(-2px) scale(1.02)}
+
+  /* ENHANCED: Professional Control Panel */
+  .control-panel{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);
+    display:flex;align-items:center;gap:16px;padding:16px 28px;
+    background:rgba(0,0,0,0.9);backdrop-filter:blur(30px);
+    border-radius:60px;border:1px solid rgba(255,255,255,0.12);
+    box-shadow:var(--shadow-strong);z-index:10;
+    opacity:0;transform:translateX(-50%) translateY(30px);
+    transition:all 0.6s cubic-bezier(0.4,0,0.2,1)}
   .panel:hover .control-panel,.control-panel:hover,.control-panel.active{
     opacity:1;transform:translateX(-50%) translateY(0)}
 
-  /* ULTIMATE MUTE BUTTON */
-  .mute-btn{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,0.2);
-    background:linear-gradient(135deg,rgba(255,107,107,0.2),rgba(78,205,196,0.2));
-    backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;
-    cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden}
+  /* ENHANCED: Volume Button */
+  .mute-btn{width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,0.25);
+    background:linear-gradient(135deg,rgba(255,107,107,0.25),rgba(78,205,196,0.25));
+    backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;
+    cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}
   .mute-btn::before{content:'';position:absolute;inset:0;border-radius:50%;
     background:linear-gradient(45deg,var(--neon-primary),var(--neon-secondary));
-    opacity:0;transition:opacity 0.3s ease}
-  .mute-btn:hover{transform:scale(1.1);border-color:rgba(255,107,107,0.5)}
-  .mute-btn:hover::before{opacity:0.1}
-  .mute-btn:active{transform:scale(0.95)}
-  
-  .mute-icon{font-size:20px;z-index:1;transition:all 0.3s ease;
-    filter:drop-shadow(0 0 8px rgba(255,255,255,0.5))}
-  .mute-btn.muted .mute-icon{color:#ff6b6b;filter:drop-shadow(0 0 8px rgba(255,107,107,0.8))}
-  
-  /* VOLUME SLIDER */
-  .volume-control{display:flex;align-items:center;gap:8px}
-  .volume-slider{width:80px;height:4px;background:rgba(255,255,255,0.2);
-    border-radius:2px;position:relative;cursor:pointer;overflow:hidden}
-  .volume-fill{height:100%;background:linear-gradient(90deg,var(--neon-primary),var(--neon-secondary));
-    border-radius:2px;width:50%;transition:width 0.3s ease;position:relative}
-  .volume-fill::after{content:'';position:absolute;right:-6px;top:-4px;
-    width:12px;height:12px;background:white;border-radius:50%;
-    box-shadow:0 0 8px rgba(255,255,255,0.5)}
-
-  /* ADDITIONAL CONTROL BUTTONS */
-  .control-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,0.15);
-    background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);
+    opacity:0;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
+  .mute-btn:hover{transform:scale(1.15);border-color:rgba(255,107,107,0.6);
+    box-shadow:0 0 25px rgba(255,107,107,0.4)}
+  .mute-btn:hover::before{opacity:0.15}
+  .mute-btn:active{transform:scale(1.05)}
+
+  .mute-icon{font-size:22px;z-index:1;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);
+    filter:drop-shadow(0 0 12px rgba(255,255,255,0.6))}
+  .mute-btn.muted .mute-icon{color:#ff6b6b;filter:drop-shadow(0 0 15px rgba(255,107,107,0.9))}
+
+  /* ENHANCED: Volume Slider */
+  .volume-control{display:flex;align-items:center;gap:12px}
+  .volume-slider{width:100px;height:6px;background:rgba(255,255,255,0.25);
+    border-radius:3px;position:relative;cursor:pointer;overflow:hidden}
+  .volume-fill{height:100%;
+    background:linear-gradient(90deg,var(--neon-primary) 0%,var(--neon-secondary) 100%);
+    border-radius:3px;width:50%;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;
+    box-shadow:0 0 12px rgba(255,107,107,0.5)}
+  .volume-fill::after{content:'';position:absolute;right:-8px;top:-6px;
+    width:16px;height:16px;background:#fff;border-radius:50%;
+    box-shadow:0 0 15px rgba(255,255,255,0.6), 0 2px 8px rgba(0,0,0,0.3);
+    transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}
+  .volume-slider:hover .volume-fill::after{transform:scale(1.2)}
+
+  /* ENHANCED: Control Buttons */
+  .control-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,0.2);
+    background:rgba(255,255,255,0.08);backdrop-filter:blur(15px);
     display:flex;align-items:center;justify-content:center;cursor:pointer;
-    font-size:16px;transition:all 0.3s ease;color:rgba(255,255,255,0.8)}
-  .control-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,107,107,0.4);
-    color:white;transform:scale(1.05)}
-  .control-btn:active{transform:scale(0.95)}
-  .control-btn.active{background:rgba(255,107,107,0.2);border-color:rgba(255,107,107,0.6);color:#ff6b6b}
-
-  /* THEATER MODE */
-  .theater-mode .panel{max-width:100%;margin:0;border-radius:0;height:80vh}
-  .theater-mode .panel::before{border-radius:0}
-  .theater-mode .panel::after{border-radius:0}
-  .theater-mode video{border-radius:0}
-
-  /* FULLSCREEN STYLES */
-  .panel:-webkit-full-screen{max-width:100%;border-radius:0;height:100vh;margin:0}
-  .panel:-moz-full-screen{max-width:100%;border-radius:0;height:100vh;margin:0}
-  .panel:fullscreen{max-width:100%;border-radius:0;height:100vh;margin:0}
-
-  /* PROGRESS BAR */
-  .progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;
-    background:rgba(255,255,255,0.1);z-index:8}
-  .progress-fill{height:100%;background:linear-gradient(90deg,var(--neon-primary),var(--neon-secondary));
-    width:0%;transition:width 0.5s ease}
-
-  /* CONNECTION QUALITY INDICATOR */
-  .quality-indicator{position:absolute;top:15px;left:15px;
-    padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;
-    backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);z-index:7}
-  .quality-hd{background:rgba(0,255,0,0.2);color:#4ade80;border-color:rgba(76,222,128,0.3)}
-  .quality-sd{background:rgba(255,165,0,0.2);color:#fbbf24;border-color:rgba(251,191,36,0.3)}
-  .quality-low{background:rgba(255,0,0,0.2);color:#ef4444;border-color:rgba(239,68,68,0.3)}
-
-  /* KEYBOARD SHORTCUTS OVERLAY */
+    font-size:18px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);
+    color:rgba(255,255,255,0.85)}
+  .control-btn:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,107,107,0.5);
+    color:white;transform:scale(1.1) rotateZ(5deg);
+    box-shadow:0 0 20px rgba(255,107,107,0.3)}
+  .control-btn:active{transform:scale(1.05) rotateZ(2deg)}
+  .control-btn.active{background:rgba(255,107,107,0.25);border-color:rgba(255,107,107,0.7);
+    color:#ff6b6b;box-shadow:0 0 25px rgba(255,107,107,0.5)}
+
+  /* ENHANCED: Progress Bar */
+  .progress-bar{position:absolute;bottom:0;left:0;right:0;height:4px;
+    background:rgba(255,255,255,0.15);z-index:8}
+  .progress-fill{height:100%;
+    background:linear-gradient(90deg,var(--neon-primary) 0%,var(--neon-secondary) 100%);
+    width:0%;transition:width 0.6s cubic-bezier(0.4,0,0.2,1);
+    box-shadow:0 0 12px rgba(255,107,107,0.6)}
+
+  /* ENHANCED: Quality Indicator */
+  .quality-indicator{position:absolute;top:20px;left:20px;
+    padding:8px 16px;border-radius:25px;font-size:12px;font-weight:600;
+    backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.15);z-index:7;
+    font-family:'Inter',sans-serif}
+  .quality-hd{background:rgba(76,222,128,0.25);color:#4ade80;border-color:rgba(76,222,128,0.4);
+    box-shadow:0 0 20px rgba(76,222,128,0.3)}
+  .quality-sd{background:rgba(251,191,36,0.25);color:#fbbf24;border-color:rgba(251,191,36,0.4);
+    box-shadow:0 0 20px rgba(251,191,36,0.3)}
+  .quality-low{background:rgba(239,68,68,0.25);color:#ef4444;border-color:rgba(239,68,68,0.4);
+    box-shadow:0 0 20px rgba(239,68,68,0.3)}
+
+  /* ENHANCED: Keyboard Shortcuts */
   .shortcuts-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);
-    background:rgba(0,0,0,0.9);backdrop-filter:blur(20px);
-    border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,0.1);
-    z-index:11000;opacity:0;pointer-events:none;transition:all 0.4s ease;
-    max-width:400px;width:90%}
-  .shortcuts-overlay.visible{opacity:1;pointer-events:all}
-  .shortcuts-overlay h3{color:var(--gold);text-align:center;margin:0 0 20px;font-size:18px}
+    background:rgba(0,0,0,0.95);backdrop-filter:blur(30px);
+    border-radius:28px;padding:40px;border:1px solid rgba(255,255,255,0.15);
+    z-index:11000;opacity:0;pointer-events:none;
+    transition:all 0.6s cubic-bezier(0.4,0,0.2,1);
+    max-width:450px;width:90%;box-shadow:var(--shadow-strong)}
+  .shortcuts-overlay.visible{opacity:1;pointer-events:all;transform:translate(-50%, -50%) scale(1)}
+  .shortcuts-overlay h3{color:var(--gold);text-align:center;margin:0 0 25px;
+    font-size:22px;font-weight:700;font-family:'Playfair Display',serif}
   .shortcut-item{display:flex;justify-content:space-between;align-items:center;
-    padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.1)}
-  .shortcut-key{background:rgba(255,255,255,0.1);padding:4px 8px;border-radius:6px;
-    font:12px/1 'Courier New',monospace;color:var(--neon-primary)}
-
-  /* Info Section */
-  .info{text-align:center;margin-top:15px;padding:0 10px;
-    transition:all 0.4s ease;position:relative;z-index:2;transform:translateZ(0)}
-  .info h2{font-size:clamp(18px,4.5vw,26px);margin:0;
-    background:linear-gradient(135deg,#fff1a8,#ffd166,#ff9a9e);
-    background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;
-    font-weight:700;animation:optimizedTitleShimmer 4s ease-in-out infinite;
-    text-shadow:0 0 15px rgba(255,209,102,0.3);transform:translateZ(0)}
-  @keyframes optimizedTitleShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
-  .info p{margin:8px 0 0;color:rgba(255,255,255,.85);font-size:14px;
-    text-shadow:0 0 4px rgba(255,255,255,0.15)}
-
-  /* Schedule Section */
-  .schedule{max-width:760px;margin:20px auto;
-    background:rgba(255,255,255,.08);backdrop-filter:blur(15px);
-    border-radius:20px;padding:20px;transition:all 0.4s ease;position:relative;z-index:2;
-    border:1px solid rgba(255,255,255,0.12);
-    box-shadow:0 8px 30px rgba(0,0,0,0.25);transform:translateZ(0)}
-  
-  .schedule h3{margin:0 0 15px;font-size:18px;color:var(--gold);text-align:center;
-    text-shadow:0 0 10px rgba(245,215,110,0.5)}
-  
-  .row{display:flex;gap:15px;align-items:flex-start;padding:12px 15px;border-radius:12px;
-    font-size:15px;transition:all 0.3s ease;position:relative;overflow:hidden;
-    cursor:pointer;transform:translateZ(0)}
+    padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.1);
+    transition:all 0.3s ease}
+  .shortcut-item:hover{background:rgba(255,255,255,0.05);margin:0 -20px;padding:12px 20px;border-radius:12px}
+  .shortcut-key{background:rgba(255,255,255,0.15);padding:6px 12px;border-radius:10px;
+    font:13px/1 'Inter',monospace;color:var(--neon-primary);font-weight:600;
+    box-shadow:0 2px 8px rgba(0,0,0,0.2)}
+
+  /* ENHANCED: Info Section */
+  .info{text-align:center;margin-top:25px;padding:0 15px;
+    transition:all 0.6s cubic-bezier(0.4,0,0.2,1);position:relative;z-index:2;transform:translateZ(0)}
+  .info h2{font-size:clamp(20px,5vw,32px);margin:0;font-family:'Playfair Display',serif;
+    background:linear-gradient(135deg,#fff1a8 0%,#ffd166 50%,#ff9a9e 100%);
+    background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;
+    font-weight:700;animation:enhancedTitleShimmer 6s ease-in-out infinite;
+    text-shadow:0 0 25px rgba(255,209,102,0.4);transform:translateZ(0)}
+  @keyframes enhancedTitleShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
+  .info p{margin:12px 0 0;color:rgba(255,255,255,.9);font-size:15px;font-weight:300;
+    text-shadow:0 0 8px rgba(255,255,255,0.2)}
+
+  /* ENHANCED: Schedule Section */
+  .schedule{max-width:800px;margin:30px auto;
+    background:var(--glass-bg);backdrop-filter:blur(25px);
+    border-radius:28px;padding:30px;transition:all 0.6s cubic-bezier(0.4,0,0.2,1);
+    position:relative;z-index:2;border:1px solid var(--glass-border);
+    box-shadow:var(--shadow-medium);transform:translateZ(0)}
+  .schedule:hover{transform:translateY(-5px);box-shadow:var(--shadow-strong)}
+
+  .schedule h3{margin:0 0 20px;font-size:22px;color:var(--gold);text-align:center;
+    text-shadow:0 0 15px rgba(245,215,110,0.6);font-weight:600;font-family:'Playfair Display',serif}
+
+  .row{display:flex;gap:20px;align-items:flex-start;padding:16px 20px;border-radius:16px;
+    font-size:16px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;
+    cursor:pointer;transform:translateZ(0);margin:8px 0}
   .row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;
-    background:linear-gradient(90deg,rgba(255,107,107,0.12),rgba(78,205,196,0.12));
-    transition:width 0.3s ease;transform:translateZ(0)}
+    background:linear-gradient(90deg,rgba(255,107,107,0.15),rgba(78,205,196,0.15));
+    transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transform:translateZ(0)}
   .row:hover::before{width:100%}
-  .row:hover{transform:translateX(4px)}
-  
-  .row .time{width:130px;color:#ffd166;font:14px/1.4 'Courier New',monospace;position:relative;z-index:1;
-    text-shadow:0 0 6px rgba(255,209,102,0.3)}
-  .row .name{position:relative;z-index:1;font-weight:500}
+  .row:hover{transform:translateX(8px) scale(1.02);
+    background:rgba(255,255,255,0.05);box-shadow:var(--shadow-soft)}
+
+  .row .time{width:140px;color:#ffd166;font:15px/1.5 'Inter',monospace;
+    position:relative;z-index:1;text-shadow:0 0 10px rgba(255,209,102,0.4);font-weight:500}
+  .row .name{position:relative;z-index:1;font-weight:400;color:rgba(255,255,255,0.95)}
   .row.active{
-    background:linear-gradient(90deg,rgba(255,107,107,.1),rgba(78,205,196,.1));
-    border-left:4px solid #ff6b6b;box-shadow:0 4px 15px rgba(255,107,107,0.2);
-    transform:translateX(6px)}
-  .row.active::after{content:'✨';position:absolute;right:15px;top:50%;transform:translateY(-50%);
-    font-size:16px;animation:optimizedSparkle 1.5s ease-in-out infinite}
-  @keyframes optimizedSparkle{0%,100%{opacity:0.6}50%{opacity:1}}
-
-  footer{text-align:center;color:rgba(255,255,255,.75);font-size:13px;padding:20px;
-    position:relative;z-index:2;text-shadow:0 0 4px rgba(255,255,255,0.15)}
-
-  /* Enhanced Badges */
-  .live-badge{position:fixed;top:15px;right:15px;z-index:9999;display:inline-flex;align-items:center;gap:8px;
-    padding:10px 15px;border-radius:25px;
-    background:rgba(0,0,0,0.8);backdrop-filter:blur(15px);border:1px solid rgba(255,107,107,.4);
-    color:#ff6b6b;font-weight:600;font-size:14px;
-    box-shadow:0 4px 20px rgba(255,107,107,0.3);
-    animation:optimizedLivePulse 2.5s ease-in-out infinite;transform:translateZ(0)}
-  @keyframes optimizedLivePulse{0%,100%{box-shadow:0 4px 20px rgba(255,107,107,0.3)}50%{box-shadow:0 6px 25px rgba(255,107,107,0.5)}}
-  
-  .dot{width:8px;height:8px;border-radius:50%;background:#ff3b3b;
-    box-shadow:0 0 10px rgba(255,59,59,.8);
-    animation:optimizedDotPulse 1.8s ease-in-out infinite;transform:translateZ(0)}
-  @keyframes optimizedDotPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
-
-  .reactions-badge{position:fixed;top:15px;left:15px;z-index:9999;padding:10px 15px;border-radius:25px;
-    background:rgba(0,0,0,0.8);backdrop-filter:blur(15px);border:1px solid rgba(78,205,196,.4);
-    color:#4ecdc4;font-weight:600;font-size:14px;display:inline-flex;gap:10px;align-items:center;
-    box-shadow:0 4px 20px rgba(78,205,196,0.3);transform:translateZ(0)}
-
-  /* Enhanced Emoji Panel */
-  .emoji-panel{position:absolute;right:15px;bottom:90px;z-index:6;display:flex;flex-direction:column;gap:15px}
-  .emoji-btn{width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.3);
-    background:rgba(0,0,0,.6);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;
-    font-size:24px;cursor:pointer;transition:all 0.25s ease;
-    box-shadow:0 4px 15px rgba(0,0,0,0.3);transform:translateZ(0)}
-  .emoji-btn:hover{transform:scale(1.08);
-    box-shadow:0 6px 20px rgba(255,107,107,0.35);border-color:rgba(255,107,107,0.5)}
-  .emoji-btn:active{transform:scale(0.95)}
-  
-  .emoji-count{position:absolute;right:68px;min-width:60px;height:32px;padding:0 12px;border-radius:16px;
+    background:linear-gradient(90deg,rgba(255,107,107,0.15),rgba(78,205,196,0.15));
+    border-left:5px solid #ff6b6b;box-shadow:var(--shadow-medium);
+    transform:translateX(10px) scale(1.03)}
+  .row.active::after{content:'✨';position:absolute;right:20px;top:50%;transform:translateY(-50%);
+    font-size:18px;animation:enhancedSparkle 2s ease-in-out infinite}
+  @keyframes enhancedSparkle{0%,100%{opacity:0.7;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}
+
+  footer{text-align:center;color:rgba(255,255,255,.8);font-size:14px;padding:30px;
+    position:relative;z-index:2;text-shadow:0 0 8px rgba(255,255,255,0.2);font-weight:300}
+
+  /* ENHANCED: Badges */
+  .live-badge{position:fixed;top:20px;right:350px;z-index:9999;display:inline-flex;align-items:center;gap:10px;
+    padding:12px 20px;border-radius:30px;
+    background:rgba(0,0,0,0.85);backdrop-filter:blur(25px);border:1px solid rgba(255,107,107,.5);
+    color:#ff6b6b;font-weight:600;font-size:15px;
+    box-shadow:var(--shadow-medium);
+    animation:enhancedLivePulse 3s ease-in-out infinite;transform:translateZ(0)}
+  @keyframes enhancedLivePulse{0%,100%{box-shadow:var(--shadow-medium)}50%{box-shadow:0 8px 40px rgba(255,107,107,0.6)}}
+
+  .dot{width:10px;height:10px;border-radius:50%;background:#ff3b3b;
+    box-shadow:0 0 15px rgba(255,59,59,.9);
+    animation:enhancedDotPulse 2s ease-in-out infinite;transform:translateZ(0)}
+  @keyframes enhancedDotPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}
+
+  .reactions-badge{position:fixed;top:20px;left:20px;z-index:9999;padding:12px 20px;border-radius:30px;
+    background:rgba(0,0,0,0.85);backdrop-filter:blur(25px);border:1px solid rgba(78,205,196,.5);
+    color:#4ecdc4;font-weight:600;font-size:15px;display:inline-flex;gap:12px;align-items:center;
+    box-shadow:var(--shadow-medium);transform:translateZ(0)}
+
+  /* ENHANCED: Emoji Panel */
+  .emoji-panel{position:absolute;right:20px;bottom:110px;z-index:6;display:flex;flex-direction:column;gap:18px}
+  .emoji-btn{width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,.35);
+    background:rgba(0,0,0,.7);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;
+    font-size:26px;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
+    box-shadow:var(--shadow-soft);transform:translateZ(0)}
+  .emoji-btn:hover{transform:scale(1.15) rotateZ(10deg);
+    box-shadow:var(--shadow-medium);border-color:rgba(255,107,107,0.6)}
+  .emoji-btn:active{transform:scale(1.05) rotateZ(5deg)}
+
+  .emoji-count{position:absolute;right:76px;min-width:70px;height:36px;padding:0 16px;border-radius:18px;
     display:flex;align-items:center;justify-content:center;
-    background:rgba(0,0,0,.7);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);
-    font:12px/1.3 'Courier New',monospace;color:#fff;
-    box-shadow:0 4px 15px rgba(0,0,0,0.3);transform:translateZ(0)}
-  
-  /* Optimized Particles */
-  .particle{position:absolute;pointer-events:none;z-index:8;font-size:22px;
-    animation:optimizedFloatUp 1.5s ease-out forwards;transform:translateZ(0)}
-  @keyframes optimizedFloatUp{
-    0%{transform:translateY(0) scale(0.7);opacity:0}
+    background:rgba(0,0,0,.8);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);
+    font:13px/1.4 'Inter',monospace;color:#fff;font-weight:500;
+    box-shadow:var(--shadow-soft);transform:translateZ(0)}
+
+  /* ENHANCED: Particles */
+  .particle{position:absolute;pointer-events:none;z-index:8;font-size:26px;
+    animation:enhancedFloatUp 2s cubic-bezier(0.4,0,0.2,1) forwards;transform:translateZ(0)}
+  @keyframes enhancedFloatUp{
+    0%{transform:translateY(0) scale(0.8) rotate(0deg);opacity:0}
     20%{opacity:1}
-    100%{transform:translateY(-150px) scale(1.3);opacity:0}
+    100%{transform:translateY(-200px) scale(1.5) rotate(360deg);opacity:0}
   }
-  
+
   .burst{position:absolute;pointer-events:none;z-index:8;
-    animation:optimizedBurst 0.8s ease-out forwards;transform:translateZ(0)}
-  @keyframes optimizedBurst{
-    0%{transform:scale(.3);opacity:0}
-    60%{transform:scale(1.1);opacity:1}
-    100%{transform:scale(1.3);opacity:0}
+    animation:enhancedBurst 1s cubic-bezier(0.4,0,0.2,1) forwards;transform:translateZ(0)}
+  @keyframes enhancedBurst{
+    0%{transform:scale(0.4) rotate(0deg);opacity:0}
+    60%{transform:scale(1.2) rotate(180deg);opacity:1}
+    100%{transform:scale(1.6) rotate(360deg);opacity:0}
   }
 
-  /* Bubbles */
+  /* ENHANCED: Bubbles */
   #bubbles{position:fixed;inset:0;overflow:hidden;z-index:1;pointer-events:none}
   .bubble{position:absolute;bottom:-100px;border-radius:50%;
-    background:linear-gradient(45deg,rgba(255,255,255,.08),rgba(255,107,107,.06));
-    animation:optimizedRise linear infinite;
-    box-shadow:inset 0 0 15px rgba(255,255,255,0.1);transform:translateZ(0)}
-  @keyframes optimizedRise{
-    0%{transform:translateY(0) scale(1);opacity:.4}
-    50%{opacity:.7}
-    100%{transform:translateY(-120vh) scale(1.2);opacity:0}
+    background:linear-gradient(45deg,rgba(255,255,255,.12),rgba(255,107,107,.08));
+    animation:enhancedRise linear infinite;
+    box-shadow:inset 0 0 20px rgba(255,255,255,0.15);transform:translateZ(0)}
+  @keyframes enhancedRise{
+    0%{transform:translateY(0) scale(1) rotate(0deg);opacity:.5}
+    50%{opacity:.8}
+    100%{transform:translateY(-120vh) scale(1.3) rotate(360deg);opacity:0}
   }
 
-  /* Welcome Text */
+  /* ENHANCED: Welcome Text */
   .welcome-neon{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);
-    z-index:10000;font-size:clamp(32px,8vw,60px);font-weight:900;
+    z-index:10000;font-size:clamp(36px,9vw,72px);font-weight:900;font-family:'Playfair Display',serif;
     background:linear-gradient(45deg,#ff6b6b,#ffd93d,#6bcf7f,#4d96ff,#9c88ff,#ff6b6b);
-    background-size:400% 400%;-webkit-background-clip:text;background-clip:text;color:transparent;
-    animation:optimizedNeonFlow 3s ease-in-out, optimizedFadeOut 4s ease-in-out forwards;
-    text-shadow:0 0 25px rgba(255,107,107,0.6);pointer-events:none;opacity:1;
-    filter:drop-shadow(0 0 20px rgba(255,107,107,0.4));transform-origin:center}
-  @keyframes optimizedNeonFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
-  @keyframes optimizedFadeOut{
+    background-size:500% 500%;-webkit-background-clip:text;background-clip:text;color:transparent;
+    animation:enhancedNeonFlow 4s ease-in-out, enhancedFadeOut 5s ease-in-out forwards;
+    text-shadow:0 0 40px rgba(255,107,107,0.8);pointer-events:none;opacity:1;
+    filter:drop-shadow(0 0 30px rgba(255,107,107,0.5));transform-origin:center}
+  @keyframes enhancedNeonFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
+  @keyframes enhancedFadeOut{
     0%{opacity:1;transform:translate(-50%, -50%) scale(1)}
-    70%{opacity:1;transform:translate(-50%, -50%) scale(1.05)}
-    100%{opacity:0;transform:translate(-50%, -50%) scale(0.9)}
+    80%{opacity:1;transform:translate(-50%, -50%) scale(1.08)}
+    100%{opacity:0;transform:translate(-50%, -50%) scale(0.85)}
   }
 
-  /* Audio Visualizer */
-  .audio-visualizer{position:absolute;bottom:25px;left:25px;display:flex;gap:3px;z-index:6}
-  .audio-bar{width:4px;border-radius:2px;background:linear-gradient(180deg,#ff6b6b,#4ecdc4);
-    animation:optimizedAudioVisualize 1s ease-in-out infinite;transform:translateZ(0)}
-  .audio-bar:nth-child(1){height:20px;animation-delay:0s}
-  .audio-bar:nth-child(2){height:30px;animation-delay:0.1s}
-  .audio-bar:nth-child(3){height:40px;animation-delay:0.2s}
-  .audio-bar:nth-child(4){height:50px;animation-delay:0.3s}
-  .audio-bar:nth-child(5){height:40px;animation-delay:0.4s}
-  .audio-bar:nth-child(6){height:30px;animation-delay:0.5s}
-  @keyframes optimizedAudioVisualize{0%,100%{transform:scaleY(0.3)}50%{transform:scaleY(1.1)}}
-
-  /* MOBILE RESPONSIVE CONTROLS */
+  /* ENHANCED: Audio Visualizer */
+  .audio-visualizer{position:absolute;bottom:30px;left:30px;display:flex;gap:4px;z-index:6}
+  .audio-bar{width:5px;border-radius:3px;
+    background:linear-gradient(180deg,#ff6b6b 0%,#4ecdc4 50%,#9d4edd 100%);
+    animation:enhancedAudioVisualize 1.2s ease-in-out infinite;transform:translateZ(0);
+    box-shadow:0 0 10px rgba(255,107,107,0.4)}
+  .audio-bar:nth-child(1){height:25px;animation-delay:0s}
+  .audio-bar:nth-child(2){height:35px;animation-delay:0.1s}
+  .audio-bar:nth-child(3){height:45px;animation-delay:0.2s}
+  .audio-bar:nth-child(4){height:55px;animation-delay:0.3s}
+  .audio-bar:nth-child(5){height:45px;animation-delay:0.4s}
+  .audio-bar:nth-child(6){height:35px;animation-delay:0.5s}
+  @keyframes enhancedAudioVisualize{0%,100%{transform:scaleY(0.4)}50%{transform:scaleY(1.3)}}
+
+  /* ENHANCED MOBILE RESPONSIVE DESIGN */
   @media (max-width:768px) and (orientation:portrait){
     body{cursor:auto}
-    header{padding:15px 0 0;transform:translateY(-100%);opacity:0}
+    .cursor,.cursor-trail{display:none !important}
+    
+    /* Hide desktop performance toggle on mobile */
+    .performance-toggle,.performance-panel{display:none !important}
+    
+    header{padding:20px 0 0;transform:translateY(-100%);opacity:0}
     header.visible{transform:translateY(0);opacity:1}
     .divider{display:none}
-    .panel{margin:0;max-width:none;border-radius:0;aspect-ratio:auto;position:fixed;inset:0 0 auto 0;height:100vh;border:none}
-    .panel::before{inset:-2px;border-radius:0}
-    .panel::after{inset:-4px;border-radius:0}
+    h1{font-size:clamp(28px,8vw,48px)}
+
+    .panel{margin:0;max-width:none;border-radius:0;aspect-ratio:auto;position:fixed;inset:0;height:100vh;border:none}
+    .panel::before{inset:-3px;border-radius:0}
+    .panel::after{inset:-6px;border-radius:0}
     .panel:hover{transform:none}
     video{border-radius:0}
-    h1:hover{transform:none}
-
-    /* Mobile Control Panel */
-    .control-panel{bottom:20px;gap:8px;padding:8px 16px;opacity:1;transform:translateX(-50%) translateY(0)}
-    .mute-btn{width:44px;height:44px}
-    .mute-icon{font-size:18px}
-    .volume-slider{width:60px}
-    .control-btn{width:36px;height:36px;font-size:14px}
-    
-    .info,.schedule{position:relative;margin:0;border-radius:18px 18px 0 0;transform:translateY(-100%);opacity:0}
+
+    .control-panel{
+      position:fixed;
+      bottom:30px;
+      left:50%;
+      transform:translateX(-50%);
+      gap:8px;
+      padding:8px 16px;
+      opacity:1 !important;
+      background:rgba(0,0,0,0.95);
+      backdrop-filter:blur(30px);
+      border:1px solid rgba(255,107,107,0.4);
+      z-index:50;
+      box-shadow:var(--shadow-strong);
+    }
+    .mute-btn{width:40px;height:40px;border:1px solid rgba(255,107,107,0.5)}
+    .mute-icon{font-size:16px}
+    .volume-slider{width:50px;height:4px}
+    .control-btn{width:32px;height:32px;font-size:12px}
+
+    .emoji-panel{
+      position:fixed;
+      right:15px;
+      top:50%;
+      transform:translateY(-50%);
+      gap:12px;
+      z-index:45;
+    }
+    .emoji-btn{width:48px;height:48px;font-size:22px;border:1.5px solid rgba(255,255,255,.4)}
+    .emoji-count{right:60px;min-width:50px;height:28px;font-size:11px}
+
+    .live-badge{top:15px;right:15px;font-size:12px;padding:8px 12px;z-index:55}
+    .reactions-badge{top:15px;left:15px;font-size:12px;padding:8px 12px;z-index:55}
+    .chip{position:fixed;bottom:85px;right:15px;font-size:11px;padding:6px 10px;z-index:40}
+    .audio-visualizer{position:fixed;bottom:85px;left:15px;z-index:40}
+    .quality-indicator{top:60px;left:15px;font-size:10px;padding:4px 8px;z-index:40}
+
+    /* Show mobile performance toggle */
+    .mobile-perf-toggle{display:flex}
+
+    .info,.schedule{position:relative;margin:0;border-radius:20px 20px 0 0;transform:translateY(-100%);opacity:0}
     .info.visible,.schedule.visible{transform:translateY(0);opacity:1}
 
-    .bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:8;
-      background:rgba(0,0,0,.85);backdrop-filter:blur(20px);
-      border-top:1px solid rgba(255,107,107,.3);
-      max-height:42vh;overflow:auto;padding:12px;
-      transform:translateY(100%);transition:transform 0.4s ease;
-      border-radius:20px 20px 0 0;
-      box-shadow:0 -4px 20px rgba(0,0,0,0.3)}
+    .bottom-sheet{
+      position:fixed;left:0;right:0;bottom:0;z-index:35;
+      background:rgba(0,0,0,.95);backdrop-filter:blur(30px);
+      border-top:1px solid rgba(255,107,107,.5);
+      max-height:45vh;overflow:auto;padding:15px;
+      transform:translateY(100%);transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);
+      border-radius:25px 25px 0 0;box-shadow:var(--shadow-strong);
+    }
     .bottom-sheet.visible{transform:translateY(0)}
 
-    .bottom-sheet .schedule{margin:8px 0;padding:12px;font-size:13px;
-      background:rgba(255,255,255,.1);transform:none;opacity:1;border-radius:12px}
-    .bottom-sheet .schedule h3{font-size:15px;margin:0 0 10px}
-    .bottom-sheet .row{padding:8px 12px;font-size:12px;line-height:1.4}
-    .bottom-sheet .row .time{width:85px;font-size:11px}
-    .bottom-sheet .row .name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-    .bottom-sheet .info h2{font-size:16px;margin:0 0 5px}
-    .bottom-sheet .info p{font-size:12px;margin:0}
-
-    main{padding-bottom:0}
-    .emoji-panel{right:12px;bottom:140px}
-    .emoji-btn{width:55px;height:55px;font-size:26px}
-    .emoji-count{right:75px}
-    .live-badge{top:12px;right:12px}
-    .reactions-badge{top:12px;left:12px}
-    .chip{bottom:80px;right:18px}
-
-    .auto-hide-indicator{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);
-      background:rgba(0,0,0,.8);color:rgba(255,255,255,.9);
-      padding:8px 18px;border-radius:18px;font-size:12px;z-index:9999;
-      opacity:0;transition:opacity 0.3s ease;backdrop-filter:blur(15px);
-      border:1px solid rgba(255,107,107,0.3);
-      box-shadow:0 4px 15px rgba(0,0,0,0.3)}
+    .auto-hide-indicator{
+      position:fixed;bottom:100px;left:50%;transform:translateX(-50%);
+      background:rgba(0,0,0,.9);color:rgba(255,255,255,.9);
+      padding:8px 20px;border-radius:20px;font-size:12px;z-index:30;
+      opacity:0;transition:opacity 0.4s ease;backdrop-filter:blur(20px);
+      border:1px solid rgba(255,107,107,0.4);box-shadow:var(--shadow-soft);
+    }
     .auto-hide-indicator.visible{opacity:1}
-
-    .cursor,.cursor-trail{display:none}
   }
 
+  /* Hide mobile performance toggle on desktop */
   @media (min-width:769px) {
+    .mobile-perf-toggle,.mobile-perf-panel{display:none !important}
     .bottom-sheet{display:none !important}
     .auto-hide-indicator{display:none !important}
   }
 
-  /* Performance Mode */
-  .low-performance *{animation-duration:3s !important}
-  .low-performance .aurora{opacity:0.3}
+  /* Enhanced Tablet Support */
+  @media (max-width:1024px) and (min-width:769px) {
+    .panel{max-width:95%;margin:15px auto 0}
+    .emoji-panel{right:25px;bottom:120px;gap:14px}
+    .control-panel{bottom:25px;gap:12px;padding:12px 22px}
+    .live-badge{right:320px}
+  }
+
+  /* Enhanced Large Desktop Support */
+  @media (min-width:1400px) {
+    .panel{max-width:1200px}
+    .emoji-panel{gap:20px}
+    .emoji-btn{width:60px;height:60px;font-size:28px}
+    .control-panel{gap:18px;padding:18px 32px}
+    .mute-btn{width:56px;height:56px}
+    .volume-slider{width:120px}
+    .live-badge{right:400px}
+  }
+
+  /* Performance optimizations */
+  .low-performance *{animation-duration:4s !important}
+  .low-performance .aurora{opacity:0.4}
   .low-performance .music-notes{display:none}
   .low-performance .corner-accent{display:none}
-  
+
   @media (prefers-reduced-motion: reduce) {
     *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}
     .aurora,.music-notes,.corner-accent{display:none}
   }
 </style>
 </head>
-<body>
+<body class="balanced-mode">
 
   <div class="aurora"></div>
   <div class="cursor" id="cursor"></div>
   <div class="music-notes" id="music-notes"></div>
 
+  <!-- NEW: Desktop Performance Toggle -->
+  <div class="performance-toggle" id="performance-toggle">
+    <span class="mode-icon">⚙️</span>
+    <span class="mode-text" id="mode-text">Balanced</span>
+  </div>
+
+  <!-- NEW: Desktop Performance Panel -->
+  <div class="performance-panel" id="performance-panel">
+    <h3>🎨 Visual Quality</h3>
+    <div class="mode-grid">
+      <div class="mode-card" data-mode="ultra">
+        <span class="mode-emoji">🌟</span>
+        <div class="mode-name">Ultra</div>
+        <div class="mode-desc">Maximum effects & animations</div>
+      </div>
+      <div class="mode-card" data-mode="high">
+        <span class="mode-emoji">✨</span>
+        <div class="mode-name">High</div>
+        <div class="mode-desc">Rich visuals & smooth animations</div>
+      </div>
+      <div class="mode-card active" data-mode="balanced">
+        <span class="mode-emoji">⚖️</span>
+        <div class="mode-name">Balanced</div>
+        <div class="mode-desc">Great quality & performance</div>
+      </div>
+      <div class="mode-card" data-mode="performance">
+        <span class="mode-emoji">🚀</span>
+        <div class="mode-name">Performance</div>
+        <div class="mode-desc">Maximum speed & efficiency</div>
+      </div>
+    </div>
+    <div class="perf-metrics">
+      <h4>📊 Current Status</h4>
+      <div class="metric-item">
+        <span>Frame Rate:</span>
+        <span class="metric-value" id="fps-display">60 FPS</span>
+      </div>
+      <div class="metric-item">
+        <span>Effects Level:</span>
+        <span class="metric-value" id="effects-level">Medium</span>
+      </div>
+      <div class="metric-item">
+        <span>Particles:</span>
+        <span class="metric-value" id="particles-count">6 Active</span>
+      </div>
+    </div>
+  </div>
+
+  <!-- NEW: Mobile Performance Toggle -->
+  <div class="mobile-perf-toggle" id="mobile-perf-toggle">
+    <span class="perf-icon">⚙️</span>
+  </div>
+
+  <!-- NEW: Mobile Performance Panel -->
+  <div class="mobile-perf-panel" id="mobile-perf-panel">
+    <h3>🎨 Visual Quality</h3>
+    <div class="mode-grid">
+      <div class="mode-card" data-mode="ultra">
+        <span class="mode-emoji">🌟</span>
+        <div class="mode-name">Ultra</div>
+        <div class="mode-desc">Max effects</div>
+      </div>
+      <div class="mode-card" data-mode="high">
+        <span class="mode-emoji">✨</span>
+        <div class="mode-name">High</div>
+        <div class="mode-desc">Rich visuals</div>
+      </div>
+      <div class="mode-card active" data-mode="balanced">
+        <span class="mode-emoji">⚖️</span>
+        <div class="mode-name">Balanced</div>
+        <div class="mode-desc">Optimal</div>
+      </div>
+      <div class="mode-card" data-mode="performance">
+        <span class="mode-emoji">🚀</span>
+        <div class="mode-name">Fast</div>
+        <div class="mode-desc">Max speed</div>
+      </div>
+    </div>
+  </div>
+
   <div class="live-badge"><span class="dot"></span><span>LIVE:</span><strong id="live-count">—</strong><span>Watching</span></div>
   <div class="reactions-badge" id="today-reactions">Today ❤️0 🔥0 💃0 ✨0</div>
   <div id="bubbles"></div>
 
-  <!-- Keyboard Shortcuts Overlay -->
+  <!-- Enhanced Keyboard Shortcuts Overlay -->
   <div class="shortcuts-overlay" id="shortcuts-overlay">
     <h3>⌨️ Keyboard Shortcuts</h3>
     <div class="shortcut-item">
@@ -442,13 +720,17 @@
       <span>Picture-in-Picture</span>
       <span class="shortcut-key">P</span>
     </div>
+    <div class="shortcut-item">
+      <span>Performance Toggle</span>
+      <span class="shortcut-key">Q</span>
+    </div>
     <div class="shortcut-item">
       <span>Show Shortcuts</span>
       <span class="shortcut-key">?</span>
     </div>
   </div>
 
-  <div class="welcome-neon" id="welcome-neon">✨ Welcome to Professional Experience ✨</div>
+  <div class="welcome-neon" id="welcome-neon">✨ Welcome to Ultimate Experience ✨</div>
 
   <header id="main-header">
     <h1>✨ Belly Dance 24/7 ✨</h1>
@@ -465,46 +747,43 @@
         <div class="corner-accent"></div>
         <div class="corner-accent"></div>
       </div>
-      
-      <!-- Progress Bar -->
+
+      <!-- Enhanced Progress Bar -->
       <div class="progress-bar">
         <div class="progress-fill" id="progress-fill"></div>
       </div>
 
-      <!-- Quality Indicator -->
+      <!-- Enhanced Quality Indicator -->
       <div class="quality-indicator quality-hd" id="quality-indicator">HD</div>
-      
-      <video id="player" autoplay muted playsinline crossorigin="anonymous"></video>
+
+      <!-- Enhanced Unmute Overlay -->
+      <div class="unmute-overlay" id="unmute-overlay">
+        <button class="unmute-btn" id="unmute-btn">
+          <span>🔊</span>
+          <span>Click to Enable Sound</span>
+        </button>
+      </div>
+
+      <video id="player" autoplay muted playsinline loop crossorigin="anonymous"></video>
       <div id="chip" class="chip"></div>
 
-      <!-- PROFESSIONAL CONTROL PANEL -->
+      <!-- Enhanced Professional Control Panel -->
       <div class="control-panel" id="control-panel">
-        <!-- Ultimate Mute Button -->
         <div class="mute-btn" id="mute-btn" title="Mute/Unmute (M)">
-          <span class="mute-icon" id="mute-icon">🔊</span>
+          <span class="mute-icon" id="mute-icon">🔇</span>
         </div>
-
-        <!-- Volume Control -->
         <div class="volume-control">
           <div class="volume-slider" id="volume-slider" title="Volume">
             <div class="volume-fill" id="volume-fill"></div>
           </div>
         </div>
-
-        <!-- Theater Mode -->
         <div class="control-btn" id="theater-btn" title="Theater Mode (T)">🎭</div>
-
-        <!-- Fullscreen -->
         <div class="control-btn" id="fullscreen-btn" title="Fullscreen (F)">⛶</div>
-
-        <!-- Picture-in-Picture -->
         <div class="control-btn" id="pip-btn" title="Picture-in-Picture (P)">📱</div>
-
-        <!-- Shortcuts Help -->
         <div class="control-btn" id="shortcuts-btn" title="Keyboard Shortcuts (?)">⌨️</div>
       </div>
 
-      <!-- Audio Visualizer -->
+      <!-- Enhanced Audio Visualizer -->
       <div class="audio-visualizer" id="audio-visualizer">
         <div class="audio-bar"></div>
         <div class="audio-bar"></div>
@@ -514,6 +793,7 @@
         <div class="audio-bar"></div>
       </div>
 
+      <!-- Enhanced Emoji Panel -->
       <div class="emoji-panel" id="emoji-panel">
         <div class="emoji-wrap">
           <button class="emoji-btn" data-type="heart" aria-label="Heart">❤️</button>
@@ -549,7 +829,7 @@
         <h2 id="vtitle2">—</h2>
         <p id="vmeta2">—</p>
       </div>
-      <div class="schedule" style="margin-top:10px;">
+      <div class="schedule" style="margin-top:15px;">
         <h3>Schedule</h3>
         <div id="rows2"></div>
       </div>
@@ -562,54 +842,286 @@
   <footer>✨ Pre-recorded performances looped 24/7 (Global UTC) ✨</footer>
 
 <script>
-/* ============= PROFESSIONAL STREAMING INTERFACE ============= */
+/* ============= ULTIMATE OPTIMIZED STREAMING INTERFACE ============= */
 const USE_UTC = true;
 let currentDominantColor = '#ff6b6b';
 let audioContext = null;
 let analyser = null;
 let mouseX = 0, mouseY = 0;
 let performanceMode = false;
-let maxFloatingElements = 8;
+let maxFloatingElements = 10;
 let frameCount = 0;
 let isTheaterMode = false;
 let isControlPanelVisible = false;
 
-// Professional Controls State
-let isMuted = false;
+// NEW: Performance Mode State
+let currentPerformanceMode = 'balanced';
+let performanceModes = {
+  ultra: { particles: 15, animationSpeed: 1, effectIntensity: 1, name: 'Ultra', icon: '🌟' },
+  high: { particles: 10, animationSpeed: 0.8, effectIntensity: 0.8, name: 'High', icon: '✨' },
+  balanced: { particles: 6, animationSpeed: 0.6, effectIntensity: 0.6, name: 'Balanced', icon: '⚖️' },
+  performance: { particles: 3, animationSpeed: 0.3, effectIntensity: 0.3, name: 'Performance', icon: '🚀' }
+};
+
+// State
+let isMuted = true;
 let currentVolume = 0.5;
 let isFullscreen = false;
 let isPictureInPicture = false;
+let audioEnabled = false;
 
-/* Performance Detection */
+/* Enhanced Performance Detection with Real-time Monitoring */
 const performanceCheck = {
   fps: 60,
   lastFrameTime: performance.now(),
   frameCount: 0,
-  
+  fpsHistory: [],
+  avgFps: 60,
+
   update() {
     const currentTime = performance.now();
     this.frameCount++;
-    
-    if (this.frameCount % 60 === 0) {
-      this.fps = 1000 / (currentTime - this.lastFrameTime) * 60;
+
+    if (this.frameCount % 30 === 0) {
+      const deltaTime = currentTime - this.lastFrameTime;
+      this.fps = Math.round(30000 / deltaTime);
       
-      if (this.fps < 30 && !performanceMode) {
-        performanceMode = true;
-        document.body.classList.add('low-performance');
-        maxFloatingElements = 3;
-        console.log('Performance mode activated');
-      } else if (this.fps > 50 && performanceMode) {
-        performanceMode = false;
-        document.body.classList.remove('low-performance');
-        maxFloatingElements = 8;
-      }
+      this.fpsHistory.push(this.fps);
+      if (this.fpsHistory.length > 10) this.fpsHistory.shift();
+      
+      this.avgFps = Math.round(this.fpsHistory.reduce((a, b) => a + b, 0) / this.fpsHistory.length);
+      
+      // Update performance metrics display
+      updatePerformanceMetrics();
       
       this.lastFrameTime = currentTime;
     }
   }
 };
 
-/* Schedules */
+/* NEW: Performance Mode System */
+function initPerformanceModeSystem() {
+  const desktopToggle = document.getElementById('performance-toggle');
+  const desktopPanel = document.getElementById('performance-panel');
+  const mobileToggle = document.getElementById('mobile-perf-toggle');
+  const mobilePanel = document.getElementById('mobile-perf-panel');
+
+  // Load saved preference
+  const savedMode = localStorage.getItem('performanceMode') || 'balanced';
+  setPerformanceMode(savedMode);
+
+  // Desktop toggle
+  if (desktopToggle) {
+    desktopToggle.addEventListener('click', function() {
+      desktopPanel.classList.toggle('visible');
+    });
+  }
+
+  // Mobile toggle
+  if (mobileToggle) {
+    mobileToggle.addEventListener('click', function() {
+      mobilePanel.classList.toggle('visible');
+    });
+  }
+
+  // Mode selection (both desktop and mobile)
+  document.addEventListener('click', function(e) {
+    const modeCard = e.target.closest('.mode-card');
+    if (modeCard) {
+      const mode = modeCard.getAttribute('data-mode');
+      setPerformanceMode(mode);
+      
+      // Hide panels after selection
+      desktopPanel?.classList.remove('visible');
+      mobilePanel?.classList.remove('visible');
+    }
+  });
+
+  // Close panels when clicking outside
+  document.addEventListener('click', function(e) {
+    if (!e.target.closest('.performance-toggle') && !e.target.closest('.performance-panel')) {
+      desktopPanel?.classList.remove('visible');
+    }
+    if (!e.target.closest('.mobile-perf-toggle') && !e.target.closest('.mobile-perf-panel')) {
+      mobilePanel?.classList.remove('visible');
+    }
+  });
+
+  // Keyboard shortcut
+  document.addEventListener('keydown', function(e) {
+    if (e.key.toLowerCase() === 'q') {
+      const modes = Object.keys(performanceModes);
+      const currentIndex = modes.indexOf(currentPerformanceMode);
+      const nextIndex = (currentIndex + 1) % modes.length;
+      setPerformanceMode(modes[nextIndex]);
+    }
+  });
+}
+
+function setPerformanceMode(mode) {
+  if (!performanceModes[mode]) return;
+
+  currentPerformanceMode = mode;
+  const config = performanceModes[mode];
+  
+  // Update body class
+  document.body.className = document.body.className.replace(/\b\w+-mode\b/g, '');
+  document.body.classList.add(mode + '-mode');
+  
+  // Update maxFloatingElements
+  maxFloatingElements = config.particles;
+  
+  // Update UI indicators
+  const modeText = document.getElementById('mode-text');
+  if (modeText) modeText.textContent = config.name;
+  
+  // Update active cards
+  document.querySelectorAll('.mode-card').forEach(card => {
+    card.classList.remove('active');
+    if (card.getAttribute('data-mode') === mode) {
+      card.classList.add('active');
+    }
+  });
+
+  // Update mobile toggle icon
+  const mobileIcon = document.querySelector('.mobile-perf-toggle .perf-icon');
+  if (mobileIcon) mobileIcon.textContent = config.icon;
+
+  // Save preference
+  localStorage.setItem('performanceMode', mode);
+  
+  // Apply performance adjustments
+  applyPerformanceSettings();
+  
+  console.log(`Performance mode set to: ${config.name}`);
+}
+
+function applyPerformanceSettings() {
+  const config = performanceModes[currentPerformanceMode];
+  
+  // Adjust animation speeds
+  const animatableElements = document.querySelectorAll('.aurora, .corner-accent, .note, .bubble');
+  animatableElements.forEach(el => {
+    const currentDuration = parseFloat(getComputedStyle(el).animationDuration) || 1;
+    const newDuration = currentDuration / config.animationSpeed;
+    el.style.animationDuration = newDuration + 's';
+  });
+  
+  // Update performance metrics display
+  updatePerformanceMetrics();
+}
+
+function updatePerformanceMetrics() {
+  const fpsDisplay = document.getElementById('fps-display');
+  const effectsLevel = document.getElementById('effects-level');
+  const particlesCount = document.getElementById('particles-count');
+  
+  if (fpsDisplay) fpsDisplay.textContent = performanceCheck.avgFps + ' FPS';
+  if (effectsLevel) {
+    const levels = { ultra: 'Maximum', high: 'High', balanced: 'Medium', performance: 'Low' };
+    effectsLevel.textContent = levels[currentPerformanceMode];
+  }
+  if (particlesCount) particlesCount.textContent = maxFloatingElements + ' Active';
+}
+
+/* ENHANCED: Sophisticated Cursor System */
+function initEnhancedCursor(){
+  if (isMobileDevice()) return;
+  
+  const cursor = document.getElementById('cursor');
+  let trailCount = 0;
+  let isMoving = false;
+  let moveTimeout;
+
+  document.addEventListener('mousemove', function(e) {
+    mouseX = e.clientX;
+    mouseY = e.clientY;
+
+    cursor.style.transform = `translate3d(${mouseX - 10}px, ${mouseY - 10}px, 0)`;
+    
+    isMoving = true;
+    clearTimeout(moveTimeout);
+    
+    // Enhanced trail with performance awareness
+    const config = performanceModes[currentPerformanceMode];
+    const shouldCreateTrail = Math.random() > (0.88 - (config.effectIntensity * 0.1));
+    
+    if(shouldCreateTrail && trailCount < Math.floor(5 * config.effectIntensity)) {
+      trailCount++;
+      const trail = document.createElement('div');
+      trail.className = 'cursor-trail';
+      trail.style.transform = `translate3d(${mouseX}px, ${mouseY}px, 0)`;
+      document.body.appendChild(trail);
+
+      setTimeout(function() {
+        if (trail.parentNode) trail.remove();
+        trailCount--;
+      }, 800 * config.animationSpeed);
+    }
+    
+    moveTimeout = setTimeout(() => { isMoving = false; }, 150);
+  });
+
+  // Enhanced hover effects with smooth transitions
+  const interactiveElements = 'button, .control-btn, .emoji-btn, .mute-btn, .row, .shortcut-item, .mode-card, .performance-toggle';
+  
+  document.addEventListener('mouseenter', function(e) {
+    if (e.target.matches(interactiveElements)) {
+      cursor.classList.add('hover');
+    }
+  }, true);
+  
+  document.addEventListener('mouseleave', function(e) {
+    if (e.target.matches(interactiveElements)) {
+      cursor.classList.remove('hover');
+    }
+  }, true);
+
+  document.addEventListener('scroll', function() {
+    if (isMoving) {
+      cursor.style.transform = `translate3d(${mouseX - 10}px, ${mouseY - 10}px, 0)`;
+    }
+  }, { passive: true });
+}
+
+function isMobileDevice() {
+  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ||
+         (window.innerWidth <= 768 && 'ontouchstart' in window);
+}
+
+/* Enhanced Audio Enable */
+function initSimpleAudioEnable() {
+  const overlay = document.getElementById('unmute-overlay');
+  const unmuteBtn = document.getElementById('unmute-btn');
+  const player = document.getElementById('player');
+
+  unmuteBtn.addEventListener('click', function() {
+    player.muted = false;
+    audioEnabled = true;
+    isMuted = false;
+
+    document.getElementById('mute-icon').textContent = '🔊';
+    document.getElementById('mute-btn').classList.remove('muted');
+    overlay.classList.add('hidden');
+    localStorage.setItem('audioEnabled', 'true');
+
+    try {
+      if (!audioContext) {
+        audioContext = new (window.AudioContext || window.webkitAudioContext)();
+        initEnhancedAudioAnalysis();
+      }
+    } catch (e) {
+      console.log('Audio context creation failed, continuing without visualizer');
+    }
+  });
+
+  if (localStorage.getItem('audioEnabled') === 'true') {
+    overlay.classList.add('hidden');
+    audioEnabled = true;
+  }
+}
+
+/* Enhanced Schedules */
 const SCHEDULE_A = [
   { title:"Dance in Front of the Library of Alexandria", url:"https://ik.imagekit.io/plerqlkuh/A%20dance%20in%20front%20of%20the%20Library%20of%20Alexandria.mp4", duration:155, start:0, end:2.667 },
   { title:"✨ Belly dance ✨ - sensual dance", url:"https://ik.imagekit.io/plerqlkuh/%E2%9C%A8%20Belly%20dance%20%E2%9C%A8%20-%20-%20sensual%20dance.mp4", duration:113, start:2.667, end:5.333 },
@@ -644,20 +1156,21 @@ function utcDayIndex(){ return (new Date()).getUTCDay(); }
 function secFmt(s){return `${Math.floor(s/60)}:${String(s%60).padStart(2,'0')}`;}
 function clamp(n,min,max){return Math.max(min,Math.min(max,n));}
 
-/* ================ PROFESSIONAL CONTROL SYSTEM ================ */
-
-// Mute Button Control
+/* Enhanced Control Functions (same as before but with performance awareness) */
 function initMuteControl() {
   const muteBtn = document.getElementById('mute-btn');
   const muteIcon = document.getElementById('mute-icon');
   const player = document.getElementById('player');
-  
-  muteBtn.addEventListener('click', toggleMute);
-  
-  function toggleMute() {
+
+  muteBtn.addEventListener('click', function() {
+    if (!audioEnabled) {
+      document.getElementById('unmute-overlay').classList.remove('hidden');
+      return;
+    }
+
     isMuted = !isMuted;
     player.muted = isMuted;
-    
+
     if (isMuted) {
       muteIcon.textContent = '🔇';
       muteBtn.classList.add('muted');
@@ -665,96 +1178,98 @@ function initMuteControl() {
       muteIcon.textContent = '🔊';
       muteBtn.classList.remove('muted');
     }
+
+    const config = performanceModes[currentPerformanceMode];
+    const animationDuration = 300 * config.animationSpeed;
     
-    // Visual feedback
     muteBtn.animate([
       {transform: 'scale(1)'},
-      {transform: 'scale(1.2)'},
+      {transform: 'scale(1.25)'},
       {transform: 'scale(1)'}
-    ], {duration: 200});
-  }
+    ], {duration: animationDuration, easing: 'cubic-bezier(0.34, 1.56, 0.64, 1)'});
+  });
 }
 
-// Volume Control
 function initVolumeControl() {
   const volumeSlider = document.getElementById('volume-slider');
   const volumeFill = document.getElementById('volume-fill');
   const player = document.getElementById('player');
-  
-  volumeSlider.addEventListener('click', (e) => {
+
+  volumeSlider.addEventListener('click', function(e) {
+    if (!audioEnabled) {
+      document.getElementById('unmute-overlay').classList.remove('hidden');
+      return;
+    }
+
     const rect = volumeSlider.getBoundingClientRect();
     const percent = (e.clientX - rect.left) / rect.width;
     currentVolume = clamp(percent, 0, 1);
-    
+
     player.volume = currentVolume;
     volumeFill.style.width = (currentVolume * 100) + '%';
-    
-    // Update mute state
+
     if (currentVolume === 0 && !isMuted) {
       document.getElementById('mute-btn').click();
-    } else if (currentVolume > 0 && isMuted) {
-      document.getElementById('mute-btn').click();
+    } else if (currentVolume > 0 && isMuted && audioEnabled) {
+      isMuted = false;
+      player.muted = false;
+      document.getElementById('mute-icon').textContent = '🔊';
+      document.getElementById('mute-btn').classList.remove('muted');
     }
   });
-  
-  // Initialize volume
+
   player.volume = currentVolume;
   volumeFill.style.width = (currentVolume * 100) + '%';
 }
 
-// Theater Mode
 function initTheaterMode() {
   const theaterBtn = document.getElementById('theater-btn');
-  
-  theaterBtn.addEventListener('click', () => {
+
+  theaterBtn.addEventListener('click', function() {
     isTheaterMode = !isTheaterMode;
     document.body.classList.toggle('theater-mode', isTheaterMode);
     theaterBtn.classList.toggle('active', isTheaterMode);
-    
+
+    const config = performanceModes[currentPerformanceMode];
+    const animationDuration = 500 * config.animationSpeed;
+
     theaterBtn.animate([
-      {transform: 'rotateY(0deg)'},
-      {transform: 'rotateY(180deg)'},
-      {transform: 'rotateY(0deg)'}
-    ], {duration: 400});
+      {transform: 'rotateY(0deg) scale(1)'},
+      {transform: 'rotateY(180deg) scale(1.1)'},
+      {transform: 'rotateY(0deg) scale(1)'}
+    ], {duration: animationDuration, easing: 'cubic-bezier(0.34, 1.56, 0.64, 1)'});
   });
 }
 
-// Fullscreen Control
 function initFullscreenControl() {
   const fullscreenBtn = document.getElementById('fullscreen-btn');
   const panel = document.getElementById('panel');
-  
-  fullscreenBtn.addEventListener('click', toggleFullscreen);
-  
-  function toggleFullscreen() {
+
+  fullscreenBtn.addEventListener('click', function() {
     if (!document.fullscreenElement) {
-      panel.requestFullscreen().then(() => {
+      panel.requestFullscreen().then(function() {
         isFullscreen = true;
         fullscreenBtn.classList.add('active');
-        fullscreenBtn.textContent = '⛶';
       }).catch(console.error);
     } else {
-      document.exitFullscreen().then(() => {
+      document.exitFullscreen().then(function() {
         isFullscreen = false;
         fullscreenBtn.classList.remove('active');
-        fullscreenBtn.textContent = '⛶';
       }).catch(console.error);
     }
-  }
-  
-  // Listen for fullscreen changes
-  document.addEventListener('fullscreenchange', () => {
+  });
+
+  document.addEventListener('fullscreenchange', function() {
     isFullscreen = !!document.fullscreenElement;
     fullscreenBtn.classList.toggle('active', isFullscreen);
   });
 }
 
-// Picture-in-Picture Control
 function initPictureInPictureControl() {
   const pipBtn = document.getElementById('pip-btn');
   const player = document.getElementById('player');
-  
-  pipBtn.addEventListener('click', async () => {
+
+  pipBtn.addEventListener('click', async function() {
     try {
       if (document.pictureInPictureElement) {
         await document.exitPictureInPicture();
@@ -765,36 +1280,33 @@ function initPictureInPictureControl() {
       console.log('Picture-in-Picture not supported');
     }
   });
-  
-  player.addEventListener('enterpictureinpicture', () => {
+
+  player.addEventListener('enterpictureinpicture', function() {
     isPictureInPicture = true;
     pipBtn.classList.add('active');
   });
-  
-  player.addEventListener('leavepictureinpicture', () => {
+
+  player.addEventListener('leavepictureinpicture', function() {
     isPictureInPicture = false;
     pipBtn.classList.remove('active');
   });
 }
 
-// Keyboard Shortcuts
 function initKeyboardShortcuts() {
   const shortcutsBtn = document.getElementById('shortcuts-btn');
   const shortcutsOverlay = document.getElementById('shortcuts-overlay');
-  
-  shortcutsBtn.addEventListener('click', () => {
+
+  shortcutsBtn.addEventListener('click', function() {
     shortcutsOverlay.classList.toggle('visible');
   });
-  
-  // Close on click outside
-  shortcutsOverlay.addEventListener('click', (e) => {
+
+  shortcutsOverlay.addEventListener('click', function(e) {
     if (e.target === shortcutsOverlay) {
       shortcutsOverlay.classList.remove('visible');
     }
   });
-  
-  // Keyboard shortcuts
-  document.addEventListener('keydown', (e) => {
+
+  document.addEventListener('keydown', function(e) {
     switch(e.key.toLowerCase()) {
       case 'm':
         document.getElementById('mute-btn').click();
@@ -808,17 +1320,24 @@ function initKeyboardShortcuts() {
       case 'p':
         document.getElementById('pip-btn').click();
         break;
+      case 'q':
+        // Performance mode cycling handled in initPerformanceModeSystem
+        break;
       case 'arrowup':
         e.preventDefault();
-        currentVolume = clamp(currentVolume + 0.1, 0, 1);
-        document.getElementById('player').volume = currentVolume;
-        document.getElementById('volume-fill').style.width = (currentVolume * 100) + '%';
+        if (audioEnabled) {
+          currentVolume = clamp(currentVolume + 0.1, 0, 1);
+          document.getElementById('player').volume = currentVolume;
+          document.getElementById('volume-fill').style.width = (currentVolume * 100) + '%';
+        }
         break;
       case 'arrowdown':
         e.preventDefault();
-        currentVolume = clamp(currentVolume - 0.1, 0, 1);
-        document.getElementById('player').volume = currentVolume;
-        document.getElementById('volume-fill').style.width = (currentVolume * 100) + '%';
+        if (audioEnabled) {
+          currentVolume = clamp(currentVolume - 0.1, 0, 1);
+          document.getElementById('player').volume = currentVolume;
+          document.getElementById('volume-fill').style.width = (currentVolume * 100) + '%';
+        }
         break;
       case '?':
         shortcutsOverlay.classList.toggle('visible');
@@ -827,64 +1346,61 @@ function initKeyboardShortcuts() {
   });
 }
 
-// Control Panel Visibility
 function initControlPanelVisibility() {
   const panel = document.getElementById('panel');
   const controlPanel = document.getElementById('control-panel');
-  
+
   let hideTimer = null;
-  
+
   function showControls() {
     controlPanel.classList.add('active');
     isControlPanelVisible = true;
-    
+
     if (hideTimer) clearTimeout(hideTimer);
-    hideTimer = setTimeout(() => {
+    hideTimer = setTimeout(function() {
       if (!controlPanel.matches(':hover')) {
         controlPanel.classList.remove('active');
         isControlPanelVisible = false;
       }
-    }, 3000);
+    }, 4000);
   }
-  
+
   panel.addEventListener('mousemove', showControls);
   panel.addEventListener('touchstart', showControls);
-  
-  controlPanel.addEventListener('mouseenter', () => {
+
+  controlPanel.addEventListener('mouseenter', function() {
     if (hideTimer) clearTimeout(hideTimer);
   });
-  
-  controlPanel.addEventListener('mouseleave', () => {
-    hideTimer = setTimeout(() => {
+
+  controlPanel.addEventListener('mouseleave', function() {
+    hideTimer = setTimeout(function() {
       controlPanel.classList.remove('active');
       isControlPanelVisible = false;
-    }, 1000);
+    }, 1200);
   });
 }
 
-// Progress Bar
 function initProgressBar() {
   const progressFill = document.getElementById('progress-fill');
   const player = document.getElementById('player');
-  
+
   function updateProgress() {
     if (player.duration) {
       const progress = (player.currentTime / player.duration) * 100;
       progressFill.style.width = progress + '%';
     }
   }
-  
+
   player.addEventListener('timeupdate', updateProgress);
 }
 
-// Quality Indicator
 function initQualityIndicator() {
   const qualityIndicator = document.getElementById('quality-indicator');
   const player = document.getElementById('player');
-  
-  player.addEventListener('loadedmetadata', () => {
+
+  player.addEventListener('loadedmetadata', function() {
     const height = player.videoHeight;
-    
+
     if (height >= 720) {
       qualityIndicator.textContent = 'HD';
       qualityIndicator.className = 'quality-indicator quality-hd';
@@ -898,164 +1414,149 @@ function initQualityIndicator() {
   });
 }
 
-/* ================ EXISTING OPTIMIZED FUNCTIONS ================ */
-function initOptimizedCursor(){
-  const cursor = document.getElementById('cursor');
-  let trailCount = 0;
-  
-  document.addEventListener('mousemove', (e) => {
-    mouseX = e.clientX;
-    mouseY = e.clientY;
-    
-    cursor.style.left = (mouseX - 8) + 'px';
-    cursor.style.top = (mouseY - 8) + 'px';
-    
-    if(Math.random() > 0.8 && trailCount < 3) {
-      trailCount++;
-      const trail = document.createElement('div');
-      trail.className = 'cursor-trail';
-      trail.style.left = mouseX + 'px';
-      trail.style.top = mouseY + 'px';
-      document.body.appendChild(trail);
-      
-      setTimeout(() => {
-        trail.remove();
-        trailCount--;
-      }, 600);
-    }
-  });
-}
-
+/* Enhanced Floating Elements with Performance Awareness */
 let activeFloatingElements = 0;
-function createOptimizedFloatingNote(){
-  if(performanceMode || activeFloatingElements >= maxFloatingElements) return;
-  
-  const notes = ['♪', '♫', '♬', '♩'];
+function createEnhancedFloatingNote(){
+  const config = performanceModes[currentPerformanceMode];
+  if(activeFloatingElements >= config.particles) return;
+
+  const notes = ['♪', '♫', '♬', '♩', '𝄞', '𝄢'];
   const note = document.createElement('div');
   note.className = 'note';
   note.textContent = notes[Math.floor(Math.random() * notes.length)];
   note.style.left = Math.random() * 100 + 'vw';
-  note.style.animationDuration = (8 + Math.random() * 4) + 's';
-  
+  note.style.animationDuration = ((10 + Math.random() * 4) / config.animationSpeed) + 's';
+  note.style.fontSize = (20 + Math.random() * 8) + 'px';
+  note.style.opacity = 0.3 * config.effectIntensity;
+
   activeFloatingElements++;
   document.getElementById('music-notes').appendChild(note);
-  setTimeout(() => {
+  setTimeout(function() {
     note.remove();
     activeFloatingElements--;
-  }, 12000);
+  }, 14000 / config.animationSpeed);
 }
 
-function initOptimizedColorSampling(){
+function initEnhancedColorSampling(){
   const canvas = document.getElementById('color-canvas');
   const ctx = canvas.getContext('2d');
   const video = document.getElementById('player');
-  
-  function sampleOptimizedColors(){
+
+  function sampleEnhancedColors(){
     if(!video.videoWidth || !video.videoHeight) return;
-    
-    canvas.width = 32;
-    canvas.height = 18;
-    
+
+    canvas.width = 40;
+    canvas.height = 22;
+
     try{
-      ctx.drawImage(video, 0, 0, 32, 18);
-      const imageData = ctx.getImageData(8, 4, 16, 10);
+      ctx.drawImage(video, 0, 0, 40, 22);
+      const imageData = ctx.getImageData(10, 6, 20, 10);
       const data = imageData.data;
-      
+
       let r = 0, g = 0, b = 0, count = 0;
-      
-      for(let i = 0; i < data.length; i += 16) {
+
+      for(let i = 0; i < data.length; i += 20) {
         r += data[i];
         g += data[i + 1];
         b += data[i + 2];
         count++;
       }
-      
+
       if(count > 0){
         r = Math.floor(r / count);
         g = Math.floor(g / count);
         b = Math.floor(b / count);
-        
-        updateOptimizedDynamicColors(r, g, b);
+
+        updateEnhancedDynamicColors(r, g, b);
       }
     }catch(e){
-      const time = Date.now() / 2000;
-      const r = Math.floor(127 + 127 * Math.sin(time * 0.2));
-      const g = Math.floor(127 + 127 * Math.sin(time * 0.3));
-      const b = Math.floor(127 + 127 * Math.sin(time * 0.4));
-      updateOptimizedDynamicColors(r, g, b);
+      const time = Date.now() / 2500;
+      const r = Math.floor(128 + 127 * Math.sin(time * 0.15));
+      const g = Math.floor(128 + 127 * Math.sin(time * 0.25));
+      const b = Math.floor(128 + 127 * Math.sin(time * 0.35));
+      updateEnhancedDynamicColors(r, g, b);
     }
   }
-  
-  setInterval(sampleOptimizedColors, performanceMode ? 800 : 600);
+
+  const config = performanceModes[currentPerformanceMode];
+  const interval = 700 / config.animationSpeed;
+  setInterval(sampleEnhancedColors, interval);
 }
 
-function updateOptimizedDynamicColors(r, g, b){
+function updateEnhancedDynamicColors(r, g, b){
   const root = document.documentElement;
-  
-  const enhancedR = Math.min(255, r + 30);
-  const enhancedG = Math.min(255, g + 20);
-  const enhancedB = Math.min(255, b + 40);
-  
-  const compR = Math.max(0, 255 - r + 20);
-  const compG = Math.max(0, 255 - g + 15);
-  const compB = Math.max(0, 255 - b + 30);
-  
-  root.style.setProperty('--neon-primary', `rgb(${enhancedR}, ${enhancedG}, ${enhancedB})`);
-  root.style.setProperty('--neon-secondary', `rgb(${compR}, ${compG}, ${compB})`);
-  
-  currentDominantColor = `rgb(${enhancedR}, ${enhancedG}, ${enhancedB})`;
+  const config = performanceModes[currentPerformanceMode];
+
+  const intensity = 40 * config.effectIntensity;
+  const enhancedR = Math.min(255, r + intensity);
+  const enhancedG = Math.min(255, g + intensity * 0.625);
+  const enhancedB = Math.min(255, b + intensity * 1.25);
+
+  const compR = Math.max(0, 255 - r + intensity * 0.625);
+  const compG = Math.max(0, 255 - g + intensity * 0.5);
+  const compB = Math.max(0, 255 - b + intensity * 0.875);
+
+  root.style.setProperty('--neon-primary', 'rgb(' + enhancedR + ', ' + enhancedG + ', ' + enhancedB + ')');
+  root.style.setProperty('--neon-secondary', 'rgb(' + compR + ', ' + compG + ', ' + compB + ')');
+
+  currentDominantColor = 'rgb(' + enhancedR + ', ' + enhancedG + ', ' + enhancedB + ')';
 }
 
-function initOptimizedAudioAnalysis(){
+function initEnhancedAudioAnalysis(){
+  if (!audioEnabled || !audioContext) return;
+
   const video = document.getElementById('player');
-  
+
   try{
-    audioContext = new (window.AudioContext || window.webkitAudioContext)();
     const source = audioContext.createMediaElementSource(video);
     analyser = audioContext.createAnalyser();
-    
+
     source.connect(analyser);
     analyser.connect(audioContext.destination);
-    
-    analyser.fftSize = 32;
+
+    analyser.fftSize = 64;
     const bufferLength = analyser.frequencyBinCount;
     const dataArray = new Uint8Array(bufferLength);
-    
-    function updateOptimizedVisualizer(){
-      if(frameCount % 3 !== 0) {
-        requestAnimationFrame(updateOptimizedVisualizer);
+
+    function updateEnhancedVisualizer(){
+      const config = performanceModes[currentPerformanceMode];
+      
+      if(frameCount % Math.max(1, Math.floor(3 / config.animationSpeed)) !== 0) {
+        requestAnimationFrame(updateEnhancedVisualizer);
         return;
       }
-      
+
       analyser.getByteFrequencyData(dataArray);
-      
+
       const bars = document.querySelectorAll('.audio-bar');
-      bars.forEach((bar, i) => {
+      bars.forEach(function(bar, i) {
         const value = dataArray[i] || 0;
         const normalizedValue = value / 255;
-        const height = Math.max(6, normalizedValue * 45);
-        
+        const height = Math.max(8, normalizedValue * 50 * config.effectIntensity);
+
         bar.style.height = height + 'px';
       });
-      
-      requestAnimationFrame(updateOptimizedVisualizer);
+
+      requestAnimationFrame(updateEnhancedVisualizer);
     }
-    
-    updateOptimizedVisualizer();
-    
+
+    updateEnhancedVisualizer();
+
   }catch(e){
     const bars = document.querySelectorAll('.audio-bar');
-    bars.forEach((bar, i) => {
-      setInterval(() => {
-        if(performanceMode) return;
-        const randomHeight = 6 + Math.random() * 35;
+    bars.forEach(function(bar, i) {
+      const config = performanceModes[currentPerformanceMode];
+      const interval = (120 + Math.random() * 180) / config.animationSpeed;
+      
+      setInterval(function() {
+        const randomHeight = (8 + Math.random() * 40) * config.effectIntensity;
         bar.style.height = randomHeight + 'px';
-      }, 150 + Math.random() * 200);
+      }, interval);
     });
   }
 }
 
-/* ================ CORE FUNCTIONS (SAME AS BEFORE) ================ */
+/* Rest of the JavaScript code continues with the same pattern... */
 function todaySchedule(){
   const d = utcDayIndex();
   if(d===1 || d===2 || d===3) return { which:'A (Mon-Tue-Wed)', list: SCHEDULE_A };
@@ -1085,10 +1586,10 @@ function initWelcomeText() {
     return;
   }
 
-  setTimeout(() => {
+  setTimeout(function() {
     $welcomeNeon.style.display = 'none';
     localStorage.setItem('proWelcomeShown', 'true');
-  }, 4000);
+  }, 5000);
 }
 
 let autoHideTimer = null;
@@ -1103,7 +1604,7 @@ function showSchedule() {
   isScheduleVisible = true;
 
   if (autoHideTimer) clearTimeout(autoHideTimer);
-  autoHideTimer = setTimeout(() => hideSchedule(), 5000);
+  autoHideTimer = setTimeout(function() { hideSchedule(); }, 6000);
 }
 
 function hideSchedule() {
@@ -1123,17 +1624,18 @@ function hideSchedule() {
 function showIndicator() {
   if (!isMobilePortrait()) return;
   $indicator.classList.add('visible');
-  setTimeout(() => $indicator.classList.remove('visible'), 2500);
+  setTimeout(function() { $indicator.classList.remove('visible'); }, 3000);
 }
 
 let lastClickTime = 0;
-const doubleClickDelay = 300;
+const doubleClickDelay = 400;
 
-document.addEventListener('click', (e) => {
+document.addEventListener('click', function(e) {
   if (!isMobilePortrait()) return;
   if (e.target.closest('.emoji-btn') || e.target.closest('.bottom-sheet') ||
       e.target.closest('header') || e.target.closest('.info') || e.target.closest('.schedule') ||
-      e.target.closest('.control-panel')) return;
+      e.target.closest('.control-panel') || e.target.closest('.mobile-perf-toggle') || 
+      e.target.closest('.mobile-perf-panel')) return;
 
   const currentTime = new Date().getTime();
   const timeDiff = currentTime - lastClickTime;
@@ -1149,17 +1651,17 @@ function renderScheduleUI(){
   const sel = todaySchedule();
   const list = sel.list;
   $rows.innerHTML = '';
-  list.forEach((v, idx) => {
+  list.forEach(function(v, idx) {
     const div = document.createElement('div');
     div.className = 'row';
-    div.innerHTML = `<div class="time">${formatHourRange(v.start,v.end)}</div><div class="name">${v.title}</div>`;
+    div.innerHTML = '<div class="time">' + formatHourRange(v.start,v.end) + '</div><div class="name">' + v.title + '</div>';
     $rows.appendChild(div);
   });
-  
+
   if($rows2) $rows2.innerHTML = $rows.innerHTML;
   const dayNames = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];
   const d = utcDayIndex();
-  $todayTitle.textContent = `✨ Global Schedule (UTC) — ${dayNames[d]} — Set ${sel.which}`;
+  $todayTitle.textContent = '✨ Global Schedule (UTC) — ' + dayNames[d] + ' — Set ' + sel.which;
 }
 
 function formatHourRange(startH, endH){
@@ -1169,14 +1671,14 @@ function formatHourRange(startH, endH){
     const mm = Math.floor((total%3600)/60);
     return String(hh).padStart(2,'0') + ':' + String(mm).padStart(2,'0');
   }
-  return `${hhmm(startH)} – ${hhmm(endH)}`;
+  return hhmm(startH) + ' – ' + hhmm(endH);
 }
 renderScheduleUI();
 
 function updateHeader(){
   const n = new Date();
-  $ht.textContent = `Local: ${n.toLocaleTimeString()} | UTC: ${n.toUTCString().split(' ')[4]}`;
-  if($chip) $chip.textContent = `Local: ${n.toLocaleTimeString()}`;
+  $ht.textContent = 'Local: ' + n.toLocaleTimeString() + ' | UTC: ' + n.toUTCString().split(' ')[4];
+  if($chip) $chip.textContent = 'Local: ' + n.toLocaleTimeString();
 }
 setInterval(updateHeader,1000);
 updateHeader();
@@ -1208,31 +1710,38 @@ function schedulePlay(){
     $player.src = v.url;
     $player.load();
   }
+
   try {
     $player.currentTime = pos;
-  } catch (e) {}
+  } catch (e) {
+    console.log('Could not set current time');
+  }
+
   $player.loop = true;
-  $player.play().catch(()=>{ $player.muted = true; $player.play(); });
+  $player.play().catch(function(error) {
+    console.log('Autoplay prevented (normal behavior)');
+  });
 
   $vtitle.textContent = v.title;
-  $vmeta.textContent = `Duration: ${secFmt(v.duration)}`;
+  $vmeta.textContent = 'Duration: ' + secFmt(v.duration);
   if($vtitle2) $vtitle2.textContent = v.title;
-  if($vmeta2) $vmeta2.textContent = `Duration: ${secFmt(v.duration)}`;
+  if($vmeta2) $vmeta2.textContent = 'Duration: ' + secFmt(v.duration);
 
   const rowNodes = document.querySelectorAll('#rows .row, #rows2 .row');
-  rowNodes.forEach((r,i)=> r.classList.toggle('active', (i%list.length)===idx));
+  rowNodes.forEach(function(r,i) {
+    r.classList.toggle('active', (i%list.length)===idx);
+  });
 
   const nowH = h;
   const msUntilNext = Math.max(1000, Math.round(((v.end - nowH + 24) % 24) * 3600 * 1000));
   if(playTimer) clearTimeout(playTimer);
-  playTimer = setTimeout(()=> {
+  playTimer = setTimeout(function() {
     renderScheduleUI();
     schedulePlay();
   }, msUntilNext + 200);
 }
-schedulePlay();
 
-$player.addEventListener('loadedmetadata', ()=>{
+$player.addEventListener('loadedmetadata', function(){
   const r = $player.videoWidth / $player.videoHeight;
   if(r < 1){
     $player.style.objectFit = 'contain';
@@ -1240,42 +1749,43 @@ $player.addEventListener('loadedmetadata', ()=>{
   } else {
     $player.style.objectFit = 'cover';
   }
-  
-  setTimeout(() => {
-    initOptimizedColorSampling();
-    initOptimizedAudioAnalysis();
+
+  setTimeout(function() {
+    initEnhancedColorSampling();
   }, 1000);
 });
 
-function createOptimizedBubble(){
-  if(performanceMode || activeFloatingElements >= maxFloatingElements) return;
-  
+function createEnhancedBubble(){
+  const config = performanceModes[currentPerformanceMode];
+  if(activeFloatingElements >= config.particles) return;
+
   const b = document.createElement('div');
   b.className = 'bubble';
-  const s = 20 + Math.random() * 60;
+  const s = (25 + Math.random() * 70) * config.effectIntensity;
   b.style.width = s + 'px';
   b.style.height = s + 'px';
   b.style.left = (Math.random() * 100) + 'vw';
-  b.style.animationDuration = (20 + Math.random() * 20) + 's';
-  
+  b.style.animationDuration = ((25 + Math.random() * 25) / config.animationSpeed) + 's';
+  b.style.opacity = 0.5 * config.effectIntensity;
+
   activeFloatingElements++;
   document.getElementById('bubbles').appendChild(b);
-  setTimeout(()=> {
+  setTimeout(function() {
     b.remove();
     activeFloatingElements--;
-  }, 45000);
+  }, 50000 / config.animationSpeed);
 }
 
 const $liveCount = document.getElementById('live-count');
 const BUCKETS = [
-  {start:0,end:6,min:600,max:1800},
-  {start:6,end:12,min:1200,max:3000},
-  {start:12,end:18,min:2500,max:5000},
-  {start:18,end:24,min:3500,max:6500}
+  {start:0,end:6,min:700,max:2000},
+  {start:6,end:12,min:1400,max:3500},
+  {start:12,end:18,min:3000,max:6000},
+  {start:18,end:24,min:4000,max:8000}
 ];
-function bucketFor(h){ return BUCKETS.find(b=>h>=b.start && h<b.end) || BUCKETS[0]; }
-function randStep(){ return (Math.random()<0.5?-1:1)*(15 + Math.floor(Math.random()*46)); }
-function delay(){ return (4 + Math.random()*6) * 1000; }
+function bucketFor(h){ return BUCKETS.find(function(b) { return h>=b.start && h<b.end; }) || BUCKETS[0]; }
+function randStep(){ return (Math.random()<0.5?-1:1)*(20 + Math.floor(Math.random()*50)); }
+function delay(){ return (3 + Math.random() * 5) * 1000; }
 
 let liveCount, liveBucket, liveTimer;
 function initLive(){
@@ -1297,21 +1807,22 @@ function tickLive(){
   $liveCount.textContent = liveCount.toLocaleString();
   liveTimer = setTimeout(tickLive, delay());
 }
-document.addEventListener('visibilitychange', ()=>{
+document.addEventListener('visibilitychange', function(){
   if(document.hidden){ if(liveTimer) clearTimeout(liveTimer); liveTimer = null; }
   else if(!liveTimer) liveTimer = setTimeout(tickLive, delay());
 });
-initLive(); liveTimer = setTimeout(tickLive, delay());
+initLive();
+liveTimer = setTimeout(tickLive, delay());
 
 const EMOJIS = [{key:'heart',sym:'❤️'},{key:'fire',sym:'🔥'},{key:'dancer',sym:'💃'},{key:'spark',sym:'✨'}];
 const STORAGE_PREFIX = 'pro-reactions:';
-function utcDateKey(){ const d=new Date(); return `${d.getUTCFullYear()}-${String(d.getUTCMonth()+1).padStart(2,'0')}-${String(d.getUTCDate()).padStart(2,'0')}`; }
+function utcDateKey(){ const d=new Date(); return d.getUTCFullYear() + '-' + String(d.getUTCMonth()+1).padStart(2,'0') + '-' + String(d.getUTCDate()).padStart(2,'0'); }
 const STORAGE_KEY = STORAGE_PREFIX + utcDateKey();
 
 function dailySeedBase(){
   const key = utcDateKey();
   let h=0; for(let i=0;i<key.length;i++) h = (h*31 + key.charCodeAt(i)) % 100000;
-  return { heart: 400 + (h%500), fire:320 + ((h>>2)%420), dancer:250 + ((h>>3)%350), spark:180 + ((h>>4)%280) };
+  return { heart: 500 + (h%600), fire:400 + ((h>>2)%500), dancer:300 + ((h>>3)%400), spark:220 + ((h>>4)%320) };
 }
 let reactionCounts = { heart:0, fire:0, dancer:0, spark:0 };
 function loadReactions(){
@@ -1324,7 +1835,7 @@ function loadReactions(){
     reactionCounts.dancer= base.dancer+ (local.dancer||0);
     reactionCounts.spark = base.spark + (local.spark||0);
   }catch(e){
-    reactionCounts = {...base};
+    reactionCounts = base;
   }
   renderReactions();
 }
@@ -1342,49 +1853,51 @@ function renderReactions(){
   document.getElementById('count-dancer').textContent = reactionCounts.dancer.toLocaleString();
   document.getElementById('count-spark').textContent = reactionCounts.spark.toLocaleString();
   document.getElementById('today-reactions').textContent =
-    `Today ❤️${reactionCounts.heart} 🔥${reactionCounts.fire} 💃${reactionCounts.dancer} ✨${reactionCounts.spark}`;
+    'Today ❤️' + reactionCounts.heart + ' 🔥' + reactionCounts.fire + ' 💃' + reactionCounts.dancer + ' ✨' + reactionCounts.spark;
 }
 
 let activeParticles = 0;
-function spawnOptimizedParticles(type, x, y){
-  if(activeParticles > 15) return;
-  
+function spawnEnhancedParticles(type, x, y){
+  const config = performanceModes[currentPerformanceMode];
+  if(activeParticles > 20 * config.effectIntensity) return;
+
   const pane = document.getElementById('panel').getBoundingClientRect();
-  const burst = document.createElement('div'); 
-  burst.className='burst'; 
-  burst.style.left=(x-pane.left-20)+'px'; 
-  burst.style.top=(y-pane.top-20)+'px';
-  burst.textContent = EMOJIS.find(e=>e.key===type).sym; 
-  burst.style.fontSize='30px'; 
-  burst.style.filter = `drop-shadow(0 0 10px ${currentDominantColor})`;
+  const burst = document.createElement('div');
+  burst.className='burst';
+  burst.style.left=(x-pane.left-25)+'px';
+  burst.style.top=(y-pane.top-25)+'px';
+  burst.textContent = EMOJIS.find(function(e) { return e.key===type; }).sym;
+  burst.style.fontSize='35px';
+  burst.style.filter = 'drop-shadow(0 0 15px ' + currentDominantColor + ')';
   document.getElementById('panel').appendChild(burst);
   activeParticles++;
-  setTimeout(()=>{
+  setTimeout(function(){
     burst.remove();
     activeParticles--;
-  },800);
-  
-  const particleCount = performanceMode ? 4 : 8;
+  },1000 / config.animationSpeed);
+
+  const particleCount = Math.floor((performanceMode ? 5 : 10) * config.effectIntensity);
   for(let i=0;i<particleCount;i++){
-    const p = document.createElement('div'); 
-    p.className='particle'; 
-    p.textContent = EMOJIS.find(e=>e.key===type).sym;
-    p.style.left = (x - pane.left + (Math.random()*60-30)) + 'px';
-    p.style.top  = (y - pane.top + (Math.random()*30-15)) + 'px';
-    p.style.animationDelay = (Math.random()*200) + 'ms';
-    p.style.filter = `drop-shadow(0 0 6px ${currentDominantColor})`;
+    const p = document.createElement('div');
+    p.className='particle';
+    p.textContent = EMOJIS.find(function(e) { return e.key===type; }).sym;
+    p.style.left = (x - pane.left + (Math.random()*80-40)) + 'px';
+    p.style.top  = (y - pane.top + (Math.random()*40-20)) + 'px';
+    p.style.animationDelay = (Math.random()*300) + 'ms';
+    p.style.animationDuration = (2 / config.animationSpeed) + 's';
+    p.style.filter = 'drop-shadow(0 0 10px ' + currentDominantColor + ')';
     document.getElementById('panel').appendChild(p);
     activeParticles++;
-    setTimeout(()=>{
+    setTimeout(function(){
       p.remove();
       activeParticles--;
-    },1500);
+    },2000 / config.animationSpeed);
   }
 }
 
 function setupEmojiClicks(){
   const panel = document.getElementById('emoji-panel');
-  panel.addEventListener('click', (ev)=>{
+  panel.addEventListener('click', function(ev){
     const btn = ev.target.closest('.emoji-btn');
     if(!btn) return;
     const type = btn.getAttribute('data-type');
@@ -1394,22 +1907,27 @@ function setupEmojiClicks(){
     reactionCounts[type] = (reactionCounts[type]||0) + 1;
     saveLocalInc(type);
     renderReactions();
-    spawnOptimizedParticles(type, x, y);
+    spawnEnhancedParticles(type, x, y);
+    
+    const config = performanceModes[currentPerformanceMode];
+    const animationDuration = 400 * config.animationSpeed;
+    
     btn.animate([
-      {transform:'scale(1)', filter:'brightness(1)'},
-      {transform:'scale(1.1)', filter:'brightness(1.3)'},
-      {transform:'scale(1)', filter:'brightness(1)'}
-    ],{duration:250});
+      {transform:'scale(1) rotateZ(0deg)', filter:'brightness(1)'},
+      {transform:'scale(1.2) rotateZ(15deg)', filter:'brightness(1.4)'},
+      {transform:'scale(1) rotateZ(0deg)', filter:'brightness(1)'}
+    ],{duration: animationDuration, easing: 'cubic-bezier(0.34, 1.56, 0.64, 1)'});
   });
 }
-loadReactions(); setupEmojiClicks();
+loadReactions();
+setupEmojiClicks();
 
 function msToNextUtcMidnight(){
   const now = new Date();
   const next = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()+1, 0,0,0));
   return next - now;
 }
-setTimeout(()=> location.reload(), msToNextUtcMidnight()+1200);
+setTimeout(function() { location.reload(); }, msToNextUtcMidnight()+1500);
 
 function isMobilePortrait(){
   return window.matchMedia('(max-width:768px) and (orientation:portrait)').matches;
@@ -1417,7 +1935,7 @@ function isMobilePortrait(){
 
 function applyMobileLayout(){
   if(isMobilePortrait()) {
-    setTimeout(() => showSchedule(), 700);
+    setTimeout(function() { showSchedule(); }, 800);
   } else {
     $header.classList.add('visible');
     $info.classList.add('visible');
@@ -1430,39 +1948,51 @@ function applyMobileLayout(){
   }
 }
 
-// Initialize all features
-initWelcomeText();
-initOptimizedCursor();
-applyMobileLayout();
-window.addEventListener('resize', applyMobileLayout);
-
-// Initialize Professional Controls
-initMuteControl();
-initVolumeControl();
-initTheaterMode();
-initFullscreenControl();
-initPictureInPictureControl();
-initKeyboardShortcuts();
-initControlPanelVisibility();
-initProgressBar();
-initQualityIndicator();
-
-// Floating elements
-setInterval(() => {
-  if(!performanceMode) createOptimizedFloatingNote();
-}, performanceMode ? 6000 : 4000);
-
-setInterval(() => {
-  if(!performanceMode) createOptimizedBubble();
-}, performanceMode ? 1200 : 800);
-
-// Performance monitoring
-function optimizedPerformanceMonitor() {
-  frameCount++;
-  performanceCheck.update();
-  requestAnimationFrame(optimizedPerformanceMonitor);
-}
-requestAnimationFrame(optimizedPerformanceMonitor);
+// Initialize everything
+document.addEventListener('DOMContentLoaded', function() {
+  // NEW: Initialize performance mode system first
+  initPerformanceModeSystem();
+  
+  initSimpleAudioEnable();
+  initWelcomeText();
+  
+  if (!isMobileDevice()) {
+    initEnhancedCursor();
+  }
+  
+  applyMobileLayout();
+  window.addEventListener('resize', applyMobileLayout);
+
+  initMuteControl();
+  initVolumeControl();
+  initTheaterMode();
+  initFullscreenControl();
+  initPictureInPictureControl();
+  initKeyboardShortcuts();
+  initControlPanelVisibility();
+  initProgressBar();
+  initQualityIndicator();
+
+  schedulePlay();
+
+  // Performance-aware intervals
+  setInterval(function() {
+    const config = performanceModes[currentPerformanceMode];
+    if(Math.random() > (1 - config.effectIntensity * 0.7)) createEnhancedFloatingNote();
+  }, 5000);
+
+  setInterval(function() {
+    const config = performanceModes[currentPerformanceMode];
+    if(Math.random() > (1 - config.effectIntensity * 0.8)) createEnhancedBubble();
+  }, 1000);
+
+  function enhancedPerformanceMonitor() {
+    frameCount++;
+    performanceCheck.update();
+    requestAnimationFrame(enhancedPerformanceMonitor);
+  }
+  requestAnimationFrame(enhancedPerformanceMonitor);
+});
 
 </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Meneman/bdance" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
