.platform-broadcast {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
}
.platform-row {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  min-width: 0;
  padding: 12px 14px;
  border-radius: 15px;
  background: linear-gradient(120deg, rgba(37,244,238,.1), rgba(255,255,255,.035));
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.platform-logo {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.platform-logo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.28), transparent);
  transform: translateX(-90%) skewX(-18deg);
  animation: platformSweep 5.6s ease-in-out infinite;
}
.platform-logo svg { width: 25px; height: 25px; position: relative; z-index: 1; }
.platform-logo span { position: relative; z-index: 1; font-weight: 900; font-size: 19px; }
.platform-copy { min-width: 0; }
.platform-name {
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;
}
.platform-meta {
  margin-top: 4px;
  color: var(--text-3);
  font-size: 11.5px;
  line-height: 1.35;
}
.platform-status {
  white-space: nowrap;
  font-family: var(--mono);
  color: #25F4EE;
  font-size: 10px;
  font-weight: 800;
  border: 1px solid rgba(37,244,238,.28);
  background: rgba(37,244,238,.11);
  padding: 5px 9px;
  border-radius: 999px;
}
.platform-yt { background: linear-gradient(150deg,#FF0033,#FF6B6B); }
.platform-fb { background: linear-gradient(150deg,#1877F2,#5B9CFF); }
.platform-tk { background: linear-gradient(135deg,#25F4EE 0%,#111 52%,#FF0050 100%); }
.platform-ig { background: linear-gradient(135deg,#F58529,#DD2A7B 50%,#8134AF); }
.platform-th { background: linear-gradient(150deg,#111827,#f8fafc); color: #0b0f19; }
.platform-x { background: linear-gradient(150deg,#020617,#334155); }
.platform-accts {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
}
.platform-acct {
  aspect-ratio: 3/4;
  border-radius: 9px;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--line);
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: translateY(8px) scale(.9);
  animation: ttPop .5s var(--ease) forwards;
}
.platform-acct .av {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fff;
}
.platform-acct .av svg { width: 14px; height: 14px; }
.platform-acct .ok {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: #25F4EE;
  color: #06090F;
  display: grid;
  place-items: center;
  opacity: 0;
  animation: ttOk .4s var(--ease) forwards;
}
.platform-acct .live {
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--mono);
  font-size: 7px;
  font-weight: 800;
  color: #25F4EE;
}
.platform-acct.more { background: rgba(37,244,238,.08); border-color: rgba(37,244,238,.25); }
.platform-acct.more .mv { font-family: var(--mono); font-size: 15px; font-weight: 800; color: #25F4EE; }
.platform-acct.more .ms { font-size: 8.5px; color: var(--text-3); }
@keyframes platformSweep { 56%,100% { transform: translateX(120%) skewX(-18deg); } }
@media (max-width: 720px) {
  .platform-row { grid-template-columns: 44px minmax(0, 1fr); }
  .platform-logo { width: 44px; height: 44px; }
  .platform-status { grid-column: 2; justify-self: start; }
  .platform-accts { grid-template-columns: repeat(6, 1fr); gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .platform-logo::after,
  .platform-acct,
  .platform-acct .ok { animation: none; opacity: 1; transform: none; }
}