/* ITAHUKA Live Page v3.5.5 — white mode */
.live-hub-page{background:#fff}.live-hub-page .page-space{padding-top:10px!important}.live-hub-page .page-space>.container{width:min(1600px,calc(100% - 28px));max-width:none;margin-inline:auto}.it-live-page{--live-line:#dfe5ec;--live-muted:#64748b;--live-ink:#0f172a;padding:0 0 42px;color:var(--live-ink)}.it-live-grid{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(360px,.95fr);gap:14px;align-items:start}.it-live-grid--single{grid-template-columns:minmax(0,1fr)}.it-live-main{min-width:0;display:grid;gap:14px}.it-live-player-card,.it-live-guide,.it-community-chat{border:1px solid var(--live-line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 2px 10px rgba(15,23,42,.04)}.it-live-program-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border-top:1px solid var(--live-line)}.it-live-channel-identity{display:flex;align-items:center;gap:11px;min-width:0}.it-live-channel-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:50%;overflow:hidden;border:1px solid #e2e8f0;background:#fff}.it-live-channel-avatar img{width:100%;height:100%;object-fit:contain}.it-live-channel-identity div{min-width:0}.it-live-channel-identity strong{display:block;font-size:18px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.it-live-channel-identity small{display:block;margin-top:3px;color:var(--live-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.it-live-action-group{display:flex;align-items:center;gap:7px}.it-live-action{height:38px;padding:0 14px;border:1px solid #d8e0ea;border-radius:9px;background:#fff;color:#0f172a;font-weight:800}.it-live-action:hover{background:#f8fafc}.it-live-action--icon{width:38px;padding:0}.it-live-guide{overflow:visible}.it-live-guide-header{display:grid;grid-template-columns:140px 1fr;border-bottom:1px solid var(--live-line);min-height:74px}.it-live-guide-title{display:flex;align-items:center;gap:10px;padding:0 16px;border-right:1px solid var(--live-line)}.it-live-guide-title span{color:#ef1f2f}.it-live-guide-title h2{margin:0;font-size:17px}.it-live-day-strip{display:grid;grid-template-columns:repeat(7,minmax(72px,1fr)) 44px;align-items:stretch}.it-live-day{display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:3px solid transparent;color:#64748b}.it-live-day strong{font-size:17px;line-height:1}.it-live-day span{margin-top:4px;font-size:11px}.it-live-day.is-active{background:#0f172a;color:#fff;border-color:#ef1f2f}.it-live-day-arrow{display:grid;place-items:center;border-left:1px solid var(--live-line);font-size:25px}.it-live-guide-list{padding:8px 14px}.it-live-guide-row{display:grid;grid-template-columns:94px 112px minmax(0,1fr) auto 120px;gap:14px;align-items:center;min-height:92px;padding:10px 0;border-bottom:1px solid #edf1f5}.it-live-guide-row:last-child{border-bottom:0}.it-live-guide-row.is-now{margin-inline:-14px;padding-inline:14px;background:linear-gradient(90deg,#fff1f2,#fff)}.it-live-guide-time{font-weight:900}.it-live-guide-thumb{width:112px;aspect-ratio:16/9;border-radius:7px;background:#111827 center/cover no-repeat;box-shadow:0 1px 5px rgba(15,23,42,.16)}.it-live-guide-copy{min-width:0}.it-live-guide-copy strong{display:block;font-size:15px}.it-live-guide-copy small{color:#ef1f2f;font-weight:800}.it-live-guide-copy p{margin:4px 0 0;color:var(--live-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.it-live-guide-onair{padding:5px 8px;border-radius:6px;background:#ef1f2f;color:#fff;font-size:10px;font-weight:900}.it-live-guide-range{font-size:12px;color:#475569;text-align:right}.it-live-guide-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-top:1px solid var(--live-line);color:#64748b;font-size:12px}.it-live-guide-footer a{font-weight:900;color:#0f172a}.it-community-chat{position:sticky;top:74px;height:calc(100vh - 92px);min-height:620px;display:flex;flex-direction:column}.it-community-chat__header{padding:16px;border-bottom:1px solid var(--live-line)}.it-community-chat__messages{font-size:15px;line-height:1.45}.it-community-chat__composer{margin-top:auto}.live-empty-state{max-width:900px;margin:50px auto;padding:40px;text-align:center}.live-empty-state h1{font-size:34px}.broadcast-state-badge{display:inline-flex;padding:6px 10px;border-radius:7px;background:#64748b;color:#fff;font-size:11px;font-weight:900}.state-live .broadcast-state-badge{background:#ef1f2f}.state-playback .broadcast-state-badge{background:#f59e0b}@media(max-width:1180px){.it-live-grid{grid-template-columns:minmax(0,1fr)}.it-community-chat{position:relative;top:auto;height:680px}.it-live-guide-header{grid-template-columns:120px 1fr}.it-live-day-strip{overflow-x:auto}.it-live-day{min-width:76px}}@media(max-width:760px){.live-hub-page .page-space>.container{width:100%}.it-live-page{padding:0}.it-live-player-card,.it-live-guide,.it-community-chat{border-radius:0;border-left:0;border-right:0}.it-live-program-meta{align-items:flex-start;flex-direction:column}.it-live-action-group{width:100%;overflow-x:auto}.it-live-guide-header{display:block}.it-live-guide-title{height:50px;border-right:0;border-bottom:1px solid var(--live-line)}.it-live-guide-day-strip{overflow-x:auto}.it-live-guide-row{grid-template-columns:74px 90px minmax(0,1fr);gap:9px}.it-live-guide-thumb{width:90px}.it-live-guide-onair,.it-live-guide-range{display:none}.it-live-guide-copy p{display:none}.it-live-guide-footer{align-items:flex-start;gap:10px;flex-direction:column}}

/* v3.5.7 rich community chat restoration */
.it-community-chat{background:#fff;color:#0f172a}
.it-community-chat *{box-sizing:border-box}
.it-community-chat__header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:16px 16px 12px;background:#fff}
.it-community-chat__header h2,.it-community-chat__header h3{margin:0;font-size:22px;line-height:1.2}
.it-community-chat__header p,.it-community-chat__header small{margin:0;color:#64748b}
.it-community-chat button{appearance:none;border:1px solid #d9e1ea;border-radius:9px;background:#f8fafc;color:#0f172a;padding:7px 10px;font:inherit;font-weight:700;cursor:pointer}
.it-community-chat button:hover{background:#eef2f7}
.it-community-chat button:focus-visible{outline:3px solid rgba(239,31,47,.18);outline-offset:2px}
.it-community-chat nav,.it-community-chat [class*="channel"],.it-community-chat [class*="tabs"]{display:flex;flex-wrap:wrap;gap:7px;padding:9px 12px;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;background:#fbfcfe}
.it-community-chat nav a,.it-community-chat nav button,.it-community-chat [class*="channel"] a,.it-community-chat [class*="channel"] button,.it-community-chat [class*="tab"]{border-radius:999px;padding:7px 12px;background:#f1f5f9;border:1px solid transparent;color:#334155;font-size:13px;font-weight:800;text-decoration:none}
.it-community-chat nav .active,.it-community-chat nav [aria-selected="true"],.it-community-chat [class*="tab"].active{background:#ef1f2f;color:#fff}
.it-community-chat__messages,.it-community-chat [class*="messages"]{flex:1;min-height:0;overflow-y:auto;padding:10px 12px 20px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
.it-community-chat__messages>*,.it-community-chat [class*="messages"]>*{position:relative;padding:12px 10px 12px 58px;border-radius:12px;margin:0 0 6px;overflow-wrap:anywhere}
.it-community-chat__messages>*:hover,.it-community-chat [class*="messages"]>*:hover{background:#f8fafc}
.it-community-chat img,.it-community-chat [class*="avatar"]{max-width:44px;max-height:44px;border-radius:50%;object-fit:cover;background:#fff}
.it-community-chat__messages>*>img:first-child,.it-community-chat [class*="messages"]>*>img:first-child{position:absolute;left:8px;top:12px;width:40px;height:40px;border:1px solid #e2e8f0}
.it-community-chat strong{font-weight:850}
.it-community-chat time,.it-community-chat [class*="time"]{color:#94a3b8;font-size:11px}
.it-community-chat p{line-height:1.5;overflow-wrap:anywhere}
.it-community-chat__composer,.it-community-chat [class*="composer"],.it-community-chat form{padding:12px;border-top:1px solid #e5eaf0;background:#fff}
.it-community-chat textarea,.it-community-chat input[type="text"]{width:100%;min-height:42px;border:1px solid #cfd8e3;border-radius:12px;background:#fff;padding:11px 13px;color:#0f172a;font:inherit;resize:vertical}
.it-community-chat textarea:focus,.it-community-chat input[type="text"]:focus{border-color:#94a3b8;outline:3px solid rgba(15,23,42,.06)}
.it-community-chat form button[type="submit"]{background:#ef1f2f;border-color:#ef1f2f;color:#fff}
.it-community-chat [class*="reaction"],.it-community-chat [class*="actions"]{display:flex;align-items:center;gap:6px;margin-top:8px}
.it-community-chat [class*="reaction"] button,.it-community-chat [class*="actions"] button{padding:5px 9px;border-radius:999px;font-size:12px;background:#f1f5f9}
@media(max-width:1180px){.it-community-chat{height:620px}}
@media(max-width:760px){.it-community-chat{height:70vh;min-height:520px}.it-community-chat__header h2,.it-community-chat__header h3{font-size:19px}}

/* v4.1.0 provider-aware state support */
.state-scheduled .broadcast-state-badge{background:#175cd3}
.state-starting .broadcast-state-badge{background:#6d28d9}

/* ========================================================================== 
   v4.6.0 Professional Theme Studio + Live Experience
   ========================================================================== */
.live-hub-page {
  --live-line: var(--it-theme-border, #dfe4ea);
  --live-muted: var(--it-theme-muted, #667085);
  --live-ink: var(--it-theme-text, #101828);
  background: var(--it-theme-bg, #f4f6f8) !important;
  color: var(--live-ink);
}
.live-hub-page .page-space { padding-top: 12px !important; }
.live-hub-page .page-space > .container {
  width: min(var(--it-theme-content-width, 1760px), calc(100% - 28px));
  max-width: none;
}
.it-live-page {
  position: relative;
  isolation: isolate;
  color: var(--live-ink);
}
.it-live-page.has-ambient-glow::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 42px;
  left: 5%;
  right: 5%;
  height: min(42vw, 620px);
  pointer-events: none;
  background: radial-gradient(circle at 45% 20%, color-mix(in srgb, var(--it-theme-accent) 22%, transparent), transparent 67%);
  filter: blur(28px);
  opacity: .75;
}
.it-live-experience-bar {
  min-height: 48px;
  display: grid;
  grid-template-columns: minmax(190px, 1fr) auto minmax(110px, 1fr);
  align-items: center;
  gap: 14px;
  margin-bottom: 10px;
  padding: 7px 10px 7px 14px;
  border: var(--it-theme-border-width, 1px) solid var(--it-theme-border);
  border-radius: calc(var(--it-theme-radius) * .8);
  background: var(--it-theme-surface);
  box-shadow: var(--it-theme-shadow);
}
.it-live-experience-status {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--it-theme-muted);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
}
.it-live-experience-status strong { color: var(--it-theme-text); font-size: 11px; letter-spacing: .08em; }
.it-live-experience-status > span:last-child { overflow: hidden; text-overflow: ellipsis; }
.it-live-experience-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: var(--it-theme-muted);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--it-theme-muted) 12%, transparent);
}
.state-live .it-live-experience-dot {
  background: var(--it-theme-live);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--it-theme-live) 15%, transparent), 0 0 14px color-mix(in srgb, var(--it-theme-live) 55%, transparent);
  animation: it-live-pulse 1.8s ease-in-out infinite;
}
.state-playback .it-live-experience-dot { background: #d97706; }
.state-scheduled .it-live-experience-dot { background: #175cd3; }
.state-starting .it-live-experience-dot { background: #7c3aed; }
@keyframes it-live-pulse { 50% { transform: scale(.78); opacity: .65; } }
.it-live-mode-controls {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px;
  border: 1px solid var(--it-theme-border);
  border-radius: var(--it-theme-button-radius);
  background: var(--it-theme-surface-alt);
}
.it-live-mode-controls button {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 11px;
  border: 0;
  border-radius: var(--it-theme-button-radius);
  background: transparent;
  color: var(--it-theme-muted);
  font-size: 12px;
  font-weight: var(--it-theme-label-weight);
}
.it-live-mode-controls button:hover { color: var(--it-theme-text); background: var(--it-theme-surface); }
.it-live-mode-controls button.is-active,
.it-live-mode-controls button[aria-pressed="true"] {
  color: var(--it-theme-accent-contrast);
  background: var(--it-theme-accent);
  box-shadow: 0 3px 10px color-mix(in srgb, var(--it-theme-accent) 26%, transparent);
}
.it-live-clock {
  justify-self: end;
  color: var(--it-theme-muted);
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  font-weight: var(--it-theme-label-weight);
  letter-spacing: .03em;
}
.it-live-grid {
  grid-template-columns: minmax(0, 1fr) minmax(320px, var(--it-theme-chat-width, 390px));
  gap: var(--it-theme-live-gap, 18px);
}
.it-live-player-card,
.it-live-guide,
.it-live-chat-column > .it-community-chat {
  border: var(--it-theme-border-width, 1px) solid var(--it-theme-border) !important;
  border-radius: var(--it-theme-radius) !important;
  background: var(--it-theme-surface) !important;
  color: var(--it-theme-text) !important;
  box-shadow: var(--it-theme-shadow) !important;
}
.it-live-player-card { overflow: hidden; }
.it-live-player-card .itahuka-linear-player,
.it-live-player-card .itahuka-player-stage { border-radius: var(--it-theme-player-radius) var(--it-theme-player-radius) 0 0 !important; }
.it-live-program-meta { border-color: var(--it-theme-border) !important; background: var(--it-theme-surface); }
.it-live-channel-avatar { background: var(--it-theme-surface); border-color: var(--it-theme-border); }
.it-live-channel-identity strong { color: var(--it-theme-text); font-weight: var(--it-theme-heading-weight); }
.it-live-channel-identity small { color: var(--it-theme-muted); }
.it-live-action {
  border-color: var(--it-theme-border) !important;
  border-radius: var(--it-theme-button-radius) !important;
  background: var(--it-theme-surface-alt) !important;
  color: var(--it-theme-text) !important;
}
.it-live-action:hover,
.it-live-action.is-active,
.it-live-action[aria-pressed="true"] {
  border-color: var(--it-theme-accent) !important;
  background: var(--it-theme-accent) !important;
  color: var(--it-theme-accent-contrast) !important;
}
.it-live-guide { overflow: hidden; }
.it-live-guide-header,
.it-live-guide-title,
.it-live-guide-row,
.it-live-guide-footer { border-color: var(--it-theme-border) !important; }
.it-live-guide-title h2,
.it-live-guide-copy strong,
.it-live-guide-time,
.it-live-guide-footer a { color: var(--it-theme-text); }
.it-live-guide-title span,
.it-live-guide-copy small { color: var(--it-theme-accent); }
.it-live-day { color: var(--it-theme-muted); }
.it-live-day:hover { background: var(--it-theme-surface-alt); color: var(--it-theme-text); }
.it-live-day.is-active {
  background: var(--it-theme-surface-strong);
  color: #fff;
  border-color: var(--it-theme-live);
}
.it-live-guide-row { border-bottom-color: var(--it-theme-border) !important; }
.it-live-guide-row.is-now {
  background: linear-gradient(90deg, color-mix(in srgb, var(--it-theme-live) 9%, var(--it-theme-surface)), var(--it-theme-surface));
}
.it-live-guide-onair { background: var(--it-theme-live); }
.it-live-guide-copy p,
.it-live-guide-range,
.it-live-guide-footer { color: var(--it-theme-muted); }
.it-live-chat-column { min-width: 0; }
.it-live-chat-column > .it-community-chat {
  position: sticky;
  top: calc(var(--it-theme-header-height, 64px) + 10px);
  height: calc(100vh - var(--it-theme-header-height, 64px) - 24px);
  min-height: 620px;
  overflow: hidden;
}
.it-live-chat-column .it-community-chat,
.it-live-chat-column .it-community-chat__header,
.it-live-chat-column .it-community-chat__composer,
.it-live-chat-column .it-community-chat form { background: var(--it-theme-chat) !important; color: var(--it-theme-text) !important; }
.it-live-chat-column .it-community-chat__header,
.it-live-chat-column .it-community-chat__channels,
.it-live-chat-column .it-community-chat__composer,
.it-live-chat-column .it-community-chat form { border-color: var(--it-theme-border) !important; }
.it-live-chat-column .it-community-chat__channels { background: var(--it-theme-surface-alt) !important; }
.it-live-chat-column .it-community-chat button,
.it-live-chat-column .it-community-chat [class*="tab"] {
  border-color: var(--it-theme-border) !important;
  background: var(--it-theme-surface-alt) !important;
  color: var(--it-theme-text) !important;
  border-radius: var(--it-theme-button-radius) !important;
}
.it-live-chat-column .it-community-chat button.is-active,
.it-live-chat-column .it-community-chat [aria-selected="true"],
.it-live-chat-column .it-chat-send {
  border-color: var(--it-theme-accent) !important;
  background: var(--it-theme-accent) !important;
  color: var(--it-theme-accent-contrast) !important;
}
.it-live-chat-column .it-community-chat__messages > *:hover { background: var(--it-theme-surface-alt) !important; }
.it-live-chat-column textarea,
.it-live-chat-column input { background: var(--it-theme-surface) !important; color: var(--it-theme-text) !important; border-color: var(--it-theme-border) !important; }
.it-live-toast {
  position: fixed;
  z-index: 1000;
  left: 50%;
  bottom: 26px;
  transform: translate(-50%, 18px);
  max-width: min(420px, calc(100vw - 30px));
  padding: 10px 16px;
  border: 1px solid var(--it-theme-border);
  border-radius: var(--it-theme-button-radius);
  background: var(--it-theme-surface-strong);
  color: #fff;
  box-shadow: 0 18px 48px rgba(2, 8, 23, .30);
  opacity: 0;
  pointer-events: none;
  font-size: 13px;
  font-weight: 800;
  transition: opacity .18s ease, transform .18s ease;
}
.it-live-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }

/* Viewer modes */
body.live-chat-collapsed .it-live-grid { grid-template-columns: minmax(0, 1fr); }
body.live-chat-collapsed .it-live-chat-column { display: none !important; }
body.live-mode-theater {
  background: var(--it-theme-theater) !important;
}
body.live-mode-theater .site-content { background: var(--it-theme-theater); }
body.live-mode-theater .live-hub-page .page-space > .container { width: min(1920px, 100%); }
body.live-mode-theater .it-live-page { padding-inline: clamp(0px, 1.2vw, 22px); }
body.live-mode-theater .it-live-player-card { border-color: color-mix(in srgb, var(--it-theme-border) 50%, transparent) !important; }
body.live-mode-theater .it-live-experience-bar,
body.live-mode-theater .it-live-guide,
body.live-mode-theater .it-live-chat-column > .it-community-chat {
  background: color-mix(in srgb, var(--it-theme-surface) 96%, var(--it-theme-theater)) !important;
}
body.live-mode-theater .it-live-player-card .itahuka-player-stage { max-height: calc(100vh - var(--it-theme-header-height) - 120px); margin-inline: auto; }
body.live-mode-theater .it-live-program-meta { background: color-mix(in srgb, var(--it-theme-surface) 96%, var(--it-theme-theater)); }
body.live-lights-dim::before {
  content: "";
  position: fixed;
  z-index: 55;
  inset: 0;
  background: rgba(0, 0, 0, .82);
  pointer-events: none;
}
body.live-lights-dim .site-header,
body.live-lights-dim .public-sidebar,
body.live-lights-dim .it-live-guide,
body.live-lights-dim .it-live-chat-column,
body.live-lights-dim .site-footer { position: relative; z-index: 56; filter: brightness(.28); }
body.live-lights-dim .it-live-player-card,
body.live-lights-dim .it-live-experience-bar { position: relative; z-index: 57; }
body.live-mode-focus .site-header,
body.live-mode-focus .public-sidebar,
body.live-mode-focus .it-live-experience-bar,
body.live-mode-focus .it-live-guide,
body.live-mode-focus .it-live-chat-column,
body.live-mode-focus .site-footer { display: none !important; }
body.live-mode-focus .public-content { margin-left: 0 !important; }
body.live-mode-focus .page-space { padding: 0 !important; }
body.live-mode-focus .page-space > .container { width: 100% !important; }
body.live-mode-focus .it-live-page { padding: 0 !important; }
body.live-mode-focus .it-live-grid { display: block; }
body.live-mode-focus .it-live-player-card {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 0 !important;
  border-radius: 0 !important;
  background: #000 !important;
  box-shadow: none !important;
}
body.live-mode-focus .it-live-player-card .itahuka-linear-player,
body.live-mode-focus .it-live-player-card .itahuka-player-stage {
  width: 100%;
  max-height: 100vh;
  border-radius: 0 !important;
}
body.live-mode-focus .it-live-program-meta { display: none !important; }
body.live-mode-focus { overflow-x: hidden; background: #000 !important; }
body.live-sticky-player:not(.live-mode-focus) .it-live-player-card { position: sticky; top: calc(var(--it-theme-header-height) + 10px); z-index: 10; }

@media (max-width: 1320px) {
  .it-live-mode-controls [data-control-label] { display: none; }
  .it-live-mode-controls button { width: 34px; padding: 0; }
}
@media (max-width: 1180px) {
  .it-live-grid { grid-template-columns: minmax(0, 1fr); }
  .it-live-chat-column > .it-community-chat { position: relative; top: auto; height: 680px; }
  body.live-chat-collapsed .it-live-chat-column { display: none !important; }
}
@media (max-width: 760px) {
  .live-hub-page .page-space { padding-top: 0 !important; }
  .it-live-experience-bar {
    margin: 0;
    min-height: 48px;
    grid-template-columns: 1fr auto;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .it-live-experience-status > span:last-child { display: none; }
  .it-live-mode-controls { justify-self: end; }
  .it-live-mode-controls button[data-live-mode="standard"],
  .it-live-mode-controls button[data-live-lights-toggle] { display: none; }
  .it-live-clock { display: none; }
  .it-live-page.has-ambient-glow::before { display: none; }
  .it-live-player-card,
  .it-live-guide,
  .it-live-chat-column > .it-community-chat { border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; }
  .it-live-player-card .itahuka-linear-player,
  .it-live-player-card .itahuka-player-stage { border-radius: 0 !important; }
  .it-live-action { min-width: max-content; }
  body.live-mode-theater .it-live-page { padding-inline: 0; }
  body.live-mode-focus .it-live-player-card { min-height: 100dvh; }
}
@media (prefers-reduced-motion: reduce) {
  .state-live .it-live-experience-dot { animation: none; }
}

/* v4.6.1 — focus escape and final live-canvas consistency */
.it-live-focus-exit {
  display: none;
  position: fixed;
  top: 14px;
  right: 14px;
  z-index: 2147483000;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 999px;
  background: rgba(5,10,17,.88);
  color: #fff;
  font-weight: 800;
  box-shadow: 0 8px 28px rgba(0,0,0,.28);
  backdrop-filter: blur(10px);
}
body.live-mode-focus .it-live-focus-exit { display: inline-flex; align-items: center; justify-content: center; }
body.live-mode-focus .page-space > .container { max-width: none !important; padding-inline: 0 !important; }
body.live-mode-focus .it-live-player-card { width: 100% !important; max-width: none !important; }
.it-live-grid,
.it-live-player-column,
.it-live-chat-column,
.it-live-player-card,
.it-community-chat { min-width: 0; }
@media (max-width: 760px) {
  .it-live-focus-exit { top: 10px; right: 10px; min-height: 38px; padding-inline: 13px; font-size: 13px; }
}

/* ========================================================================== 
   v4.6.2 — Live canvas and active community chat
   ========================================================================== */
.live-hub-page .it-live-page { width: 100%; min-width: 0; }
.live-hub-page .it-live-grid {
  grid-template-columns: minmax(0, 1fr) minmax(340px, min(400px, 29vw));
  gap: clamp(12px, 1.2vw, 18px);
  align-items: start;
}
.live-hub-page .it-live-main,
.live-hub-page .it-live-player-card,
.live-hub-page .it-live-chat-column { min-width: 0; }
.live-hub-page .it-live-program-meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px 18px;
}
.live-hub-page .it-live-channel-identity strong,
.live-hub-page .it-live-channel-identity small {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}
.live-hub-page .it-live-action-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  min-width: 0;
}
.live-hub-page .it-live-action { white-space: nowrap; }

.it-live-chat-column > .it-community-chat {
  top: calc(var(--it-theme-header-height, 64px) + 10px) !important;
  height: min(780px, calc(100dvh - var(--it-theme-header-height, 64px) - 78px)) !important;
  min-height: 540px !important;
  max-height: calc(100dvh - var(--it-theme-header-height, 64px) - 28px);
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
.it-community-chat__header {
  flex: 0 0 auto;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
.it-community-chat__title { min-width: 0; }
.it-community-chat__title > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 10px;
}
.it-community-chat__title h2 { margin: 0 !important; }
.it-community-chat__title > div > span {
  display: inline-flex;
  align-items: center;
  color: var(--it-theme-muted, #64748b);
  font-size: 12px;
  white-space: nowrap;
}
.it-community-chat__title small {
  display: block;
  margin-top: 3px !important;
  color: var(--it-theme-muted, #64748b);
}
.it-community-chat__connection {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 7px;
  color: var(--it-theme-muted, #64748b);
  font-size: 11px;
  font-weight: 700;
}
.it-community-chat__connection::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f59e0b;
}
.it-community-chat__connection.is-live::before { background: #16a34a; }
.it-community-chat__connection.is-error::before { background: #dc2626; }
.it-community-chat__header-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}
.it-community-chat__header-actions button {
  width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0 !important;
  display: grid;
  place-items: center;
}
.it-community-chat__channels {
  flex: 0 0 auto;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 7px !important;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}
.it-community-chat__channels button { white-space: nowrap; }
.it-community-chat__view {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  display: none;
  overflow: hidden;
}
.it-community-chat__view.is-active {
  display: flex;
  flex-direction: column;
}
.it-community-chat__messages {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  padding: 8px 10px 18px !important;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
}
.it-community-chat__messages > .chat-empty,
.it-community-chat__messages > .chat-state {
  min-height: 180px;
  display: grid;
  place-items: center;
  padding: 28px 18px !important;
  color: var(--it-theme-muted, #64748b);
  text-align: center;
  margin: 0 !important;
}
.it-chat-message {
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  padding: 10px 8px !important;
  margin: 0 0 2px !important;
  border-radius: 11px;
  overflow: visible !important;
}
.it-chat-message[hidden] { display: none !important; }
.it-chat-message.is-pinned {
  background: color-mix(in srgb, var(--it-theme-accent, #087443) 8%, transparent);
}
.it-chat-timeline-dot { display: none; }
.it-chat-avatar {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px;
  max-width: 38px !important;
  max-height: 38px !important;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--it-theme-border, #e2e8f0);
  border-radius: 50%;
  background: var(--it-theme-surface, #fff);
  font-weight: 900;
}
.it-chat-avatar img {
  width: 100%;
  height: 100%;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
}
.it-chat-message__body { min-width: 0; }
.it-chat-message__body > header {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 6px;
  min-width: 0;
  padding-right: 30px;
}
.it-chat-message__body > header strong {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.it-chat-message__body > header time {
  margin-left: 0;
  white-space: nowrap;
}
.it-chat-role,
.it-chat-platform {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 1px 6px;
  border-radius: 999px;
  background: var(--it-theme-surface-alt, #f1f5f9);
  color: var(--it-theme-muted, #64748b);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}
.it-chat-more {
  position: absolute;
  top: -4px;
  right: -2px;
  width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border-radius: 50% !important;
}
.it-chat-message__body > p {
  margin: 4px 0 0 !important;
  color: var(--it-theme-text, #0f172a);
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.it-chat-message__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
}
.it-chat-message__meta button {
  min-height: 28px;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  font-size: 12px;
}
.it-chat-message__meta button.is-selected {
  border-color: var(--it-theme-accent, #087443) !important;
  color: var(--it-theme-accent, #087443) !important;
}
.it-chat-context {
  position: absolute;
  z-index: 25;
  top: 28px;
  right: 0;
  width: 210px;
  padding: 6px;
  border: 1px solid var(--it-theme-border, #dbe3ec);
  border-radius: 10px;
  background: var(--it-theme-surface, #fff);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .18);
}
.it-chat-context button {
  width: 100%;
  min-height: 34px;
  display: flex;
  justify-content: flex-start;
  border: 0 !important;
  background: transparent !important;
}
.it-community-chat__new {
  position: absolute;
  z-index: 15;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  white-space: nowrap;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .16);
}
.it-community-chat__reply {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 12px;
  border-top: 1px solid var(--it-theme-border, #e5eaf0);
  background: var(--it-theme-surface-alt, #f8fafc);
}
.it-community-chat__reply[hidden] { display: none !important; }
.it-community-chat__reply div { min-width: 0; }
.it-community-chat__reply small,
.it-community-chat__reply strong { display: block; overflow-wrap: anywhere; }
.it-community-chat__composer {
  position: relative;
  flex: 0 0 auto !important;
  margin-top: 0 !important;
  padding: 10px 12px 12px !important;
  border-top: 1px solid var(--it-theme-border, #e5eaf0) !important;
}
.it-community-chat__composer form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 7px;
  align-items: end;
  padding: 0 !important;
  border: 0 !important;
}
.it-community-chat__composer textarea {
  grid-column: 1 / -1;
  min-height: 44px !important;
  max-height: 112px;
  margin: 0;
  resize: none !important;
}
.it-community-chat__composer .it-chat-tool { min-width: 36px; height: 34px; padding: 0 !important; }
.it-community-chat__composer .it-chat-tool:nth-of-type(2),
.it-community-chat__composer .it-chat-tool:nth-of-type(3) { display: none; }
.it-community-chat__composer .it-chat-send {
  justify-self: end;
  min-width: 44px;
  height: 34px;
  padding: 0 13px !important;
}
.it-community-chat__composer .it-chat-send[disabled] { opacity: .55; cursor: wait; }
.it-community-chat__composer-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 7px;
  color: var(--it-theme-muted, #64748b);
  font-size: 11px;
}
.it-chat-emoji-menu {
  position: absolute;
  z-index: 30;
  left: 12px;
  bottom: 78px;
  display: grid;
  grid-template-columns: repeat(4, 38px);
  gap: 5px;
  padding: 8px;
  border: 1px solid var(--it-theme-border, #dbe3ec);
  border-radius: 11px;
  background: var(--it-theme-surface, #fff);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .18);
}
.it-chat-emoji-menu[hidden] { display: none !important; }
.it-chat-emoji-menu button { width: 38px; height: 38px; min-height: 38px; padding: 0 !important; }
.it-community-chat__pinned { flex: 0 0 auto; }
.it-community-chat__pinned.is-collapsed .it-community-chat__pinned-body { display: none; }
.it-community-chat__error {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 12px;
  border-bottom: 1px solid #fecaca;
  background: #fff1f2;
  color: #991b1b;
  font-size: 12px;
}
.it-community-chat__error[hidden] { display: none !important; }
.it-community-chat__error button { min-height: 30px; padding: 3px 9px !important; }

@media (max-width: 1280px) {
  .live-hub-page .it-live-grid { grid-template-columns: minmax(0, 1fr) minmax(320px, 360px); }
  .live-hub-page .it-live-program-meta { grid-template-columns: minmax(0, 1fr); }
  .live-hub-page .it-live-action-group { justify-content: flex-start; }
}
@media (max-width: 1080px) {
  .live-hub-page .it-live-grid { grid-template-columns: minmax(0, 1fr); }
  .it-live-chat-column > .it-community-chat {
    position: relative !important;
    top: auto !important;
    width: 100%;
    height: min(680px, 76dvh) !important;
    min-height: 520px !important;
    max-height: none;
  }
}
@media (max-width: 620px) {
  .live-hub-page .it-live-program-meta { padding: 11px 12px; }
  .live-hub-page .it-live-channel-avatar { width: 38px; height: 38px; flex-basis: 38px; }
  .live-hub-page .it-live-channel-identity strong { font-size: 15px; }
  .live-hub-page .it-live-action-group { width: 100%; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 2px; }
  .it-live-chat-column > .it-community-chat { height: 72dvh !important; min-height: 500px !important; }
  .it-community-chat__header { padding: 12px !important; }
  .it-community-chat__header h2 { font-size: 18px !important; }
  .it-community-chat__title small { display: none; }
}