fix(reader): mount app volume in docker-compose, move popup to body root and add smooth scroll tracking

app/static/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     <title>Notes — Персональный тренажер и словарь английского языка</title>
     <meta name="description" content="Защищённый персональный тренажёр и словарь английского языка с интервальными повторениями SRS SM-2, контекстным поиском и озвучкой">
-    <link rel="stylesheet" href="/static/css/style.css?v=2.3">
+    <link rel="stylesheet" href="/static/css/style.css?v=2.5">
     
     <!-- PWA meta and icons -->
     <link rel="manifest" href="/manifest.json">
@@ -581,29 +581,6 @@
                     </div>
                 </div>
             </div>
-
-            <!-- Interactive Click-to-Translate Popup -->
-            <div id="reader-word-popup" class="reader-word-popup hidden">
-                <div class="popup-header">
-                    <div class="popup-term-wrap">
-                        <strong id="popup-term" class="popup-term">word</strong>
-                        <span id="popup-phonetic" class="popup-phonetic">/wɜːd/</span>
-                        <button id="popup-audio-btn" class="icon-btn audio-btn" style="display: none;" title="Слушать произношение">🔊</button>
-                    </div>
-                    <button id="popup-close-btn" class="popup-close-btn">✕</button>
-                </div>
-                <div class="popup-body">
-                    <div id="popup-loading" class="popup-loading hidden">Переводим...</div>
-                    <div id="popup-content" class="popup-content">
-                        <div class="popup-translation" id="popup-translation">перевод</div>
-                        <div class="popup-context" id="popup-context">“Контекст из книги...”</div>
-                    </div>
-                </div>
-                <div class="popup-footer">
-                    <button id="popup-save-btn" class="btn btn-primary btn-sm btn-block">💾 Добавить в словарь</button>
-                    <div id="popup-saved-badge" class="popup-saved-badge hidden">✅ Сохранено в словарь!</div>
-                </div>
-            </div>
         </section>
 
         <!-- Sticky Bulk Action Bar for Batch Selection Mode -->
@@ -919,9 +896,32 @@
         </div>
     </div>
 
+    <!-- Interactive Click-to-Translate Popup (Mounted at body root to prevent scroll clipping) -->
+    <div id="reader-word-popup" class="reader-word-popup hidden">
+        <div class="popup-header">
+            <div class="popup-term-wrap">
+                <strong id="popup-term" class="popup-term">word</strong>
+                <span id="popup-phonetic" class="popup-phonetic">/wɜːd/</span>
+                <button id="popup-audio-btn" class="icon-btn audio-btn" style="display: none;" title="Слушать произношение">🔊</button>
+            </div>
+            <button id="popup-close-btn" class="popup-close-btn">✕</button>
+        </div>
+        <div class="popup-body">
+            <div id="popup-loading" class="popup-loading hidden">Переводим...</div>
+            <div id="popup-content" class="popup-content">
+                <div class="popup-translation" id="popup-translation">перевод</div>
+                <div class="popup-context" id="popup-context">“Контекст из книги...”</div>
+            </div>
+        </div>
+        <div class="popup-footer">
+            <button id="popup-save-btn" class="btn btn-primary btn-sm btn-block">💾 Добавить в словарь</button>
+            <div id="popup-saved-badge" class="popup-saved-badge hidden">✅ Сохранено в словарь!</div>
+        </div>
+    </div>
+
     <!-- Audio Element for native streaming -->
     <audio id="global-audio-player" preload="none"></audio>
 
-    <script src="/static/js/app.js?v=2.3"></script>
+    <script src="/static/js/app.js?v=2.5"></script>
 </body>
 </html>