*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  min-height: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: 'Kosugi Maru', sans-serif;
  background: #F6F3EE;
  color: #2C2C2C;
  overflow-x: hidden;
}

#app {
  max-width: 430px;
  margin: 0 auto;
  min-height: 100vh;
  position: relative;
}

button { font-family: 'Kosugi Maru', sans-serif; }
input, textarea { font-family: 'Kosugi Maru', sans-serif; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }

textarea { resize: vertical; }

canvas { display: block; }

::-webkit-scrollbar { width: 0; }

* { -webkit-font-smoothing: antialiased; }