.gt-thread { max-width: 34em; display: flex; flex-direction: column; gap: 14px; margin: 0 0 18px; }
.gt-turn {
  padding: 14px 16px; border-radius: 14px;
  animation: gt-rise .4s ease;
}
.gt-student {
  background: var(--panel, #142025);
  border: 1px solid var(--line, #27424b);
}
.gt-coach {
  background: rgba(63,182,196,.07);
  border: 1px solid var(--accent, #3fb6c4);
}
.gt-who {
  margin: 0 0 8px; font-size: 12.5px; color: var(--dim, #9db4bc);
  letter-spacing: .7px; text-transform: uppercase;
}
.gt-body { margin: 0; font-size: 17px; line-height: 1.7; white-space: pre-wrap; }
.gt-compose { max-width: 34em; transition: opacity .35s ease, transform .35s ease; }
.gt-compose.is-away {
  opacity: 0; transform: translateY(8px); pointer-events: none;
  max-height: 0; overflow: hidden; margin: 0;
}
.gt-compose textarea {
  display: block; width: 100%; margin: 0 0 12px;
  padding: 14px 16px; font: inherit; font-size: 17px; line-height: 1.6;
  color: var(--text, #e9f1f3); background: var(--panel2, #1b2c33);
  border: 1px solid var(--line, #27424b); border-radius: 12px; resize: vertical;
}
@keyframes gt-rise {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .gt-turn { animation: none; }
}