/* Předěl „Teď hraje“ (core/now-playing.js; maketa artifact Xvu5JPjoRWuomtfLhBHfZc varianta C 1:1). Jen tmavé téma. */
.msg.uc-np-msg { padding: 0; background: none; border: 0; }
/* Kopie z další platformy (broadcast bota) se vstřebá — loga platforem předěl neukazuje. */
.msg.uc-np-msg > .pi-bc { display: none !important; }
/* Reakce pod pilulkou na středu (varianta B, 2026-11-12); bez reakcí prázdné, předěl stejně vysoký jako dřív. */
.msg.uc-np-msg > .uc-np-rx { display: flex; justify-content: center; }
.msg.uc-np-msg > .uc-np-rx:empty { display: none; }
.msg.uc-np-msg > .uc-np-rx > .uc-rx { float: none; margin: -4px 0 6px; top: 0; }
/* Citace odpovědi na předěl: „↩ ♪ Název — interpret“ a indikátor nad polem „Odpověď na ♪ Název“. */
.reply-ctx .rctx-np, #reply-indicator .ri-np { color: #1ed760; }
.reply-ctx .rctx-np-t { font-weight: 700; }
.uc-np {
  --uc-np-spot: #1ed760;
  display: flex; align-items: center; gap: 10px; margin: 8px 10px; font-size: 12px; line-height: 1.4; color: #a7a7b0;
}
.uc-np::before, .uc-np::after { content: ""; flex: 1; min-width: 14px; height: 1px; background: linear-gradient(90deg, transparent, rgba(30, 215, 96, .45)); }
.uc-np::after { background: linear-gradient(90deg, rgba(30, 215, 96, .45), transparent); }
.uc-np-mid {
  display: inline-flex; align-items: center; gap: 6px; max-width: calc(100% - 40px); min-width: 0; padding: 3px 10px;
  border-radius: 999px; background: #16161a; border: 1px solid rgba(30, 215, 96, .25); color: inherit; font: inherit; text-align: left;
}
button.uc-np-mid { cursor: pointer; transition: border-color .15s ease, background .15s ease; }
button.uc-np-mid:hover { border-color: rgba(30, 215, 96, .5); background: #1b1b20; }
button.uc-np-mid:focus-visible { outline: 2px solid var(--uc-np-spot); outline-offset: 2px; }
.uc-np-txt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.uc-np-ttl { font-weight: 700; color: #efeff1; }
.uc-np-who { flex: none; color: #6e6e78; font-size: 11.5px; white-space: nowrap; }
.uc-np-mine {
  flex: none; display: inline-flex; align-items: center; padding: 1px 8px; border-radius: 999px; font-size: 11px; font-weight: 800;
  color: #1a1205; background: linear-gradient(90deg, #ff8c00, #ffd93d); white-space: nowrap;
}
.uc-np-eq { flex: none; display: inline-flex; gap: 1.5px; align-items: flex-end; height: 10px; color: var(--uc-np-spot); }
.uc-np-eq i { width: 2px; background: currentColor; border-radius: 1px; transform-origin: bottom; animation: uc-np-eq 1s ease-in-out infinite; }
.uc-np-eq i:nth-child(1) { height: 6px; animation-delay: -.2s; }
.uc-np-eq i:nth-child(2) { height: 10px; animation-delay: -.5s; }
.uc-np-eq i:nth-child(3) { height: 7px; animation-delay: -.8s; }
@keyframes uc-np-eq { 0%, 100% { transform: scaleY(.4); } 50% { transform: scaleY(1); } }
.uc-np-note { display: none; flex: none; }
/* Dlouhý název: pilulka přes šířku, název a interpret pod sebou (každý řádek případně „…“). */
.uc-np.long .uc-np-mid { border-radius: 12px; padding: 5px 12px; }
.uc-np.long .uc-np-txt { white-space: normal; display: grid; gap: 0; text-align: center; }
.uc-np.long .uc-np-txt > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uc-np-art { font-size: 11.5px; }
/* Dohraná / starší skladba: ztmavne, místo ekvalizéru nota. */
.uc-np.ended { opacity: .55; }
.uc-np.ended::before, .uc-np.ended::after { background: #2a2a30; }
.uc-np.ended .uc-np-mid { border-color: #2a2a30; }
.uc-np.ended .uc-np-eq { display: none; }
.uc-np.ended .uc-np-note { display: inline; }
@media (prefers-reduced-motion: reduce) { .uc-np-eq i { animation: none; } }