please look at this and fix this properly

index.html

@@ -85,11 +85,14 @@
             </div>
         </div>
     </div>
-<script>
+    <script>
         let timerInterval;
         let isRunning = false;
         let startTime;
         let elapsedTime = 0;
+        let isExpanded = false;
+        const widget = document.getElementById('timer-widget');
+        const liveClock = document.getElementById('live-clock');
 
         // Timer functions
         function startTimer() {
@@ -117,6 +120,7 @@
             elapsedTime = Date.now() - startTime;
             updateDisplay(elapsedTime);
         }
+
         function updateDisplay(time) {
             const seconds = Math.floor((time / 1000) % 60);
             const minutes = Math.floor((time / (1000 * 60)) % 60);
@@ -132,7 +136,6 @@
         }
 
         // Drag functionality
-        const widget = document.getElementById('timer-widget');
         let isDragging = false;
         let offsetX, offsetY;
 
@@ -164,6 +167,7 @@
                 top: rect.top
             }));
         });
+
         // Load saved position
         const savedPosition = localStorage.getItem('timerPosition');
         if (savedPosition) {
@@ -175,26 +179,26 @@
             widget.style.left = 'calc(100vw - 200px)';
             widget.style.top = 'calc(100vh - 100px)';
         }
+
         // Toggle expanded state
-        let isExpanded = false;
-        
         liveClock.addEventListener('click', () => {
             isExpanded = !isExpanded;
             widget.classList.toggle('expanded', isExpanded);
-            
-            // Save expanded state
             localStorage.setItem('timerExpanded', isExpanded);
         });
-// Button event listeners
+
+        // Button event listeners
         document.getElementById('start-btn').addEventListener('click', startTimer);
         document.getElementById('stop-btn').addEventListener('click', stopTimer);
         document.getElementById('reset-btn').addEventListener('click', resetTimer);
+
         // Load expanded state
         const savedExpanded = localStorage.getItem('timerExpanded') === 'true';
         if (savedExpanded) {
             isExpanded = true;
             widget.classList.add('expanded');
         }
+
         // Initialize with current time and update live clock
         function updateLiveClock() {
             const now = new Date();
@@ -216,7 +220,8 @@
         // Update live clock immediately and every second
         updateLiveClock();
         setInterval(updateLiveClock, 1000);
-// Save notes to localStorage
+
+        // Save notes to localStorage
         const noteInput = document.getElementById('time-note');
         noteInput.addEventListener('change', () => {
             const note = noteInput.value.trim();
@@ -237,8 +242,10 @@
             document.getElementById('note-text').textContent = savedNote;
             widget.classList.add('has-note');
         }
+
         // Initialize with stopped state
         resetTimer();
+
         // Make sure widget stays visible when minimized
         widget.style.minWidth = '150px';
         widget.style.minHeight = '70px';