.chat { display:flex; flex-direction:column; gap:10px; margin-top:12px; }

.bubble{
  max-width: 78%;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  box-shadow: 0 2px 10px rgba(0,0,0,.15);
}

.bubble .meta{ font-size:.85rem; opacity:.75; margin-bottom:6px; }
.bubble pre{ margin:0; background:transparent; padding:0; border-radius:0; }

.bubble.user{
  margin-left:auto;
  background: rgba(159, 211, 255, .12);
  border-color: rgba(159, 211, 255, .25);
}

.bubble.agent{
  margin-right:auto;
  background: rgba(255,255,255,.06);
}

.bubble .links a{ display:inline-block; margin-right:10px; margin-top:6px; }