/* Grok Build managed CSS — live, no restart. Reviewed by Fable. */
/* auto: Add 16px rounded .acard with soft gold gradient accent bar, airy padding, lift hovers, pill reaction-btns and story-ring */
.acard {
  border-radius: 16px;
  padding: 18px;
  position: relative;
}
.acard::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(to right, var(--gold), transparent);
  border-radius: 16px 16px 0 0;
  opacity: 0.45;
}
@media (max-width: 940px) {
  .acard {
    padding: 14px;
  }
}
.acard:hover {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07);
  transform: translateY(-1px);
}
.reaction-btn {
  border-radius: 999px;
  transition: transform 0.15s ease;
}
.reaction-btn:active {
  transform: scale(0.96);
}
.avatar {
  border-radius: 50%;
}
.avatar-ring {
  box-shadow: 0 0 0 2.5px var(--gold);
  border-radius: 50%;
}