fix(reader): sticky reader toolbar, compact settings grid, and viewport-aware Aa dropdown

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, viewport-fit=cover">
     <title>Notes — Персональный тренажер и словарь английского языка</title>
     <meta name="description" content="Защищённый персональный тренажёр и словарь английского языка с интервальными повторениями SRS SM-2, контекстным поиском и озвучкой">
-    <link rel="stylesheet" href="/static/css/style.css?v=3.6">
+    <link rel="stylesheet" href="/static/css/style.css?v=3.7">
     
     <!-- PWA meta and icons -->
     <link rel="manifest" href="/manifest.json">
@@ -993,13 +993,23 @@
                 </div>
             </div>
 
-            <!-- Font Size -->
-            <div class="setting-row">
-                <span class="setting-label">Размер шрифта</span>
-                <div class="setting-stepper">
-                    <button id="setting-font-dec-btn" class="step-btn">A−</button>
-                    <span id="setting-font-size-val" class="step-val">18 px</span>
-                    <button id="setting-font-inc-btn" class="step-btn">A+</button>
+            <!-- Font Size & Text Alignment (Compact 2-col Grid) -->
+            <div class="setting-row-grid">
+                <div class="setting-row">
+                    <span class="setting-label">Размер</span>
+                    <div class="setting-stepper">
+                        <button id="setting-font-dec-btn" class="step-btn">A−</button>
+                        <span id="setting-font-size-val" class="step-val">18 px</span>
+                        <button id="setting-font-inc-btn" class="step-btn">A+</button>
+                    </div>
+                </div>
+
+                <div class="setting-row">
+                    <span class="setting-label">Выравнивание</span>
+                    <div class="setting-segmented-control" id="reader-align-group">
+                        <button class="seg-btn active" data-align="left" title="По левому краю">По краю</button>
+                        <button class="seg-btn" data-align="justify" title="По ширине (Justified)">По ширине</button>
+                    </div>
                 </div>
             </div>
 
@@ -1033,15 +1043,6 @@
                     <button class="theme-chip theme-chip-oled" data-theme="oled" title="OLED (Абсолютный чёрный)">🖤 OLED</button>
                 </div>
             </div>
-
-            <!-- Text Alignment -->
-            <div class="setting-row">
-                <span class="setting-label">Выравнивание текста</span>
-                <div class="setting-segmented-control" id="reader-align-group">
-                    <button class="seg-btn active" data-align="left">По левому краю</button>
-                    <button class="seg-btn" data-align="justify">По ширине</button>
-                </div>
-            </div>
         </div>
     </div>
 
@@ -1074,7 +1075,7 @@
     <!-- Audio Element for native streaming -->
     <audio id="global-audio-player" preload="none"></audio>
 
-    <script src="/static/js/app.js?v=3.6"></script>
+    <script src="/static/js/app.js?v=3.7"></script>
 </body>
 </html>