/* v16: the same guest screen in a browser, an installed web app and Telegram.
   Personal identity will come from a server-verified session, never demo data. */
.guest-signin {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:40px;
  padding:9px 12px;
  border-radius:var(--radius-pill);
  background:var(--soft);
  color:var(--ink);
  font-size:var(--type-caption);
  font-weight:var(--weight-medium);
  line-height:var(--leading-caption);
  white-space:nowrap;
}
.guest-signin svg { width:18px;height:18px;flex:none }
.guest-signin:hover { background:var(--line) }
.mini-app { min-height:100dvh }

/* Quiet margins on desktop; the content column keeps its familiar proportions. */
@media (min-width:541px) {
  body {
    min-height:100dvh;
    padding-top:24px;
    background:
      radial-gradient(ellipse at 10% 0%,#ffeadb70,transparent 50%),
      radial-gradient(ellipse at 95% 25%,#e4eafb80,transparent 55%),
      #f6f6f8;
    background-attachment:fixed;
  }
  .mini-app {
    min-height:calc(100dvh - 24px);
    border-radius:28px 28px 0 0;
    box-shadow:0 0 0 1px #20202005,0 8px 48px #37314c08;
  }
  :root[data-theme=night] body {
    background:
      radial-gradient(ellipse at 10% 0%,#38291f30,transparent 50%),
      radial-gradient(ellipse at 95% 25%,#242e4b40,transparent 55%),
      #111214;
    background-attachment:fixed;
  }
  :root[data-theme=night] .mini-app {
    box-shadow:0 0 0 1px #ffffff05,0 8px 48px #00000020;
  }
}
@media (max-width:359px) {
  .app-header { gap:8px }
  .guest-signin { gap:5px;padding-inline:10px }
}