/* ── Font-size preference (Settings → Appearance) ── settingsState.applySettingsToApp mirrors settings.fontSize onto at boot and on every change. PURE TYPOGRAPHIC scale: the ONLY thing that changes is the root font-size. The type scale is now in rem (16px base — 'normal' = 100% is pixel-identical to the previous px sizes), while layout widths/heights stay px. So only text and text-relative spacing rescale; the app shell (#app is sized 100vw/100dvh) is never scaled, so there is no viewport zoom-out and the body background can never leak as a blank margin. Replaces the old `zoom: 0.92/1.13` on , which scaled the whole shell (layout included) relative to the physical viewport — at 'small' the 100vw/100dvh shell rendered at 92% and the dark body background showed through as black margin on mobile. */ html { font-size: 100%; } /* 16px base */ html[data-font-size="small"] { font-size: 93.75%; } /* 15px */ html[data-font-size="large"] { font-size: 112.5%; } /* 18px */ .dm-screen-pad { padding: var(--dm-page-pad-mobile); padding-bottom: calc(var(--dm-page-pad-mobile) + env(safe-area-inset-bottom)); overflow-y: auto; height: 100%; background: var(--bg); } @media (min-width: 1024px) { .dm-screen-pad { padding: var(--dm-page-pad-desktop); } } .dm-title { font-family: var(--dm-font-serif); font-size:1.5rem; line-height: 1.2; margin: 6px 0 14px; color: var(--text); } .dm-debug-pre { overflow-x: auto; white-space: pre-wrap; font-size:0.6875rem; line-height: 1.45; color: var(--text2); }