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

.shell {
  padding-bottom: calc(92px + var(--safe-bottom));
}

.nav {
  height: auto;
  min-height: 72px;
  padding: 9px 0 max(10px, var(--safe-bottom));
}

.chat-page {
  padding-bottom: calc(82px + var(--safe-bottom));
}

.composer.media-composer {
  padding-bottom: max(10px, var(--safe-bottom));
}

.sticker-panel {
  bottom: calc(72px + var(--safe-bottom));
}

.record-tip {
  bottom: calc(76px + var(--safe-bottom));
}