:root{
  --aelara-header-h: 72px;      /* alto aprox. de la barra superior */
  --aelara-input-h: 96px;       /* alto aprox. de la barra de escritura */
  --aelara-gap: 12mm;           /* espacio visible entre 1ª burbuja y la barra inferior */
}
header.bar{ position: sticky; top:0; z-index: 50; }
html,body{ margin:0; padding:0; }
body{ padding-top: var(--aelara-header-h); } /* evita que el header tape el hilo */

main.thread, #thread, .thread{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  min-height: calc(100vh - var(--aelara-header-h) - var(--aelara-input-h)) !important;
  padding-bottom: calc(var(--aelara-gap) + env(safe-area-inset-bottom,0)) !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
}

/* ajuste fino móvil si el header es un poco más alto */
@media (max-width: 480px){
  :root{ --aelara-header-h: 80px; }
}