html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }   /* iPhone: turning to landscape and back mustn't leave the text enlarged */
/* no text highlighting or magnifier on long-press (long-press is for selecting foods); only a field you're typing in selects text */
html { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
input, textarea, [contenteditable="true"], [contenteditable="true"] * { -webkit-user-select: text; user-select: text; -webkit-touch-callout: default; }
/* Toadfy's outer page. On a computer: a phone in the middle of a soft page. On a phone: the app is the whole screen. */
html, body { margin: 0; height: 100%; }
body { background: #eff0e4; display: flex; align-items: center; justify-content: center; -webkit-font-smoothing: antialiased; }
.phone { position: relative; width: 404px; height: min(814px, calc(100vh - 48px)); border: 7px solid #fbfcf0; border-radius: 52px; overflow: hidden; background: #1c1c1e;
  box-shadow: 0 0 0 1px #dce0d0, 0 20px 50px -20px #627d584f, 0 70px 100px -80px #596b45; }
.ac-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; background: transparent; }
.phone.who-pending .ac-frame { visibility: hidden; }   /* until we know whose log it is */
@media (max-width: 740px) {
  html, body { background: #1c1c1e; overflow: hidden; }
  body { display: block; }
  .phone { position: fixed; top: 0; left: 0; right: 0; width: auto; height: 100%; border: 0; border-radius: 0; box-shadow: none; }
}