:root {
  --safe-top: env(safe-area-inset-top, 0);
  --safe-bottom: env(safe-area-inset-bottom, 0);
}

html, body, #root {
  height: 100%;
  margin: 0;
  padding: 0;
  background: #f5f5f7;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo",
    "Malgun Gothic", sans-serif;
}

.page {
  padding-bottom: calc(56px + var(--safe-bottom));
  min-height: 100vh;
  box-sizing: border-box;
}
