.l-screen {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  max-width: 640px;
  min-height: var(--viewport-height);
  margin: 0 auto;
  padding: var(--space-4) var(--space-4) calc(var(--space-6) + var(--safe-area-bottom));
}

.l-stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.l-stack--loose {
  gap: var(--space-5);
}

.l-stack--tight {
  gap: var(--space-2);
}