Add floating circle to bottom right of app

index.html

@@ -303,8 +303,41 @@
         .commentary-tag {
             color: #17a2b8;
         }
+        
+        /* Floating circle on bottom right */
+        .floating-circle {
+            position: fixed;
+            bottom: 20px;
+            right: 20px;
+            width: 50px;
+            height: 50px;
+            background-color: #007bff;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
+            z-index: 1000;
+            transition: all 0.3s ease;
+        }
+        
+        .floating-circle:hover {
+            background-color: #0056b3;
+            transform: scale(1.1);
+        }
+        
+        .floating-circle i {
+            color: white;
+            font-size: 24px;
+        }
         </style>
 
     <script src="renderer.js"></script>
+
+    <!-- Floating circle on bottom right -->
+    <div class="floating-circle">
+        <i>ℹ️</i>
+    </div>
 </body>
 </html>