diff --git a/frontend/flashcards.html b/frontend/flashcards.html
index 8b4a916..d7b895a 100644
--- a/frontend/flashcards.html
+++ b/frontend/flashcards.html
@@ -371,6 +371,15 @@
 <script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script>
 <script>
+/* ════ Constants & State ════ */
+const COLORS = ['#9B5DE5','#EF476F','#FF9F1C','#06D6E0','#22d399','#3B82F6','#F15BB5','#6B7280'];
+
+let _decks    = [];
+let _curDeck  = null;
+let _cards    = [];
+let _editingDeckId = null;
+let _deckColor = '#9B5DE5';
+
 (async () => {
   /* ── auth ── */
   const { user } = LS.initPage();
@@ -390,15 +399,6 @@
   init();
 })();
 
-/* ════ State ════ */
-let _decks    = [];
-let _curDeck  = null;   // { id, title, color, ... }
-let _cards    = [];     // cards in current deck
-let _editingDeckId = null;
-let _deckColor = '#9B5DE5';
-
-const COLORS = ['#9B5DE5','#EF476F','#FF9F1C','#06D6E0','#22d399','#3B82F6','#F15BB5','#6B7280'];
-
 /* ════ Init ════ */
 async function init() {
   buildColorPicker();