:root {
  color-scheme: light dark;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--tg-theme-bg-color, #f5f6f8);
  color: var(--tg-theme-text-color, #17212b);
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; min-height: 100dvh; }
main {
  max-width: 480px;
  margin: auto;
  padding: calc(48px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));
}
.mark { font-size: 36px; font-weight: 900; letter-spacing: -5px; color: var(--tg-theme-button-color, #2775e8); }
.mark span { color: var(--tg-theme-text-color, #17212b); }
.eyebrow { margin: 48px 0 12px; font-size: 12px; font-weight: 700; letter-spacing: .12em; color: var(--tg-theme-hint-color, #667585); }
h1 { margin: 0; font-size: clamp(32px, 9vw, 44px); line-height: 1.1; letter-spacing: -.04em; }
.intro { margin: 16px 0 32px; line-height: 1.55; color: var(--tg-theme-hint-color, #667585); }
.status { padding: 16px; border-radius: 12px; background: var(--tg-theme-secondary-bg-color, #e9edf2); line-height: 1.5; }
button { width: 100%; margin-top: 24px; padding: 15px; border: 0; border-radius: 12px; font: inherit; font-weight: 700; cursor: pointer; background: var(--tg-theme-button-color, #2775e8); color: var(--tg-theme-button-text-color, #fff); }
button:focus-visible { outline: 3px solid var(--tg-theme-link-color, #2775e8); outline-offset: 3px; }
.confirmation { min-height: 1.5em; text-align: center; }
@media (prefers-color-scheme: dark) {
  :root { background: var(--tg-theme-bg-color, #17212b); color: var(--tg-theme-text-color, #f5f6f8); }
  .mark span { color: var(--tg-theme-text-color, #f5f6f8); }
  .status { background: var(--tg-theme-secondary-bg-color, #273544); }
  .intro, .eyebrow { color: var(--tg-theme-hint-color, #aab7c4); }
}