diff --git a/CLAUDE.md b/CLAUDE.md
index 8093185..a937b4d 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -32,7 +32,7 @@ src/
     MapView.svelte        — Leaflet map with markers and walking route polylines
     utils.js              — pure business logic (haversine, fairness, formatting)
     utils.test.js         — unit tests for utils.js
-    i18n.js               — translations (FR, EN, ES) and t() helper
+    i18n.svelte.js        — translations (FR, EN, ES) and t() helper
 ```
 
 ## Commands
diff --git a/src/App.svelte b/src/App.svelte
index 64f76d3..1b006cd 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -6,7 +6,7 @@
   import MapView from './lib/MapView.svelte';
   import GroupManager from './lib/GroupManager.svelte';
   import { friends, venues, mode, ranking, unit, apiKey, setApiKey, tooFarApart, MAX_DISTANCE, MAX_ADDRESSES, searchVenues, rerankVenues, formatMaxDistance } from './lib/stores.svelte.js';
-  import { t, locale, locales, localeLabels, setLocale } from './lib/i18n.js';
+  import { t, locale, locales, localeLabels, setLocale } from './lib/i18n.svelte.js';
 
   let selectedVenue = $state(null);
   let sidebarOpen = $state(true);
diff --git a/src/lib/AddressInput.svelte b/src/lib/AddressInput.svelte
index 9bc2a3f..46408ec 100644
--- a/src/lib/AddressInput.svelte
+++ b/src/lib/AddressInput.svelte
@@ -1,6 +1,6 @@
 <script>
   import { addFriend, friends, searchVenues, MAX_ADDRESSES } from './stores.svelte.js';
-  import { t, locale } from './i18n.js';
+  import { t, locale } from './i18n.svelte.js';
 
   let query = $state('');
   let friendName = $state('');
diff --git a/src/lib/FriendList.svelte b/src/lib/FriendList.svelte
index 4229c4d..426d3ed 100644
--- a/src/lib/FriendList.svelte
+++ b/src/lib/FriendList.svelte
@@ -1,6 +1,6 @@
 <script>
   import { friends, removeFriend, searchVenues } from './stores.svelte.js';
-  import { t } from './i18n.js';
+  import { t } from './i18n.svelte.js';
 
   const colors = ['#FF6B6B', '#A8E6CF', '#84C5F4', '#DCD6F7', '#FFD93D', '#FF8CC8', '#6BCB77', '#C4A1FF'];
 
diff --git a/src/lib/GroupManager.svelte b/src/lib/GroupManager.svelte
index c77875e..24e8113 100644
--- a/src/lib/GroupManager.svelte
+++ b/src/lib/GroupManager.svelte
@@ -1,7 +1,7 @@
 <script>
   import { friends, loadFriends, searchVenues } from './stores.svelte.js';
   import { groups, saveGroup, deleteGroup, renameGroup, updateGroup } from './groups.svelte.js';
-  import { t } from './i18n.js';
+  import { t } from './i18n.svelte.js';
 
   let saveName = $state('');
   let editingId = $state(null);
diff --git a/src/lib/MapView.svelte b/src/lib/MapView.svelte
index 76360e1..12c1875 100644
--- a/src/lib/MapView.svelte
+++ b/src/lib/MapView.svelte
@@ -3,7 +3,7 @@
   import L from 'leaflet';
   import 'leaflet/dist/leaflet.css';
   import { friends, venues, centroid, mode, apiKey, fetchRoutes } from './stores.svelte.js';
-  import { t } from './i18n.js';
+  import { t } from './i18n.svelte.js';
 
   let { selectedVenue = $bindable(null) } = $props();
 
diff --git a/src/lib/ModeToggle.svelte b/src/lib/ModeToggle.svelte
index ff89ded..206d8f8 100644
--- a/src/lib/ModeToggle.svelte
+++ b/src/lib/ModeToggle.svelte
@@ -1,6 +1,6 @@
 <script>
   import { mode, searchVenues, friends } from './stores.svelte.js';
-  import { t } from './i18n.js';
+  import { t } from './i18n.svelte.js';
 
   function toggle(newMode) {
     mode.value = newMode;
diff --git a/src/lib/VenueList.svelte b/src/lib/VenueList.svelte
index 0234d81..89a0a08 100644
--- a/src/lib/VenueList.svelte
+++ b/src/lib/VenueList.svelte
@@ -1,6 +1,6 @@
 <script>
   import { venues, friends, ranking, formatDistance, formatDuration, distanceToFriend } from './stores.svelte.js';
-  import { t } from './i18n.js';
+  import { t } from './i18n.svelte.js';
 
   let { onSelectVenue = () => {}, selectedVenueId = null } = $props();
 
diff --git a/src/lib/i18n.js b/src/lib/i18n.svelte.js
similarity index 100%
rename from src/lib/i18n.js
rename to src/lib/i18n.svelte.js
diff --git a/src/main.js b/src/main.js
index 18de97d..305a5c0 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,7 +1,7 @@
 import { mount } from 'svelte'
 import './app.css'
 import App from './App.svelte'
-import { locale } from './lib/i18n.js'
+import { locale } from './lib/i18n.svelte.js'
 
 document.documentElement.lang = locale.value