* {
  -webkit-tap-highlight-color: transparent;
}

html {
  background: var(--bg);
  overscroll-behavior: none;
}

body {
  min-height: 100dvh;
  padding-bottom: calc(88px + env(safe-area-inset-bottom));
  overscroll-behavior: none;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

header {
  height: calc(76px + env(safe-area-inset-top));
  padding-top: calc(16px + env(safe-area-inset-top));
}

button,
label,
nav {
  touch-action: manipulation;
}

input,
textarea,
[contenteditable="true"] {
  touch-action: auto;
  -webkit-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}

img {
  pointer-events: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

nav {
  grid-template-columns: repeat(4, 1fr);
}

.plan-days {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.plan-days i {
  display: block;
  padding: 10px 12px;
  white-space: normal;
  line-height: 1.55;
}