/* Home feed — X-style compose + "Show N posts" bar */

.x-center form.x-compose {
  border-bottom: none;
  padding-bottom: 0.35rem;
}

.x-center form.x-compose .x-compose-actions-icons {
  border-top: none;
  padding-top: 0.15rem;
  margin-top: 0.15rem;
}

.x-center form.x-compose .x-compose-actions-icons > button[type="submit"] {
  min-width: 78px;
  padding: 0.42rem 1rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.92rem;
  border: none;
  color: #0f1419;
  background: #eff3f4;
  transition: background 0.15s ease, opacity 0.15s ease;
}

.x-center form.x-compose .x-compose-actions-icons > button[type="submit"]:disabled {
  opacity: 0.55;
  cursor: default;
}

.x-center form.x-compose .x-compose-actions-icons > button[type="submit"]:not(:disabled):hover {
  background: #d7dbdc;
}

.x-center form.x-compose textarea {
  font-size: 1.25rem;
  min-height: 52px;
  line-height: 1.35;
}

.x-center form.x-compose textarea::placeholder {
  font-size: 1.25rem;
  color: #71767b;
}

.yal-show-posts-bar {
  display: block;
  width: 100%;
  border: none;
  border-top: 1px solid #2f3336;
  border-bottom: 1px solid #2f3336;
  background: #000;
  color: #1d9bf0;
  font-size: 0.92rem;
  font-weight: 700;
  text-align: center;
  padding: 0.85rem 1rem;
  cursor: pointer;
  transition: background 0.15s ease;
}

.yal-show-posts-bar:hover {
  background: rgba(29, 155, 240, 0.08);
}

.yal-show-posts-bar[hidden] {
  display: none;
}

.yal-show-posts-bar:focus-visible {
  outline: 2px solid #1d9bf0;
  outline-offset: -2px;
}

/* Engagement state colors: liked = pink, reposted = purple */
.x-stat-btn.is-liked,
.x-stat-btn.is-liked span,
.x-stat-btn.is-liked svg {
  color: #f91880 !important;
}

.x-stat-btn.is-liked svg {
  fill: #f91880 !important;
  stroke: #f91880 !important;
}

.x-stat-btn.is-reposted,
.x-stat-btn.is-reposted span,
.x-stat-btn.is-reposted svg {
  color: #7c3aed !important;
}

.x-stat-btn.is-reposted svg {
  fill: none !important;
  stroke: #7c3aed !important;
}