/* 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; }
}