diff --git a/index.html b/index.html
index fab5a2e..34871cc 100644
--- a/index.html
+++ b/index.html
@@ -88,6 +88,11 @@
                                 <span>Status</span>
                             </a>
                         </li>
+                        <li class="nav-item">
+                            <a href="https://plausible.canine.tools/monochrome.tf/" target="_blank" rel="noopener noreferrer">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-no-axes-combined-icon lucide-chart-no-axes-combined"><path d="M12 16v5"/><path d="M16 14v7"/><path d="M20 10v11"/><path d="m22 3-8.646 8.646a.5.5 0 0 1-.708 0L9.354 8.354a.5.5 0 0 0-.707 0L2 15"/><path d="M4 18v3"/><path d="M8 14v7"/></svg>                                <span>analytics</span>
+                            </a>
+                        </li>
                     </ul>
                 </nav>
             </div>
diff --git a/js/app.js b/js/app.js
index 678bf7b..ccb931f 100644
--- a/js/app.js
+++ b/js/app.js
@@ -1034,7 +1034,10 @@ document.addEventListener('DOMContentLoaded', async () => {
     const updateVolumeUI = () => {
         const { volume, muted } = audioPlayer;
         volumeBtn.innerHTML = (muted || volume === 0) ? SVG_MUTE : SVG_VOLUME;
+<<<<<<< Updated upstream
 
+=======
+>>>>>>> Stashed changes
         const effectiveVolume = muted ? 0 : volume * 100;
 
         volumeFill.style.setProperty('--volume-level', `${effectiveVolume}%`);