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

/* Compact mode - 75% zoom for higher information density.
   --vh-fix / --vw-fix: use INSTEAD of 100vh/100dvh/100vw 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 (same for 100vw horizontally).
   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);
    --vw-fix: calc(100vw / 0.75);
}

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

/* 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);
    --vw-fix: calc(100vw / 0.75);
}