fix(reader): restore font-controls closing brace and fix desktop popup and settings panel styling

app/static/css/style.css

@@ -2834,6 +2834,10 @@ body {
         -webkit-overflow-scrolling: touch !important;
         border-radius: 20px !important;
         box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.55) !important;
+        border: 1px solid var(--border-focus) !important;
+        background-color: var(--bg-surface) !important;
+        color: var(--text-main) !important;
+        padding: 16px 18px 24px !important;
         z-index: 10006 !important;
         animation: slideUpSheet 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
     }
@@ -3143,6 +3147,8 @@ body {
     display: flex;
     align-items: center;
     gap: 4px;
+}
+
 .reader-scroll-area {
     --reader-font-size: 18px;
     --reader-line-height: 1.65;
@@ -3277,11 +3283,12 @@ body {
     top: 64px;
     right: 28px;
     width: 320px;
+    max-width: calc(100vw - 32px);
     background-color: var(--bg-surface);
     border: 1px solid var(--border-focus);
     border-radius: var(--radius-lg);
     box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45);
-    z-index: 10002;
+    z-index: 10006;
     padding: 16px;
     animation: fadeIn 0.15s ease-out;
 }
@@ -3721,7 +3728,7 @@ body {
 /* Click-to-Translate Popup */
 .reader-word-popup {
     position: fixed;
-    z-index: 10001;
+    z-index: 10005;
     background-color: var(--bg-surface);
     border: 1px solid var(--border-focus);
     border-radius: var(--radius-lg);