:root {
  --bg: var(--tg-theme-bg-color, #ffffff);
  --text: var(--tg-theme-text-color, #222222);
  --hint: var(--tg-theme-hint-color, #888888);
  --accent: var(--tg-theme-button-color, #ff8a3d);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.app {
  padding: 24px 16px;
  text-align: center;
}

h1 {
  color: var(--accent);
  margin: 0 0 8px;
}

#greeting {
  color: var(--hint);
}