diff --git a/.claude/launch.json b/.claude/launch.json
index 5ac2b32..5c7e3ae 100644
--- a/.claude/launch.json
+++ b/.claude/launch.json
@@ -4,7 +4,7 @@
     {
       "name": "hidden-gems",
       "runtimeExecutable": "npx",
-      "runtimeArgs": ["serve", ".", "--listen", "8000"],
+      "runtimeArgs": ["browser-sync", "start", "--server", "--port", "8000", "--files", "**", "--no-open", "--watchOptions.usePolling=true", "--watchOptions.interval=500"],
       "port": 8000,
       "autoPort": false
     }
diff --git a/index.html b/index.html
index 98024bb..f736425 100644
--- a/index.html
+++ b/index.html
@@ -1467,5 +1467,18 @@ <h1>Hidden Gems</h1>
 
 initMap();
 </script>
+<script>
+if (location.hostname === 'localhost' || location.hostname === '127.0.0.1') {
+  let etag = '';
+  setInterval(async () => {
+    try {
+      const r = await fetch(location.href, { method: 'HEAD', cache: 'no-store' });
+      const tag = r.headers.get('etag') || r.headers.get('last-modified');
+      if (etag && tag && tag !== etag) location.reload();
+      if (tag) etag = tag;
+    } catch (_) {}
+  }, 1000);
+}
+</script>
 </body>
 </html>
diff --git a/package.json b/package.json
index 90d29a4..2fc51f6 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,6 @@
   "name": "hidden-gems",
   "version": "1.0.0",
   "scripts": {
-    "start": "npx serve . --listen 8000"
+    "start": "npx browser-sync start --server --port 8000 --files '**' --no-open --watchOptions.usePolling=true --watchOptions.interval=500"
   }
 }