diff --git a/frontend/flashcards.html b/frontend/flashcards.html
index 02d1bd4..1abf53f 100644
--- a/frontend/flashcards.html
+++ b/frontend/flashcards.html
@@ -447,7 +447,7 @@
         </div>
         <div class="fc-stats" id="fc-stats-bar"></div>
         <div class="deck-grid" id="deck-grid">
-          <div style="grid-column:1/-1; text-align:center; padding:40px; color:var(--text-3)">Загрузка…</div>
+          <div style="grid-column:1/-1"><div class="spinner"></div></div>
         </div>
       </div>
 
@@ -749,6 +749,8 @@ function bindStudyKeys() {
 }
 
 async function loadDecks() {
+  const _grid = document.getElementById('deck-grid');
+  if (_grid && LS.skeleton) _grid.innerHTML = LS.skeleton(6, 'card');   // системные skeleton-карточки вместо «Загрузка…»
   const [decks, stats, tracks] = await Promise.all([
     LS.api('/api/flashcards/decks').catch(()=>({decks:[]})),
     LS.api('/api/flashcards/stats').catch(()=>null),