diff --git a/src/css/styles.css b/src/css/styles.css
index 84b3a72..a4cc24b 100644
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -1420,6 +1420,7 @@ body {
     height: 80vh;
     display: flex;
     flex-direction: column;
+    overflow: hidden; /* override base .modal overflow-y: auto */
 }
 
 .debug-tabs {
diff --git a/src/favicon-192.png b/src/favicon-192.png
new file mode 100644
index 0000000..cad471f
Binary files /dev/null and b/src/favicon-192.png differ
diff --git a/src/favicon-32.png b/src/favicon-32.png
new file mode 100644
index 0000000..e1ce1b6
Binary files /dev/null and b/src/favicon-32.png differ
diff --git a/src/favicon.svg b/src/favicon.svg
new file mode 100644
index 0000000..699bb2c
--- /dev/null
+++ b/src/favicon.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <rect width="64" height="64" rx="12" fill="#1a1a2e"/>
+  <!-- Arrow 1: bottom-left → top-right -->
+  <path d="M12 48 L36 16" stroke="#6c9fff" stroke-width="5.5" stroke-linecap="round" fill="none"/>
+  <polygon points="42,12 34,14 38,22" fill="#6c9fff"/>
+  <!-- Arrow 2: top-left → bottom-right (gap at crossover) -->
+  <path d="M12 16 L24 30" stroke="#a78bfa" stroke-width="5.5" stroke-linecap="round" fill="none"/>
+  <path d="M30 38 L36 48" stroke="#a78bfa" stroke-width="5.5" stroke-linecap="round" fill="none"/>
+  <polygon points="42,52 34,50 38,42" fill="#a78bfa"/>
+</svg>
diff --git a/src/index.html b/src/index.html
index e93207c..15f1f2d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -4,6 +4,9 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Chat Switchboard</title>
+    <link rel="icon" type="image/svg+xml" href="favicon.svg">
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32.png">
+    <link rel="apple-touch-icon" sizes="192x192" href="favicon-192.png">
     <link rel="stylesheet" href="css/styles.css?v=0.4.1">
 </head>
 <body>
@@ -456,7 +459,7 @@
         </div>
     </div>
 
-    <!-- Debug Modal (Ctrl+Shift+D) -->
+    <!-- Debug Modal (Ctrl+Shift+L) -->
     <div class="modal-overlay" id="debugModal">
         <div class="modal debug-modal">
             <div class="modal-header">
diff --git a/src/js/debug.js b/src/js/debug.js
index cc0a804..b6f7137 100644
--- a/src/js/debug.js
+++ b/src/js/debug.js
@@ -330,23 +330,23 @@ const DebugLog = {
         const badge = document.createElement('div');
         badge.id = 'debugBadge';
         badge.innerHTML = '🐛';
-        badge.title = 'Debug Log (Ctrl+Shift+D)';
+        badge.title = 'Debug Log (Ctrl+Shift+L)';
         badge.style.cssText = `
             position: fixed; bottom: 12px; right: 12px; z-index: 100000;
             width: 36px; height: 36px; border-radius: 50%;
             background: var(--bg-secondary, #2a2a2a); border: 1px solid var(--border, #444);
             display: flex; align-items: center; justify-content: center;
-            cursor: pointer; font-size: 18px; opacity: 0.5;
+            cursor: pointer; font-size: 18px; opacity: 0.7;
             transition: opacity 0.2s, transform 0.2s;
         `;
         badge.addEventListener('mouseenter', () => { badge.style.opacity = '1'; badge.style.transform = 'scale(1.1)'; });
-        badge.addEventListener('mouseleave', () => { badge.style.opacity = this._errorCount > 0 ? '0.9' : '0.5'; badge.style.transform = ''; });
+        badge.addEventListener('mouseleave', () => { badge.style.opacity = this._errorCount > 0 ? '0.9' : '0.7'; badge.style.transform = ''; });
         badge.addEventListener('click', () => openDebugModal());
         document.body.appendChild(badge);
 
         // Keyboard shortcut
         document.addEventListener('keydown', (e) => {
-            if (e.ctrlKey && e.shiftKey && e.key === 'D') {
+            if (e.ctrlKey && e.shiftKey && e.key === 'L') {
                 e.preventDefault();
                 openDebugModal();
             }
