.discussion-container {
  backdrop-filter: blur(1px);
  background: rgba(0, 0, 0, 0.3);
}

.thread-card {
  background: rgba(2, 132, 199, 0.1);
  backdrop-filter: blur(5px);
  border: 1px solid rgba(2, 132, 199, 0.2);
  transition: all 0.3s ease;
}

.thread-card:hover {
  background: rgba(2, 132, 199, 0.15);
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(2, 132, 199, 0.2);
}

.comment-card {
  background: rgba(7, 89, 133, 0.1);
  border-left: 3px solid rgba(2, 132, 199, 0.3);
  transition: all 0.2s ease;
}

.comment-card:hover {
  background: rgba(7, 89, 133, 0.15);
  border-left-color: rgba(2, 132, 199, 0.5);
}

.reaction-btn {
  transition: all 0.2s ease;
  background: rgba(2, 132, 199, 0.1);
  border: 1px solid rgba(2, 132, 199, 0.2);
}

.reaction-btn:hover {
  background: rgba(2, 132, 199, 0.2);
  transform: scale(1.1);
}

.reaction-btn.active {
  background: rgba(2, 132, 199, 0.3);
  border-color: rgba(2, 132, 199, 0.5);
}

.tag {
  background: linear-gradient(
    135deg,
    rgba(2, 132, 199, 0.2),
    rgba(3, 105, 161, 0.2)
  );
  border: 1px solid rgba(2, 132, 199, 0.3);
  transition: all 0.2s ease;
}

.tag:hover {
  background: linear-gradient(
    135deg,
    rgba(2, 132, 199, 0.3),
    rgba(3, 105, 161, 0.3)
  );
  transform: translateY(-1px);
}