.live-shell{max-width:1120px}
.live-heading{padding-bottom:18px}
.live-broadcast{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.85fr);align-items:stretch;gap:18px}
.live-broadcast[hidden]{display:none!important}
.live-stream,.live-chat{overflow:hidden;border:1px solid #e5e3dc;border-radius:16px;background:#fff;box-shadow:0 14px 40px #17181712}
.live-video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#080808}
.live-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.live-copy{padding:22px 26px 26px}
.live-copy h2{margin:12px 0 5px;font:600 clamp(22px,3vw,30px)/1.15 'Space Grotesk',Arial,sans-serif;letter-spacing:-.04em}
.live-copy p{margin:0 0 14px;color:#777973;line-height:1.6}
.live-badge{display:inline-flex;align-items:center;gap:7px;color:#db432c;font-size:10px;font-weight:800;letter-spacing:1.4px}
.live-badge i{width:8px;height:8px;border-radius:50%;background:#f24831;box-shadow:0 0 0 4px #f2483119;animation:live-pulse 1.8s ease infinite}
.live-watch-link{display:inline-flex;align-items:center;padding:10px 14px;border-radius:8px;background:#ff5938;color:#fff;text-decoration:none;font-size:12px;font-weight:700}
.live-watch-link:hover{background:#e94b2d}
.live-chat{display:flex;flex-direction:column;min-width:0;min-height:390px}
.live-chat-head{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 13px;border-bottom:1px solid #eeece6}
.live-chat-head .eyebrow{margin:0 0 4px;color:#e64e33;font-size:9px;font-weight:800;letter-spacing:1.5px}
.live-chat-head h2{margin:0;font:600 19px/1.2 'Space Grotesk',Arial,sans-serif;letter-spacing:-.03em}
.live-chat-dot{width:9px;height:9px;border-radius:50%;background:#f24831;box-shadow:0 0 0 5px #f2483117}
.live-chat-messages{display:flex;flex:1;flex-direction:column;gap:13px;min-height:235px;max-height:440px;overflow:auto;padding:16px 14px;overscroll-behavior:contain;scrollbar-color:#c9c8c2 transparent;scrollbar-width:thin}
.live-chat-state{margin:auto;color:#85867f;text-align:center;font-size:12px}
.live-chat-message{display:grid;grid-template-columns:30px minmax(0,1fr) 26px;align-items:start;gap:9px;animation:chat-message-in .16s ease both}
.live-chat-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff0ec;color:#d94a31;font-size:12px;font-weight:800}
.live-chat-message-content{min-width:0}
.live-chat-message-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.live-chat-message-meta strong{overflow:hidden;color:#242520;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.live-chat-message-meta time{flex:none;color:#999a93;font-size:9px}
.live-chat-message-content>p{margin:3px 0 0;color:#53544f;font-size:12px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}
.live-chat-message.mine .live-chat-avatar{background:#ff5938;color:#fff}
.live-chat-delete{width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:#92938c;font-size:18px;line-height:1}
.live-chat-delete:hover{background:#fff0ec;color:#d94a31}
.live-chat-status{min-height:0;margin:0;padding:0 14px;color:#bd402a;font-size:11px}
.live-chat-status:not(:empty){padding-bottom:8px}
.live-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:12px;border-top:1px solid #eeece6}
.live-chat-form[hidden],.live-chat-login[hidden]{display:none!important}
.live-chat-input-wrap{position:relative;min-width:0}
.live-chat-form textarea{padding-right:42px}
.live-chat-emoji-toggle{position:absolute;right:7px;bottom:7px;display:grid;width:28px;height:28px;place-items:center;padding:0;border:0;border-radius:7px;background:transparent;font-size:17px;line-height:1;cursor:pointer}
.live-chat-emoji-toggle:hover,.live-chat-emoji-toggle[aria-expanded="true"]{background:#f2f0eb}
.live-chat-emoji-picker{position:absolute;right:0;bottom:calc(100% + 9px);z-index:5;display:grid;width:226px;grid-template-columns:repeat(6,1fr);gap:4px;padding:9px;border:1px solid #e5e3dc;border-radius:12px;background:#fff;box-shadow:0 12px 32px #17181725}
.live-chat-emoji-picker[hidden]{display:none!important}
.live-chat-emoji-option{display:grid;width:31px;height:31px;place-items:center;padding:0;border:0;border-radius:7px;background:transparent;font-size:19px;cursor:pointer}
.live-chat-emoji-option:hover,.live-chat-emoji-option:focus-visible{background:#fff0ec;outline:none}
.live-chat-form textarea{width:100%;min-height:40px;max-height:92px;resize:vertical;padding:10px 11px;border:1px solid #e5e3dc;border-radius:9px;background:#fff;color:#242520;font:12px/1.4 'DM Sans',Arial,sans-serif;outline:none}
.live-chat-form textarea:focus{border-color:#ff8069;box-shadow:0 0 0 3px #ff59381a}
.live-chat-send{min-height:39px;padding:0 12px;border:0;border-radius:8px;background:#ff5938;color:#fff;font-size:11px;font-weight:700}
.live-chat-send:hover{background:#e94b2d}
.live-chat-send:disabled{opacity:.55;cursor:wait}
.live-chat-login{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-top:1px solid #eeece6}
.live-chat-login p{margin:0;color:#777973;font-size:11px;line-height:1.4}
.live-chat-login a{flex:none;padding:9px 12px;border-radius:8px;background:#ff5938;color:#fff;text-decoration:none;font-size:11px;font-weight:700}
.live-empty{display:grid;justify-items:center;gap:8px;padding:48px 24px;border:1px solid #e5e3dc;border-radius:16px;background:#fff;text-align:center}
.live-empty-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fff0ec;color:#ff5938;font-size:24px}
.live-empty h2{margin:5px 0 0;font:600 24px 'Space Grotesk',Arial,sans-serif}
.live-empty p{max-width:480px;margin:0;color:#777973;line-height:1.6}
.live-empty[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes live-pulse{50%{box-shadow:0 0 0 7px #f248310b;opacity:.7}}
@keyframes chat-message-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
html[data-theme="dark"] .live-stream,html[data-theme="color"] .live-stream,html[data-theme="dark"] .live-chat,html[data-theme="color"] .live-chat,html[data-theme="dark"] .live-empty,html[data-theme="color"] .live-empty{border-color:#292929;background:#111;color:#f0f0f0}
html[data-theme="dark"] .live-copy p,html[data-theme="color"] .live-copy p,html[data-theme="dark"] .live-empty p,html[data-theme="color"] .live-empty p,html[data-theme="dark"] .live-chat-login p,html[data-theme="color"] .live-chat-login p{color:#aaa}
html[data-theme="dark"] .live-chat-head,html[data-theme="color"] .live-chat-head,html[data-theme="dark"] .live-chat-form,html[data-theme="color"] .live-chat-form,html[data-theme="dark"] .live-chat-login,html[data-theme="color"] .live-chat-login{border-color:#292929}
html[data-theme="dark"] .live-chat-message-meta strong,html[data-theme="color"] .live-chat-message-meta strong{color:#f0f0f0}
html[data-theme="dark"] .live-chat-message-content>p,html[data-theme="color"] .live-chat-message-content>p{color:#ccc}
html[data-theme="dark"] .live-chat-form textarea,html[data-theme="color"] .live-chat-form textarea{border-color:#333;background:#1b1b1b;color:#f0f0f0}
html[data-theme="dark"] .live-chat-emoji-picker,html[data-theme="color"] .live-chat-emoji-picker{border-color:#333;background:#1b1b1b}
html[data-theme="dark"] .live-chat-emoji-toggle:hover,html[data-theme="color"] .live-chat-emoji-toggle:hover,html[data-theme="dark"] .live-chat-emoji-toggle[aria-expanded="true"],html[data-theme="color"] .live-chat-emoji-toggle[aria-expanded="true"]{background:#303030}
@media(max-width:760px){.live-broadcast{grid-template-columns:1fr}.live-chat{min-height:420px}.live-chat-messages{max-height:360px}}
@media(max-width:600px){.live-copy{padding:17px}.live-empty{padding:36px 18px}.live-chat-login{align-items:stretch;flex-direction:column}.live-chat-login a{text-align:center}}
@media(prefers-reduced-motion:reduce){.live-badge i,.live-chat-message{animation:none}}

/* Compact chat-only document embedded beside the homepage live player. */
html.live-chat-embed,html.live-chat-embed body{width:100%;height:100%;min-height:0}
html.live-chat-embed body{display:block;overflow:hidden}
html.live-chat-embed .live-shell{width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0}
html.live-chat-embed .topbar,html.live-chat-embed .site-nav,html.live-chat-embed .live-heading,html.live-chat-embed #liveMessage,html.live-chat-embed .live-stream,html.live-chat-embed #liveEmpty,html.live-chat-embed .site-footer{display:none!important}
html.live-chat-embed #liveStream:not([hidden]){display:block!important;width:100%;height:100%;margin:0}
html.live-chat-embed .live-broadcast{display:block;height:100%}
html.live-chat-embed .live-chat{width:100%;height:100%;min-height:0;border-radius:12px;box-shadow:none}
html.live-chat-embed .live-chat-messages{min-height:0;max-height:none;flex:1 1 auto}
