:root {
  --telegram-safe-area-top: var(--tg-safe-area-inset-top, 0px);
  --telegram-safe-area-right: var(--tg-safe-area-inset-right, 0px);
  --telegram-safe-area-bottom: var(--tg-safe-area-inset-bottom, 0px);
  --telegram-safe-area-left: var(--tg-safe-area-inset-left, 0px);
  --telegram-content-safe-area-top: var(--tg-content-safe-area-inset-top, var(--telegram-safe-area-top));
  --telegram-content-safe-area-right: var(--tg-content-safe-area-inset-right, var(--telegram-safe-area-right));
  --telegram-content-safe-area-bottom: var(--tg-content-safe-area-inset-bottom, var(--telegram-safe-area-bottom));
  --telegram-content-safe-area-left: var(--tg-content-safe-area-inset-left, var(--telegram-safe-area-left));
  --telegram-top-inset: var(--telegram-content-safe-area-top);
  --telegram-right-inset: var(--telegram-content-safe-area-right);
  --telegram-bottom-inset: var(--telegram-content-safe-area-bottom);
  --telegram-left-inset: var(--telegram-content-safe-area-left);
  --telegram-viewport-height: var(--tg-viewport-height, 100dvh);
  --telegram-viewport-stable-height: var(--tg-viewport-stable-height, 100dvh);
}

* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

body {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  font-family: var(--font-sans);
  color: var(--ink-100);
  background: var(--shell-body-background);
  display: flex;
  justify-content: center;
  padding: var(--shell-body-padding-block, 0) var(--shell-body-padding-inline, 16px);
  overflow: hidden;
}