/* Telegram supplies these variables on theme changes. Fallbacks keep standalone
   pages readable; no extra SDK dependency exists for disabled installations. */
.telegram-app{--bg:var(--tg-theme-secondary-bg-color,#f5f7fb);--surface:var(--tg-theme-bg-color,#fff);--surface2:var(--tg-theme-secondary-bg-color,#f8fafc);--fg:var(--tg-theme-text-color,#0f172a);--fg2:var(--tg-theme-text-color,#334155);--mut:var(--tg-theme-hint-color,#5b6577);--acc:var(--tg-theme-button-color,#2563eb);--acc-h:var(--tg-theme-button-color,#1d4ed8)}
.telegram-app .btn.pri{color:var(--tg-theme-button-text-color,#fff)}
.telegram-app body{min-height:var(--tg-viewport-stable-height,100vh);padding-top:var(--tg-content-safe-area-inset-top,0px);padding-bottom:var(--tg-content-safe-area-inset-bottom,0px)}
.mini-entry{display:grid;place-items:center;min-height:100vh;padding:24px;background:var(--bg);color:var(--fg)}
.mini-card{width:min(100%,520px);padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.mini-card h1{font-size:clamp(26px,6vw,36px);line-height:1.15;margin:14px 0 20px}
.mini-card p{line-height:1.6}.mini-card a{display:inline-block;margin-top:14px}.mini-kicker{font-size:12px;letter-spacing:.13em;font-weight:700;color:var(--mut)}
.mini-demo-notice{padding:12px 16px;margin-bottom:20px;border:1px solid #c9a663;border-radius:10px;background:#fff4d6;color:#493613;font-size:14px}
#mini-message{min-height:26px;font-weight:600;overflow-wrap:anywhere}
@media(max-width:520px){.mini-entry{padding:16px}.mini-card{padding:24px}.mini-card .btn{white-space:normal;text-align:center}}