доработка звука при обнаружении амплитуды сигнала

cmd/server/web/css/style.css

@@ -419,6 +419,53 @@ h1 {
         inset 0 0 10px rgba(0, 255, 136, 0.1);
 }
 
+/* ===== AUDIO INDICATOR ===== */
+@keyframes pulse {
+    0%, 100% {
+        opacity: 1;
+        transform: scale(1);
+    }
+    50% {
+        opacity: 0.6;
+        transform: scale(0.95);
+    }
+}
+
+#audio-indicator {
+    transition: all 0.3s ease;
+    font-family: monospace;
+    font-size: 16px;
+    padding: 4px 12px;
+    border-radius: 6px;
+    background: rgba(0, 0, 0, 0.4);
+    border: 1px solid #333;
+    min-width: 50px;
+    text-align: center;
+    user-select: none;
+}
+
+#audio-indicator.active {
+    border-color: #00ff88;
+    box-shadow: 0 0 15px rgba(0, 255, 136, 0.3);
+    animation: pulse 1s ease-in-out infinite;
+}
+
+/* ===== ГОРЯЧИЕ КЛАВИШИ (подсказка) ===== */
+.hotkey-hint {
+    font-size: 11px;
+    opacity: 0.4;
+    text-align: center;
+    padding: 4px 0;
+}
+
+.hotkey-hint kbd {
+    background: rgba(0, 255, 136, 0.1);
+    padding: 1px 6px;
+    border-radius: 3px;
+    border: 1px solid rgba(0, 255, 136, 0.2);
+    font-size: 10px;
+}
+
 /* ===== MOBILE ===== */
 @media (max-width: 500px) {
     .header-bar {