/* Makes the web app feel like a native iPhone app. */
html {
  color-scheme: light;               /* light even when the phone is in dark mode */
}
html, body {
  /* The page itself never moves, zooms or scrolls sideways; only the app's own lists scroll. */
  position: fixed;
  inset: 0;
  width: 100%;
  overflow: hidden;
  overscroll-behavior: none;            /* no rubber-band bounce of the whole page */
  -webkit-text-size-adjust: 100%;
  background: #ffffff;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent; /* no grey flash when tapping */
  -webkit-touch-callout: none;              /* no long-press link/image menu on buttons */
  touch-action: pan-x pan-y;                /* scrolling only: no pinch or double-tap zoom */
  user-select: none;
  -webkit-user-select: none;
}
/* Text people may want to type, select or copy */
input, textarea, [contenteditable="true"] {
  user-select: text;
  -webkit-user-select: text;
  -webkit-touch-callout: default;
  font-size: 16px !important;               /* below 16px, iPhone zooms in when typing */
}
/* No focus rings on tap (keyboard users still get them) */
:focus:not(:focus-visible) { outline: none; }
img { -webkit-user-drag: none; }
#root { width: 100%; overflow: hidden; }