diff --git a/cmd/server/web/css/cards.css b/cmd/server/web/css/cards.css
index f76bdca..c783da2 100644
--- a/cmd/server/web/css/cards.css
+++ b/cmd/server/web/css/cards.css
@@ -214,12 +214,16 @@
     font-family: var(--font-tech);
 }
 .channel-value {
-    font-size: var(--font-size-base);
+    font-size: var(--font-size-lg);
     font-weight: var(--font-weight-bold);
-    color: #00ff88;
+    color: #ffffff;
     font-family: var(--font-tech);
-    min-width: 24px;
+    min-width: 32px;
     text-align: right;
+    letter-spacing: 0.05em;
+    padding: 2px 8px;
+    border-radius: 4px;
+    transition: all 0.2s ease;
 }
 .channel-toggle {
     color: #666;
@@ -244,13 +248,13 @@
 }
 .channel-progress .progress {
     flex: 1;
-    height: 12px;
-    padding: 2px;
-    background: #222;
-    border: 2px solid #444;
+    height: 24px;
+    padding: 3px;
+    background: #2f2f2f;
+    border: 2px solid #555;
     border-radius: 4px;
     overflow: hidden;
-    box-shadow: inset 0 2px 4px rgba(0,0,0,0.4);
+    box-shadow: inset 0 2px 4px rgba(0,0,0,0.6);
 }
 
 /* ===== ЯРКИЙ КОНТРАСТНЫЙ ПРОГРЕСС-БАР ===== */
@@ -262,14 +266,14 @@
     width: 0%;
     box-shadow:
         inset 0 1px 2px rgba(255,255,255,0.3),
-        0 0 10px rgba(230,133,45,0.5);
+        0 0 15px rgba(255, 165, 0, 0.5);
 }
 
 /* Активный канал - более яркий */
 .channel-item.channel-active .fill {
     box-shadow:
         inset 0 1px 2px rgba(255,255,255,0.4),
-        0 0 15px rgba(230,133,45,0.6);
+        0 0 25px rgba(255, 165, 0, 0.7);
 }
 
 .channel-stats {
diff --git a/cmd/server/web/js/audio.ts b/cmd/server/web/js/audio.ts
index 3b4a23c..d1ace6f 100644
--- a/cmd/server/web/js/audio.ts
+++ b/cmd/server/web/js/audio.ts
@@ -64,7 +64,6 @@ export class AudioEngine {
                 currentTime + this.FADE_TIME
             );
             this.currentFrequency = frequency;
-            console.log(`[Audio] Частота: ${frequency} Гц`);
         } catch (error) {
             // Если не удалось плавно, устанавливаем сразу
             this.oscillator.frequency.value = frequency;
@@ -101,7 +100,6 @@ export class AudioEngine {
         this.oscillator.start();
 
         this.isPlaying = true;
-        console.log(`[Audio] Звук создан, частота: ${frequency} Гц, уровень: ${level}`);
     }
 
     /**
@@ -138,7 +136,6 @@ export class AudioEngine {
             return;
         }
 
-        const oldLevel = this.currentLevel;
         this.currentLevel = newLevel;
 
         // Получаем частоту для нового уровня
@@ -172,8 +169,6 @@ export class AudioEngine {
 
         // Обновляем громкость
         this.setVolume(newLevel);
-
-        console.log(`[Audio] Уровень: ${oldLevel} → ${newLevel}, Частота: ${newFrequency} Гц`);
     }
 
     /**
@@ -235,8 +230,6 @@ export class AudioEngine {
             this.stopSound();
             this.fadeTimeout = null;
         }, this.FADE_TIME * 2 * 1000 + 50);
-
-        console.log('[Audio] Затухание...');
     }
 
     /**
@@ -268,8 +261,6 @@ export class AudioEngine {
             clearTimeout(this.fadeTimeout);
             this.fadeTimeout = null;
         }
-
-        console.log('[Audio] Звук остановлен');
     }
 
     // ============================================