.swipe-board {
  position: relative;
  height: 420px;
  max-width: 420px;
  margin: 0 auto;
}

.swipe-card {
  position: absolute;
  width: 100%;
  min-height: 300px;
  background: #fff;
  border-radius: 16px;
  padding: 1rem;
  transition: transform 0.2s ease, opacity 0.2s ease;
  touch-action: none;
}

.swipe-card.card-1 { top: 10px; transform: scale(0.97); opacity: 0.9; }
.swipe-card.card-2 { top: 20px; transform: scale(0.94); opacity: 0.8; }

.chat-card { min-height: 520px; }
.chat-messages {
  flex: 1;
  max-height: 380px;
  overflow-y: auto;
  background: #fafafa;
}