/* Phase 61 — YouTube cards */
.yt { margin-top: 10px; border-radius: 12px; overflow: hidden; background: #000; max-width: 100%; }
.yt__over { position: absolute; left: 0; right: 0; top: 0; padding: 12px 14px 28px; text-align: left; color: #fff; font-weight: 700; font-size: 1.05rem; line-height: 1.25; background: linear-gradient(rgba(0,0,0,.65), transparent); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; pointer-events: none; }
.yt__thumb, .yt__frame { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; padding: 0; border: 0; background: #000; cursor: pointer; }
.yt--short .yt__thumb, .yt--short .yt__frame { aspect-ratio: 9 / 14; max-height: 70vh; }
.yt__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.yt__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 68px; height: 48px; filter: drop-shadow(0 2px 6px rgba(0,0,0,.4)); transition: transform .12s; }
.yt__thumb:hover .yt__play { transform: translate(-50%, -50%) scale(1.08); }
.yt__frame { cursor: default; }
.yt__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.yt__meta { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; color: inherit; text-decoration: none; min-width: 0; }
.yt__title { font-weight: 700; font-size: .95rem; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.yt__host { font-size: .8rem; color: var(--text-secondary, #536471); }
.yt.is-playing .yt__meta { padding-top: 8px; }
/* chat bubbles */
.xmsg .yt { margin: 6px 0 0; width: 100%; min-width: 220px; }
.xmsg:has(.yt) { width: min(320px, 86%); }
.xmsg .yt__thumb img, .message-bubble .yt__thumb img { margin: 0; border-radius: 0; max-width: none; width: 100%; height: 100%; }

/* title + channel over the video (Phase 61b) */
.yt__over { padding: 12px 14px 34px; background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,0)); gap: 2px; display: flex; flex-direction: column; -webkit-line-clamp: unset; }
.yt__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 700; font-size: 1.05rem; line-height: 1.25; text-shadow: 0 1px 3px rgba(0,0,0,.5); }
.yt__by { font-size: .85rem; opacity: .85; text-shadow: 0 1px 3px rgba(0,0,0,.5); }
/* links in posts, replies and chat */
a.ulink { color: var(--color-link, #1a7bb8); text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; word-break: break-word; }
.xmsg .yt__title { font-size: .9rem; } .xmsg .yt__over { padding: 10px 12px 24px; } .xmsg .yt__by { font-size: .78rem; }
/* one-line title + channel (Phase 61c) */
.yt__over { padding: 10px 14px 22px; }
.yt__title { display: block; -webkit-line-clamp: unset; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .95rem; line-height: 1.3; }
.yt__by { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .8rem; }
.xmsg .yt__title { font-size: .85rem; }