:root {
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --tap-size-sm: 44px;
  --tap-size-md: 46px;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.header-spacer {
  width: 40px;
  min-width: 40px;
  height: 40px;
}

.input-label-spaced {
  margin-top: var(--space-2);
}

body.telegram-webapp .header {
  padding-top: max(16px, calc(16px + env(safe-area-inset-top)));
}

body.telegram-webapp .main-content {
  padding-bottom: max(100px, calc(100px + env(safe-area-inset-bottom)));
}