:root {
  --brand-1: #6f42c1;
  --brand-2: #d63384;
}

body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }

.card { border: none; box-shadow: 0 1px 3px rgba(0,0,0,.04); }
.card-header { background: linear-gradient(90deg, var(--brand-1), var(--brand-2)); color: #fff; font-weight: 600; }

.review-box {
  white-space: pre-wrap;
  background: #fff;
  border: 1px solid #eee;
  border-radius: .5rem;
  padding: 1rem 1.25rem;
  font-size: 1.05rem;
  line-height: 1.55;
}

.brand-pill {
  display: inline-block;
  background: #f3eaff;
  color: #5a2d9e;
  border-radius: 999px;
  padding: .15rem .65rem;
  font-size: .8rem;
  margin-right: .25rem;
}

.spinner-inline { width: 1rem; height: 1rem; }