/**
 * Zoom Preference Styles
 * Applies zoom based on user preference
 */

/* Compact mode - 75% zoom for higher information density.
   --vh-fix: use INSTEAD of 100vh/100dvh for anything that must fill the screen.
   Under zoom, 100dvh resolves to the full viewport then gets scaled by 0.75, so a
   "100dvh" element only covers 75% of the screen. Dividing by the zoom factor cancels
   that out (100dvh / 0.75 → fills 100%). dvh (not vh) so it tracks the mobile URL bar. */
body.compact-mode {
    zoom: 0.75;
    --vh-fix: calc(100dvh / 0.75);
}

/* Standard mode - 100% zoom (default) */
body.standard-mode {
    zoom: 1.0;
    --vh-fix: 100dvh;
}

/* Default to compact mode if no class applied yet */
body:not(.compact-mode):not(.standard-mode) {
    zoom: 0.75;
    --vh-fix: calc(100dvh / 0.75);
}