/* Language Book Messenger: one app per page. Full screen on phones, a centred phone-width column on wide screens. */
html, body { height: 100%; }
body { margin: 0; background: var(--bg); color: var(--tx); font-family: var(--font); -webkit-font-smoothing: antialiased; }
#ta-root { min-height: 100%; }
.solo { position: fixed; inset: 0; background: var(--bg); }
.solo-app { position: absolute; inset: 0; }
@media (min-width: 640px) {
  .solo { background: linear-gradient(160deg, #064e3b 0%, #047857 45%, #10b981 100%); }
  [data-theme="dark"] .solo { background: #050a08; }
  .solo-app { inset: 20px auto 20px 50%; width: 430px; transform: translateX(-50%); border-radius: 36px; overflow: hidden; box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .45); }
}
.boot { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 14px; background: var(--bg); color: var(--tx2); font: 600 15px var(--font); }
.boot img { width: 64px; height: 64px; border-radius: 18px; box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .35); }