:root {
  --bg: #08080d;
  --panel: #11111a;
  --panel-2: #181822;
  --text: #f7f7fb;
  --muted: #9b9bad;
  --green: #7dff00;
  --purple: #a020f0;
  --pink: #ff2aa1;
  --danger: #ff4d67;
  --line: rgba(255,255,255,.09);
  --shadow-green: 0 0 25px rgba(125,255,0,.22);
  --shadow-purple: 0 0 28px rgba(160,32,240,.28);
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: radial-gradient(circle at 12% 0%, rgba(160,32,240,.12), transparent 28%), radial-gradient(circle at 84% 12%, rgba(125,255,0,.08), transparent 25%), var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
.shell { min-height: 100vh; }
.topbar { height: 70px; display: flex; align-items: center; gap: 18px; padding: 0 22px; position: sticky; top: 0; z-index: 20; background: rgba(8,8,13,.92); backdrop-filter: blur(18px); border-bottom: 1px solid var(--line); }
.brand { display: flex; align-items: center; flex: 0 0 auto; min-width: 190px; height: 100%; white-space: nowrap; }
.brand-logo { display: block; width: 190px; max-width: 22vw; height: 48px; object-fit: contain; object-position: left center; filter: drop-shadow(0 0 10px rgba(125,255,0,.13)) drop-shadow(0 0 12px rgba(160,32,240,.11)); }
.brand:hover .brand-logo { filter: drop-shadow(0 0 13px rgba(125,255,0,.22)) drop-shadow(0 0 16px rgba(160,32,240,.18)); }
.search { flex: 1; max-width: 650px; margin: 0 auto; display: flex; background: #15151d; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.search input { width: 100%; border: 0; outline: 0; color: var(--text); background: transparent; padding: 12px 14px; }
.search button { border: 0; color: var(--text); background: #20202a; padding: 0 16px; }
.nav-actions { display: flex; gap: 8px; align-items: center; }
.btn { border: 1px solid var(--line); background: #171720; color: var(--text); border-radius: 11px; padding: 10px 14px; font-weight: 800; }
.btn:hover { border-color: rgba(125,255,0,.4); }
.btn-primary { background: linear-gradient(135deg, var(--purple), #6b20f0); border-color: transparent; box-shadow: var(--shadow-purple); }
.btn-green { background: var(--green); color: #0a0a0d; border-color: transparent; box-shadow: var(--shadow-green); }
.layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); min-height: calc(100vh - 70px); }
.sidebar { border-right: 1px solid var(--line); background: rgba(10,10,15,.75); padding: 22px 14px; }
.side-title { color: var(--muted); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 1.2px; padding: 0 8px 10px; }
.side-link { display: flex; align-items: center; gap: 11px; padding: 11px 10px; border-radius: 10px; color: #dadae4; font-weight: 750; margin-bottom: 4px; }
.side-link:hover, .side-link.active { background: #171721; color: white; }
.side-icon { width: 25px; text-align: center; color: var(--green); }
.main { min-width: 0; padding: 28px; }
.hero { position: relative; overflow: hidden; border-radius: 24px; border: 1px solid var(--line); min-height: 330px; display: grid; grid-template-columns: 1.3fr .7fr; background: linear-gradient(110deg, rgba(160,32,240,.22), rgba(8,8,13,.5) 55%, rgba(125,255,0,.12)), #111119; box-shadow: 0 24px 70px rgba(0,0,0,.35); }
.hero:before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size: 32px 32px; mask-image: linear-gradient(to right, black, transparent 72%); }
.hero-copy { padding: 44px; z-index: 1; align-self: center; }
.eyebrow { color: var(--green); font-weight: 950; letter-spacing: 1.4px; text-transform: uppercase; font-size: 12px; }
h1 { font-size: clamp(38px, 5vw, 70px); line-height: .98; margin: 12px 0 16px; letter-spacing: -3px; }
.hero p { color: #c9c9d6; max-width: 680px; font-size: 17px; line-height: 1.6; }
.hero-actions { display: flex; gap: 10px; margin-top: 24px; flex-wrap: wrap; }
.hero-art { z-index: 1; display: grid; place-items: center; min-height: 280px; }
.orb { width: 225px; height: 225px; border-radius: 50%; background: radial-gradient(circle at 40% 38%, white 0 2%, var(--green) 4%, #218b2d 17%, #28104c 43%, #09090e 72%); box-shadow: 0 0 90px rgba(160,32,240,.4), inset 0 0 55px rgba(125,255,0,.35); position: relative; }
.orb:after { content: "BZ"; position: absolute; inset: 0; display: grid; place-items: center; font-size: 62px; font-weight: 1000; letter-spacing: -5px; text-shadow: 0 0 20px rgba(125,255,0,.6); }
.section-head { display: flex; justify-content: space-between; align-items: end; gap: 16px; margin: 34px 0 16px; }
.section-head h2 { margin: 0; font-size: 25px; letter-spacing: -.7px; }
.section-head p { margin: 5px 0 0; color: var(--muted); }
.channel-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.channel-card { min-width: 0; }
.thumb { aspect-ratio: 16/9; border-radius: 14px; overflow: hidden; position: relative; border: 1px solid var(--line); background: linear-gradient(135deg, rgba(160,32,240,.22), #181821 48%, rgba(125,255,0,.16)); transition: transform .2s ease, box-shadow .2s ease; }
.channel-card:hover .thumb { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(0,0,0,.4), var(--shadow-purple); }
.thumb:before { content: "LIVE SIGNAL"; position: absolute; inset: 0; display: grid; place-items: center; color: rgba(255,255,255,.28); font-size: 22px; letter-spacing: 7px; font-weight: 950; }
.live-badge { position: absolute; left: 10px; top: 10px; background: var(--danger); color: white; font-weight: 900; font-size: 11px; padding: 5px 8px; border-radius: 6px; }
.viewer-badge { position: absolute; left: 10px; bottom: 10px; background: rgba(0,0,0,.72); color: white; font-size: 12px; padding: 5px 7px; border-radius: 6px; }
.offline-badge { position: absolute; left: 10px; top: 10px; background: #3b3b47; color: white; font-weight: 900; font-size: 11px; padding: 5px 8px; border-radius: 6px; }
.channel-info { display: grid; grid-template-columns: 42px 1fr; gap: 11px; padding: 12px 2px 0; }
.avatar { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; font-weight: 950; color: #070709; background: linear-gradient(135deg, var(--green), var(--purple)); }
.channel-title { font-weight: 850; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.channel-name, .channel-category { color: var(--muted); font-size: 13px; margin-top: 3px; }
.verified { color: var(--green); font-size: 12px; }
.stat-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 22px; }
.stat { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 20px; }
.stat strong { display: block; font-size: 27px; }
.stat span { color: var(--muted); font-size: 13px; }
.page-title { font-size: 34px; margin: 0 0 8px; letter-spacing: -1.2px; }
.page-sub { color: var(--muted); margin-bottom: 24px; }
.stream-layout { display: grid; grid-template-columns: minmax(0, 1fr) 350px; gap: 0; margin: -28px; min-height: calc(100vh - 70px); }
.stream-main { min-width: 0; background: #08080d; }
.player-wrap { background: black; aspect-ratio: 16/9; width: 100%; position: relative; }
.player-wrap iframe { width: 100%; height: 100%; border: 0; background: black; }
.player-fallback { position: absolute; inset: 0; display: grid; place-items: center; text-align: center; padding: 30px; background: radial-gradient(circle, rgba(160,32,240,.13), transparent 48%), #050507; }
.player-fallback .big { font-size: 24px; font-weight: 950; }
.player-fallback p { color: var(--muted); max-width: 520px; }
.stream-meta { padding: 20px 24px 28px; border-bottom: 1px solid var(--line); }
.stream-meta-row { display: flex; gap: 16px; justify-content: space-between; align-items: flex-start; }
.stream-meta h2 { margin: 0 0 7px; font-size: 22px; }
.stream-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.tags { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 10px; }
.tag { border-radius: 999px; background: #1d1d27; color: #cfcfda; padding: 5px 9px; font-size: 12px; font-weight: 800; }
.chat { border-left: 1px solid var(--line); background: #0d0d13; display: grid; grid-template-rows: auto 1fr auto; min-height: 0; max-height: calc(100vh - 70px); position: sticky; top: 70px; }
.chat-head { padding: 15px 16px; border-bottom: 1px solid var(--line); font-weight: 950; display: flex; justify-content: space-between; }
.chat-status { color: var(--green); font-size: 12px; }
.chat-log { overflow: auto; padding: 12px 14px; }
.chat-message { line-height: 1.45; margin: 8px 0; overflow-wrap: anywhere; font-size: 14px; }
.chat-message strong { color: var(--green); margin-right: 5px; }
.chat-form { padding: 12px; border-top: 1px solid var(--line); }
.chat-form input { width: 100%; border: 1px solid var(--line); color: white; background: #191922; border-radius: 10px; padding: 11px 12px; outline: none; margin-bottom: 8px; }
.chat-form input:focus { border-color: var(--purple); box-shadow: 0 0 0 3px rgba(160,32,240,.12); }
.form-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.panel { background: var(--panel); border: 1px solid var(--line); border-radius: 18px; padding: 22px; margin-bottom: 18px; }
.panel h3 { margin-top: 0; }
.field { margin-bottom: 16px; }
.field label { display: block; color: var(--muted); font-size: 12px; text-transform: uppercase; font-weight: 900; letter-spacing: .8px; margin-bottom: 7px; }
.field input { width: 100%; background: #0d0d13; border: 1px solid var(--line); color: white; padding: 12px; border-radius: 10px; }
.codebox { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; background: #09090e; border: 1px solid rgba(125,255,0,.18); color: #bfff82; padding: 13px; border-radius: 10px; overflow-wrap: anywhere; }
.notice { border-left: 3px solid var(--green); padding: 12px 14px; background: rgba(125,255,0,.06); color: #d9e9cf; border-radius: 8px; }
.dashboard-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 18px; }
.table { width: 100%; border-collapse: collapse; }
.table th, .table td { text-align: left; border-bottom: 1px solid var(--line); padding: 12px 10px; }
.table th { color: var(--muted); font-size: 12px; text-transform: uppercase; }
.footer { color: var(--muted); font-size: 12px; padding: 34px 0 12px; text-align: center; }
@media (max-width: 1050px) {
  .channel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stream-layout { grid-template-columns: minmax(0, 1fr); }
  .chat { position: static; max-height: 620px; min-height: 520px; border-left: 0; border-top: 1px solid var(--line); }
}
@media (max-width: 780px) {
  .layout { grid-template-columns: 1fr; }
  .sidebar { display: none; }
  .main { padding: 18px; }
  .hero { grid-template-columns: 1fr; }
  .hero-copy { padding: 28px; }
  .hero-art { display: none; }
  .channel-grid, .dashboard-grid { grid-template-columns: 1fr; }
  .stat-row { grid-template-columns: repeat(2, 1fr); }
  .search { display: none; }
  .stream-layout { margin: -18px; }
  .topbar { padding: 0 12px; }
  .nav-actions .hide-mobile { display: none; }
}

/* v0.2 public alpha account + dashboard additions */
.auth-page{display:grid;place-items:start center;min-height:calc(100vh - 80px);padding-top:48px}.auth-card{width:min(640px,100%);padding:32px}.auth-form{display:grid;gap:8px;margin-top:24px}.auth-error{min-height:22px;color:#ff7aa8;font-weight:700}.input-prefix{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel2)}.input-prefix span{padding:0 0 0 12px;color:var(--muted);white-space:nowrap}.input-prefix input{border:0!important;background:transparent!important}.button-row{display:flex;gap:10px;flex-wrap:wrap}.secret-box{word-break:break-all}.btn:disabled{opacity:.55;cursor:not-allowed}

.check-row{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:13px;line-height:1.45}.check-row input{width:auto!important;margin-top:3px}.check-row a{color:var(--green)}

/* v0.7 creator channels + customization */
:root{--channel-accent:var(--green);--channel-accent2:var(--purple);--channel-glow:rgba(160,32,240,.36)}
textarea,select{font:inherit}.muted-copy{color:var(--muted);line-height:1.6}.field textarea,.custom-panel-editor textarea{width:100%;min-height:120px;resize:vertical;background:#0d0d13;border:1px solid var(--line);color:white;padding:12px;border-radius:10px;outline:none}.field textarea:focus,.custom-panel-editor textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(160,32,240,.12)}.field-help{color:var(--muted);font-size:12px;margin-top:6px}.save-state{margin-left:10px;color:var(--green);font-weight:850;font-size:13px}.creator-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.creator-tabs{display:flex;gap:7px;overflow:auto;padding:5px;background:#0e0e15;border:1px solid var(--line);border-radius:14px;margin-bottom:20px;position:sticky;top:80px;z-index:8}.creator-tab{border:0;background:transparent;color:var(--muted);font-weight:900;padding:11px 15px;border-radius:9px;white-space:nowrap}.creator-tab:hover,.creator-tab.active{background:linear-gradient(135deg,rgba(160,32,240,.24),rgba(125,255,0,.08));color:white;box-shadow:inset 0 0 0 1px rgba(125,255,0,.12)}.creator-tab-pane{display:none}.creator-tab-pane.active{display:block}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:950;letter-spacing:.6px}.status-pill.live{background:#ff334f;color:white;box-shadow:0 0 20px rgba(255,51,79,.25)}.status-pill.offline{background:#272733;color:#b7b7c4}.two-col-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.theme-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.theme-option{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;border:1px solid var(--line);background:#0d0d13;border-radius:12px;padding:12px;cursor:pointer}.theme-option input{position:absolute;opacity:0;pointer-events:none}.theme-option span{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,var(--swatch1),var(--swatch2));box-shadow:0 0 18px color-mix(in srgb,var(--swatch1) 35%,transparent)}.theme-option:has(input:checked){border-color:var(--swatch1);box-shadow:0 0 0 2px color-mix(in srgb,var(--swatch1) 18%,transparent)}.theme-boomer-neon{--swatch1:#7dff00;--swatch2:#a020f0}.theme-toxic-green{--swatch1:#82ff18;--swatch2:#00d98b}.theme-purple-storm{--swatch1:#c64dff;--swatch2:#6820ff}.theme-hot-pink{--swatch1:#ff37b7;--swatch2:#b51cff}.theme-electric-blue{--swatch1:#29d5ff;--swatch2:#5265ff}.theme-ember{--swatch1:#ffb000;--swatch2:#ff3b30}.media-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.media-upload-card{border:1px solid var(--line);background:#0d0d13;border-radius:16px;overflow:hidden}.media-upload-card>div:last-child{padding:15px}.media-upload-card p{color:var(--muted);font-size:12px;line-height:1.5;min-height:36px}.media-preview{background:linear-gradient(135deg,rgba(160,32,240,.2),rgba(125,255,0,.08));display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.media-preview.square{aspect-ratio:1}.media-preview.wide{aspect-ratio:16/7}.media-preview img{width:100%;height:100%;object-fit:cover}.media-placeholder{font-weight:950;color:rgba(255,255,255,.38);text-transform:uppercase;letter-spacing:1.2px}.file-btn{display:inline-block}.upload-status{min-height:18px;color:var(--green);font-size:12px;font-weight:800;margin-top:8px}.editor-row{display:grid;grid-template-columns:.65fr 1.35fr;gap:9px;margin-bottom:9px}.editor-row input,.custom-panel-editor>input,.schedule-editor-row input{width:100%;background:#0d0d13;border:1px solid var(--line);color:white;padding:11px 12px;border-radius:10px;outline:none}.custom-panel-editor{padding:14px;border:1px solid var(--line);background:#0d0d13;border-radius:13px;margin-bottom:12px}.custom-panel-editor textarea{margin-bottom:9px}.schedule-editor{display:grid;gap:8px;margin:18px 0}.schedule-editor-row{display:grid;grid-template-columns:115px .7fr 1.3fr;gap:9px;align-items:center}.schedule-editor-row strong{font-size:13px}.channel-page{min-height:calc(100vh - 70px);background:radial-gradient(circle at 20% 0%,var(--channel-glow),transparent 28%),#08080d}.channel-banner{height:210px;position:relative;overflow:hidden;background:linear-gradient(110deg,color-mix(in srgb,var(--channel-accent2) 30%,#111119),#111119 55%,color-mix(in srgb,var(--channel-accent) 16%,#111119));background-size:cover;background-position:center}.channel-banner:after{content:"BOOMERZ.TV";position:absolute;right:4%;bottom:12px;color:rgba(255,255,255,.08);font-size:clamp(40px,7vw,105px);font-weight:1000;letter-spacing:-5px}.channel-banner-glow{position:absolute;inset:-30%;background:radial-gradient(circle at 25% 65%,color-mix(in srgb,var(--channel-accent) 22%,transparent),transparent 34%),radial-gradient(circle at 74% 30%,color-mix(in srgb,var(--channel-accent2) 25%,transparent),transparent 35%)}.channel-identity-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:0 28px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(8,8,13,.2),rgba(8,8,13,.97))}.channel-identity{display:flex;gap:17px;align-items:flex-end;margin-top:-45px;position:relative;z-index:2}.channel-avatar-lg{width:104px;height:104px;border-radius:50%;border:4px solid #08080d;outline:3px solid var(--channel-accent);object-fit:cover;background:#171721;box-shadow:0 0 26px var(--channel-glow)}.avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,var(--channel-accent),var(--channel-accent2));color:#070709;font-size:30px;font-weight:1000}.channel-name-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.channel-name-row h1{font-size:31px;line-height:1;margin:0;letter-spacing:-1.2px}.channel-identity p{margin:8px 0 2px;color:var(--muted);max-width:700px}.verified-badge{font-size:10px;color:#070709;background:var(--channel-accent);font-weight:1000;padding:5px 7px;border-radius:6px}.channel-header-actions{display:flex;gap:8px;padding-bottom:4px}.channel-page .btn-primary{background:linear-gradient(135deg,var(--channel-accent2),var(--channel-accent));color:white;box-shadow:0 0 24px var(--channel-glow)}.channel-page .btn:hover{border-color:var(--channel-accent)}.channel-tabs{height:52px;display:flex;align-items:end;gap:4px;padding:0 28px;border-bottom:1px solid var(--line);background:#0b0b11;position:sticky;top:70px;z-index:9}.channel-tab{border:0;background:transparent;color:var(--muted);font-weight:900;padding:15px 16px 12px;border-bottom:3px solid transparent}.channel-tab.active,.channel-tab:hover{color:white;border-bottom-color:var(--channel-accent)}.channel-stream-layout{margin:0;min-height:auto;grid-template-columns:minmax(0,1fr) 350px}.channel-stream-layout .chat{top:122px;max-height:calc(100vh - 122px)}.creator-stream-meta{background:#0b0b11}.channel-category-line{color:var(--muted);font-size:13px}.channel-page .tag{background:color-mix(in srgb,var(--channel-accent2) 16%,#1d1d27);border:1px solid color-mix(in srgb,var(--channel-accent) 18%,transparent)}.creator-offline{background-size:cover;background-position:center}.offline-logo{width:72px;height:72px;margin:0 auto 18px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--channel-accent2),var(--channel-accent));color:#070709;font-weight:1000;font-size:28px;box-shadow:0 0 40px var(--channel-glow)}.channel-content-section{padding:24px 28px;scroll-margin-top:135px}.channel-about-card{border-top:3px solid var(--channel-accent)}.channel-bio{white-space:pre-line;color:#d7d7e0;line-height:1.75}.channel-socials{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.channel-social{border:1px solid color-mix(in srgb,var(--channel-accent) 35%,var(--line));background:#11111a;border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px}.channel-social:hover{background:color-mix(in srgb,var(--channel-accent) 12%,#11111a)}.creator-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.creator-about-panel{background:#11111a;border:1px solid var(--line);border-radius:16px;padding:20px;border-top:3px solid var(--channel-accent2)}.creator-about-panel h3{margin:0 0 10px}.creator-about-panel p{white-space:pre-line;color:var(--muted);line-height:1.65}.public-schedule{display:grid;gap:8px}.public-schedule-row{display:grid;grid-template-columns:120px 160px 1fr;gap:12px;padding:13px 14px;border-radius:11px;background:#0d0d13;border:1px solid var(--line)}.public-schedule-row strong{color:var(--channel-accent)}.chat-identity{color:var(--muted);font-size:12px;margin-bottom:7px}.channel-page .chat-message strong{color:var(--channel-accent)}.channel-page .chat-status{color:var(--channel-accent)}.channel-page .chat-form input:focus{border-color:var(--channel-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--channel-accent) 12%,transparent)}.channel-page .btn-green{background:var(--channel-accent);color:#070709;box-shadow:0 0 20px color-mix(in srgb,var(--channel-accent) 20%,transparent)}.thumb-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.thumb.has-thumb-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.55));z-index:1}.thumb.has-thumb-image:before{display:none}.thumb .live-badge,.thumb .offline-badge,.thumb .viewer-badge{z-index:2}.avatar{overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover}.section-head.compact{margin:0 0 16px}.section-head.compact h2{font-size:22px}
@media(max-width:1050px){.media-upload-grid{grid-template-columns:1fr 1fr}.channel-identity-bar{align-items:center}.channel-identity{margin-top:-35px}.channel-stream-layout{grid-template-columns:1fr}.channel-stream-layout .chat{position:static;max-height:620px}.creator-panel-grid{grid-template-columns:1fr}}
@media(max-width:780px){.creator-tabs{top:70px}.two-col-fields,.theme-picker,.media-upload-grid{grid-template-columns:1fr}.editor-row{grid-template-columns:1fr}.schedule-editor-row{grid-template-columns:1fr}.channel-banner{height:145px}.channel-identity-bar{padding:0 18px 16px;align-items:flex-start;flex-direction:column}.channel-identity{margin-top:-34px;align-items:center}.channel-avatar-lg{width:78px;height:78px}.channel-name-row h1{font-size:24px}.channel-header-actions{width:100%}.channel-header-actions .btn{flex:1}.channel-tabs{padding:0 12px}.channel-content-section{padding:18px}.public-schedule-row{grid-template-columns:1fr}.creator-panel-grid{grid-template-columns:1fr}}
.channel-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.channel-banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,13,.18),rgba(8,8,13,.62));z-index:1}.channel-banner-glow{z-index:2;pointer-events:none}.channel-banner:after{z-index:3}.creator-offline{overflow:hidden}.offline-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.offline-shade{position:absolute;inset:0;background:linear-gradient(rgba(4,4,7,.3),rgba(4,4,7,.78));z-index:1}.offline-content{position:relative;z-index:2}


/* v0.8 session-aware navigation + resilient live player */
[hidden]{display:none !important}
.live-player-shell{position:relative;width:100%;height:100%;min-height:420px;background:#050507;display:flex;flex-direction:column}
.live-player-shell iframe{display:block;width:100%;flex:1;min-height:390px;border:0;background:#050507}
.player-mode-bar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 14px;background:rgba(8,8,12,.96);border-bottom:1px solid rgba(255,255,255,.08);font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--muted)}
.player-mode-bar>div{display:flex;gap:6px}
.player-mode{border:1px solid rgba(255,255,255,.12);background:#171720;color:#d9d9e6;border-radius:7px;padding:6px 9px;font:inherit;letter-spacing:0;cursor:pointer}
.player-mode.active{border-color:var(--channel-accent,#7dff00);color:#fff;box-shadow:0 0 16px var(--channel-glow,rgba(160,32,240,.3))}
@media(max-width:760px){.live-player-shell{min-height:300px}.live-player-shell iframe{min-height:270px}.player-mode-bar>span{display:none}}

/* v0.9 MediaMTX subfolder redirect fix player status */
.player-status{margin-left:8px;font-size:10px;color:#c7c7d1;letter-spacing:.08em}.player-status.ok{color:var(--channel-accent,#7dff00)}.player-status.warn{color:#ffd166}.player-mode-bar b{font-weight:1000}

/* v1.0 Community, emotes, rewards, and creator moderation */
.chat-community-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-top:1px solid var(--line);background:#0d0d14}
.chat-tool-actions{display:flex;gap:6px}.community-tool{border:1px solid #2a2a39;background:#171722;color:#f7f7ff;border-radius:8px;min-height:34px;padding:6px 9px;font-weight:800;cursor:pointer}.community-tool:hover{border-color:var(--channel-accent,#7dff00);box-shadow:0 0 14px color-mix(in srgb,var(--channel-accent,#7dff00) 20%,transparent)}.community-tool:disabled{opacity:.45;cursor:not-allowed}.points-tool{display:flex;align-items:center;gap:6px;max-width:220px;white-space:nowrap;overflow:hidden}.points-gem{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:linear-gradient(135deg,#a020f0,#7dff00);color:white;font-size:10px;box-shadow:0 0 12px rgba(125,255,0,.25)}
.community-drawer{position:absolute;left:8px;right:8px;bottom:118px;z-index:50;max-height:360px;overflow:auto;padding:12px;background:#11111a;border:1px solid #333347;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.55)}.community-drawer[hidden]{display:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.drawer-head>div{display:flex;flex-direction:column}.drawer-balance{font-size:11px;color:#a9a9bd;margin-top:2px}.icon-btn{border:0;background:#242431;color:white;border-radius:8px;min-width:30px;height:30px;font-size:19px;cursor:pointer}.emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.emoji-grid button{border:1px solid #29293a;background:#191923;border-radius:8px;min-height:38px;font-size:20px;cursor:pointer}.emoji-grid button:hover{background:#242432}.emote-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.emote-picker-grid button{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid #29293a;background:#181821;color:white;border-radius:9px;padding:7px;cursor:pointer;overflow:hidden}.emote-picker-grid img{width:42px;height:42px;object-fit:contain}.emote-picker-grid span{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.viewer-reward-list{display:grid;gap:7px}.viewer-reward{position:relative;display:flex;align-items:center;text-align:left;gap:10px;border:1px solid #2c2c3c;border-left:4px solid var(--reward-color);background:#171721;color:white;border-radius:9px;padding:9px;cursor:pointer}.viewer-reward:hover{background:#20202c}.viewer-reward-icon{color:var(--reward-color);font-size:18px}.viewer-reward span:last-child{display:flex;flex-direction:column}.viewer-reward small{color:var(--reward-color);font-weight:800}.viewer-reward em{font-size:11px;color:#aaaabd;font-style:normal;margin-top:2px}.chat-emote{width:30px;height:30px;object-fit:contain;vertical-align:middle;margin:0 2px}.chat-message{line-height:1.45}.chat-message strong{margin-right:4px}.chat-badge{display:inline-block;padding:1px 4px;border-radius:4px;font-size:8px;font-weight:900;margin-right:4px;vertical-align:2px}.badge-owner{background:#a020f0;color:#fff}.badge-mod{background:#18b65b;color:#07160d}.badge-vip{background:#f04be8;color:#240421}.redemption-message{margin:5px 6px;padding:8px;border:1px solid rgba(125,255,0,.28);background:linear-gradient(135deg,rgba(160,32,240,.12),rgba(125,255,0,.08));border-radius:9px}.redemption-spark{font-size:9px;color:#7dff00;font-weight:900;letter-spacing:.08em;margin-bottom:3px}.redemption-input{font-size:11px;color:#c7c7d9;margin-top:4px}.reward-cost{font-size:10px;color:#7dff00;font-weight:800}
.chat{position:relative}
.community-dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.toggle-label{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#c7c7d8}.toggle-label input{accent-color:#7dff00}.emote-upload-row{display:grid;grid-template-columns:minmax(160px,260px) auto auto 1fr;gap:9px;align-items:center;margin:14px 0}.emote-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.emote-admin-card{position:relative;display:flex;align-items:center;gap:8px;min-height:62px;padding:8px;border:1px solid #29293a;border-radius:10px;background:#14141e}.emote-admin-card img{width:42px;height:42px;object-fit:contain}.emote-admin-card strong{font-size:11px;overflow:hidden;text-overflow:ellipsis}.emote-admin-card .icon-btn{position:absolute;right:5px;top:5px;width:24px;min-width:24px;height:24px;font-size:15px}.reward-create-form{padding:12px;border:1px solid #29293a;border-radius:10px;background:#111119;margin:12px 0}.reward-admin-list{display:grid;gap:9px}.reward-admin-card{display:grid;grid-template-columns:6px 1fr auto;gap:11px;align-items:center;border:1px solid #29293a;border-radius:10px;background:#15151f;overflow:hidden;min-height:72px}.reward-admin-color{align-self:stretch;background:var(--reward-color)}.reward-admin-card p{margin:3px 0;color:#b1b1c3;font-size:12px}.reward-admin-card span{font-size:10px;color:#9292a8}.reward-admin-actions{display:flex;gap:6px;padding-right:10px}.btn.danger{border-color:#6d2530;color:#ff909e}.redemption-admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #29293a;border-radius:10px;background:#14141d;margin-bottom:8px}.redemption-admin-row p{margin:4px 0;color:#c8c8d7}.redemption-admin-row span{font-size:10px;color:#8f8fa3}.redemption-admin-row.fulfilled{opacity:.7;border-color:#28583c}.redemption-admin-row.canceled{opacity:.65;border-color:#57313a}.empty-community{padding:18px;text-align:center;border:1px dashed #343447;border-radius:10px;color:#8e8ea3}.role-editor-row{display:grid;grid-template-columns:1fr 160px auto auto;gap:8px;align-items:center}.role-editor-row select,.field select{width:100%;min-height:42px;border:1px solid #2c2c3b;background:#15151e;color:#fff;border-radius:8px;padding:0 10px}
@media(max-width:900px){.community-dashboard-grid{grid-template-columns:1fr}.emote-upload-row{grid-template-columns:1fr 1fr}.role-editor-row{grid-template-columns:1fr 1fr}.redemption-admin-row{align-items:flex-start;flex-direction:column}.emote-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v1.1 professional BoomerZ.TV brand integration */
@media (max-width: 980px) {
  .brand { min-width: 162px; }
  .brand-logo { width: 162px; max-width: none; height: 44px; }
}
@media (max-width: 520px) {
  .topbar { gap: 8px; }
  .brand { min-width: 142px; }
  .brand-logo { width: 142px; height: 40px; }
  .nav-actions { margin-left: auto; }
}

/* ============================================================
   v1.2 MAJOR-PLATFORM UI OVERHAUL
   Familiar live-streaming information architecture, original
   BoomerZ.TV neon green/purple visual language.
   ============================================================ */
:root{
  --bz-bg:#0e0e10;--bz-surface:#18181b;--bz-surface-2:#1f1f23;--bz-surface-3:#26262c;
  --bz-text:#efeff1;--bz-muted:#adadb8;--bz-line:#2f2f35;--bz-green:#7dff00;--bz-purple:#a020f0;
  --topbar-h:56px;--sidebar-w:240px;
}
html,body{background:var(--bz-bg);color:var(--bz-text)}
body{background-image:radial-gradient(circle at 80% -20%,rgba(125,255,0,.05),transparent 24%),radial-gradient(circle at 20% -30%,rgba(160,32,240,.08),transparent 28%)}
.platform-topbar{height:var(--topbar-h);padding:0 12px;gap:12px;background:#101014;border-bottom:1px solid #25252b;box-shadow:0 1px 5px rgba(0,0,0,.45);backdrop-filter:none;z-index:100}
.topbar-left{display:flex;align-items:center;gap:18px;min-width:310px}
.platform-topbar .brand{min-width:168px;width:168px;height:52px}
.platform-topbar .brand-logo{width:168px;max-width:none;height:44px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(125,255,0,.12))}
.desktop-primary-nav{display:flex;align-items:stretch;height:56px}
.top-nav-link{display:flex;align-items:center;padding:0 10px;color:#dedee3;font-weight:800;font-size:14px;border-bottom:2px solid transparent}
.top-nav-link:hover,.top-nav-link.active{color:#fff;border-bottom-color:var(--bz-green)}
.global-search{display:flex;flex:1;max-width:520px;margin:0 auto;height:38px}
.global-search input{flex:1;min-width:0;border:2px solid #303038;border-right:0;background:#18181b;color:#efeff1;border-radius:8px 0 0 8px;padding:0 14px;outline:none}
.global-search input:focus{border-color:#6a6a75}
.global-search button{width:42px;border:0;border-radius:0 8px 8px 0;background:#2a2a30;color:#ddd;display:grid;place-items:center}
.global-search svg,.top-icon-button svg,.profile-trigger svg,.create-button svg,.side-svg svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.platform-topbar .nav-actions{gap:6px;position:relative}
.btn{border-radius:6px;padding:8px 12px;background:#2a2a30;border-color:transparent;font-size:13px;font-weight:800}
.btn:hover{background:#34343b;border-color:transparent}
.btn-primary{background:linear-gradient(135deg,#7dff00,#61dc00);color:#0b0b0d;box-shadow:none}
.btn-primary:hover,.btn-green:hover{background:#96ff34}
.btn-green{border-radius:6px;box-shadow:none}
.btn-quiet{background:#2b2b31;color:#efeff1}
.create-button{height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;border-radius:6px;background:#2a2a30;color:#f4f4f5;font-weight:800;font-size:12px}
.create-button:hover{background:#35353d;color:var(--bz-green)}
.create-button span{display:grid;place-items:center;color:var(--bz-green)}
.top-icon-button{position:relative;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#f2f2f3}
.top-icon-button:hover{background:#27272d}
.top-count{position:absolute;right:0;top:0;min-width:15px;height:15px;padding:0 4px;border-radius:9px;background:#e91916;color:#fff;font-size:9px;font-weight:900;line-height:15px}
.top-count:empty{display:none}
.profile-trigger{height:38px;display:flex;align-items:center;gap:7px;border:0;border-radius:7px;background:transparent;color:#fff;padding:2px 5px}
.profile-trigger:hover{background:#27272d}
.profile-trigger>svg{width:14px;height:14px;color:#aaa}
.profile-name{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800}
.profile-avatar,.mini-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,var(--bz-purple),var(--bz-green));color:#09090b;font-size:10px;font-weight:1000}
.profile-avatar-lg{width:44px;height:44px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,var(--bz-purple),var(--bz-green));font-weight:1000;color:#09090b}
.top-popover{position:fixed;right:12px;top:52px;width:min(390px,calc(100vw - 24px));max-height:620px;background:#18181b;border:1px solid #303039;border-radius:7px;box-shadow:0 18px 60px rgba(0,0,0,.6);overflow:hidden;z-index:300}
.notification-popover{right:108px}.message-popover{right:64px;width:min(420px,calc(100vw - 24px))}.profile-popover{right:10px;width:260px;padding:8px}
.popover-head{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #2b2b31}
.text-button{border:0;background:transparent;color:#bf94ff;font-weight:800;padding:6px;cursor:pointer}.text-button:hover{color:var(--bz-green)}
.popover-scroll{max-height:520px;overflow:auto}
.notification-item{display:flex;gap:10px;padding:11px 12px;border-bottom:1px solid #25252a;align-items:flex-start}.notification-item:hover{background:#222227}.notification-item.unread{background:rgba(160,32,240,.09)}
.notification-item img,.notification-avatar,.thread-item img,.dm-head img{width:38px;height:38px;border-radius:50%;object-fit:cover;display:grid;place-items:center;flex:0 0 auto;background:#303038;color:#fff;font-size:11px;font-weight:900}
.notification-item span:last-child{display:flex;flex-direction:column;gap:3px;font-size:12px;line-height:1.35}.notification-item small{color:#8c8c96}.popover-empty{padding:28px 18px;text-align:center;color:#9f9faa;font-size:13px}
.profile-summary{display:flex;align-items:center;gap:10px;padding:8px 8px 12px;border-bottom:1px solid #2b2b31;margin-bottom:5px}.profile-summary>div{display:flex;flex-direction:column;gap:2px}.profile-summary small{color:#9e9eaa}
.profile-popover>a,.profile-popover>button{display:block;width:100%;border:0;background:transparent;color:#efeff1;text-align:left;padding:10px;border-radius:5px;font-size:13px}.profile-popover>a:hover,.profile-popover>button:hover{background:#29292f}
.thread-list{max-height:520px;overflow:auto}.thread-item{width:100%;display:grid;grid-template-columns:40px 1fr auto;gap:9px;align-items:center;text-align:left;border:0;border-bottom:1px solid #25252a;background:transparent;color:white;padding:10px 12px}.thread-item:hover{background:#232328}.thread-item>span{display:flex;min-width:0;flex-direction:column}.thread-item small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#92929d;font-size:11px}.thread-item em{font-style:normal;min-width:20px;height:20px;border-radius:10px;background:var(--bz-purple);display:grid;place-items:center;font-size:10px;font-weight:900}
.dm-view{height:520px;display:grid;grid-template-rows:auto 1fr auto}.dm-head{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid #29292f}.dm-head .icon-btn{font-size:26px}.dm-head>div{display:flex;flex-direction:column}.dm-head small{color:#92929d}.dm-log{padding:12px;overflow:auto;display:flex;flex-direction:column;gap:8px}.dm-bubble{max-width:82%;display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:10px;background:#28282f;font-size:13px}.dm-bubble.mine{align-self:flex-end;background:linear-gradient(135deg,#7426ba,#8d29d7)}.dm-bubble small{font-size:9px;color:#c8c8d0;align-self:flex-end}.dm-compose{display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px;border-top:1px solid #29292f}.dm-compose input{min-width:0;border:1px solid #3a3a42;background:#242429;color:#fff;border-radius:6px;padding:9px}

.platform-layout{grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:calc(100vh - var(--topbar-h))}
.platform-sidebar{position:sticky;top:var(--topbar-h);height:calc(100vh - var(--topbar-h));padding:0;background:#1f1f23;border-right:0;overflow:hidden}
.sidebar-scroll{height:100%;overflow:auto;padding:10px 8px 24px}.side-primary{margin-bottom:17px}.platform-sidebar .side-link{height:39px;margin:1px 0;padding:0 9px;border-radius:5px;color:#d7d7dc;font-size:14px;font-weight:700}.platform-sidebar .side-link:hover,.platform-sidebar .side-link.active{background:#29292e;color:#fff}.side-svg{width:25px;display:grid;place-items:center;color:#fff}.platform-sidebar .side-link.active .side-svg{color:var(--bz-green)}
.sidebar-section{margin-top:14px}.platform-sidebar .side-title{padding:5px 8px 7px;color:#efeff1;font-size:11px;letter-spacing:.04em}.side-channel{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:42px;padding:5px 7px;border-radius:4px}.side-channel:hover{background:#29292e}.side-channel-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#7432ab,#6ad900);display:grid;place-items:center;font-size:10px;font-weight:900}.side-channel-avatar img{width:100%;height:100%;object-fit:cover}.side-channel-copy{min-width:0;display:flex;flex-direction:column}.side-channel-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-channel-copy small{font-size:10px;color:#adadb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-channel-live{display:flex;align-items:center;gap:4px;color:#dedee3;font-size:10px}.side-channel-live i{width:7px;height:7px;border-radius:50%;background:#e91916}.sidebar-empty{padding:7px 8px;color:#888893;font-size:11px;line-height:1.4}.sidebar-signin{display:block;margin:5px 6px;padding:8px;border-radius:5px;background:#2c2c32;color:#c8a6ff;font-size:11px;font-weight:800}
.platform-main{padding:24px 30px 50px;max-width:1700px;width:100%;margin:0 auto}.content-section{margin:26px 0 34px}.section-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:12px}.section-title-row h2{margin:0;font-size:20px;letter-spacing:-.35px}.section-title-row p{margin:3px 0 0;color:#adadb8;font-size:12px}.horizontal-channel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.home-feature{min-height:310px;margin-bottom:30px}.feature-skeleton{height:310px;border-radius:8px;background:#18181b;display:grid;place-items:center;color:#81818b}.feature-brand{min-height:310px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);border:1px solid #2a2a31;border-radius:8px;overflow:hidden;background:linear-gradient(120deg,rgba(160,32,240,.17),#151518 55%,rgba(125,255,0,.1))}.feature-copy{padding:42px 44px;align-self:center}.feature-copy h1{font-size:clamp(35px,4vw,58px);letter-spacing:-2.2px;margin:9px 0 14px}.feature-copy p{max-width:720px;color:#c4c4cb;line-height:1.55}.feature-camera-mark{display:grid;place-items:center;background:radial-gradient(circle,rgba(125,255,0,.14),transparent 55%)}.feature-camera-mark img{width:min(220px,70%);filter:drop-shadow(0 0 32px rgba(125,255,0,.28)) drop-shadow(0 0 38px rgba(160,32,240,.25))}
.featured-stream{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.55fr);min-height:340px;border-radius:8px;overflow:hidden;background:#18181b;box-shadow:0 12px 34px rgba(0,0,0,.34)}.featured-video{position:relative;background:#050507;overflow:hidden}.featured-video>img{width:100%;height:100%;object-fit:cover}.featured-gradient{position:absolute;inset:0;background:linear-gradient(135deg,rgba(160,32,240,.45),#111 50%,rgba(125,255,0,.3))}.featured-video:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.3))}.featured-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.7);font-size:24px}.featured-details{padding:26px 24px;display:grid;grid-template-columns:50px 1fr;gap:13px;align-content:start}.feature-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;display:grid;place-items:center}.featured-details>div{min-width:0;display:flex;flex-direction:column;gap:4px}.featured-name{color:var(--bz-green);font-weight:900;font-size:15px}.featured-title{font-weight:800;line-height:1.35}.featured-category{color:#bf94ff;font-size:12px}.featured-details p{font-size:12px;line-height:1.45;color:#b9b9c1}.feature-viewers{font-size:11px;color:#ff7774}
.modern-card .thumb{display:block;border:0;border-radius:0;background:#1b1b20;transition:transform .12s ease,box-shadow .12s ease}.modern-card:hover .thumb{transform:translate(5px,-5px);box-shadow:-5px 5px 0 var(--bz-purple)}.thumb-hover-play{position:absolute;inset:0;display:grid;place-items:center;opacity:0;background:rgba(0,0,0,.28);font-size:26px;z-index:4;transition:.15s}.modern-card:hover .thumb-hover-play{opacity:1}.modern-card .channel-info{grid-template-columns:40px minmax(0,1fr) 24px;gap:9px;padding-top:9px}.modern-card .avatar{width:38px;height:38px}.card-copy{min-width:0;display:flex;flex-direction:column}.modern-card .channel-title,.modern-card .channel-name,.modern-card .channel-category{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modern-card .channel-title{font-size:13px}.modern-card .channel-name,.modern-card .channel-category{font-size:11px;margin-top:2px}.card-more{align-self:start;border:0;background:transparent;color:#aaa;font-weight:900;padding:1px 2px}.card-more:hover{color:#fff}.mini-tags{margin-top:5px;gap:4px}.mini-tags .tag{font-size:9px;padding:3px 6px;background:#29292f}.empty-feed{grid-column:1/-1;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #33333a;color:#8e8e99}.empty-feed b{color:#d6d6db;margin-bottom:4px}.signin-discovery{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;background:#18181b;border-radius:7px}.signin-discovery h2{margin:0 0 5px;font-size:18px}.signin-discovery p{margin:0;color:#a7a7b0;font-size:12px}
.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.category-card{min-width:0}.category-art{position:relative;aspect-ratio:4/5;background:linear-gradient(145deg,#2d1640,#131319 55%,#19330c);overflow:hidden}.category-art img{width:100%;height:100%;object-fit:cover}.category-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.5))}.category-card:hover .category-art{transform:translate(4px,-4px);box-shadow:-4px 4px 0 var(--bz-green)}.category-symbol{position:absolute;inset:0;display:grid;place-items:center;font-size:70px;font-weight:1000;color:rgba(255,255,255,.18)}.category-glow{position:absolute;inset:auto -25% -20% 20%;height:50%;background:radial-gradient(circle,rgba(125,255,0,.3),transparent 65%)}.category-card>strong{display:block;margin-top:8px;font-size:13px}.category-card>span{display:block;color:#9b9ba6;font-size:11px;margin-top:2px}.platform-footer{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid #29292f;padding:22px 0;color:#8f8f99;font-size:11px}.platform-footer span:first-child{color:var(--bz-green);font-weight:900}

/* Channel page */
.twitch-channel-page{min-width:0;padding:0;background:#0e0e10}.platform-stream-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;margin:0;min-height:auto;align-items:stretch}.platform-stream-layout .stream-main{min-width:0}.platform-player{aspect-ratio:16/9;max-height:calc(100vh - 190px)}.platform-chat{position:relative;top:auto;height:auto;max-height:none;min-height:0;grid-template-rows:auto minmax(250px,1fr) auto auto;border-left:1px solid #29292f;background:#18181b}.platform-chat .chat-head{height:44px;padding:0 13px;align-items:center;font-size:11px}.platform-chat .chat-log{min-height:240px;max-height:calc(100vh - 252px)}.platform-chat .chat-form{background:#18181b}.stream-info-bar{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:11px;padding:13px 16px;border-bottom:1px solid #29292f;background:#0e0e10}.stream-channel-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,var(--channel-accent2,var(--bz-purple)),var(--channel-accent,var(--bz-green)));color:#09090b;font-weight:900}.stream-info-copy{min-width:0}.stream-title-row{display:flex;align-items:center;gap:8px}.stream-title-row h1{font-size:16px;letter-spacing:0;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-creator-name{font-size:13px;font-weight:800;color:#bf94ff}.stream-category-row{display:flex;gap:5px;align-items:center;color:#a4a4ae;font-size:11px}.stream-category-row a{color:#bf94ff}.stream-action-stack{display:flex;gap:6px;align-items:flex-start}.stream-action-stack .btn{white-space:nowrap}.offline-brand-icon{width:76px;height:76px;object-fit:contain;margin:0 auto 14px;filter:drop-shadow(0 0 25px rgba(125,255,0,.2))}
.channel-profile-header{position:relative;margin:22px 24px 0;background:#18181b;border-radius:8px;overflow:hidden}.channel-cover-mini{height:130px;position:relative;background:linear-gradient(115deg,rgba(160,32,240,.32),#17171b 50%,rgba(125,255,0,.25))}.channel-cover-mini img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.channel-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.6))}.channel-profile-content{position:relative;display:flex;align-items:flex-end;gap:14px;padding:0 18px 12px;margin-top:-34px}.channel-profile-content .channel-avatar-lg{width:78px;height:78px;border:4px solid #18181b}.channel-profile-copy{padding-bottom:3px}.channel-profile-copy .channel-name-row h2{font-size:22px;margin:0}.channel-profile-copy p{margin:3px 0;color:#cacacf;font-size:12px}.channel-profile-copy>span{font-size:10px;color:#9999a4}.platform-channel-tabs{height:42px;padding:0 12px;background:#18181b;border-top:1px solid #29292f}.platform-channel-tabs .channel-tab{height:42px;padding:0 12px;border-radius:0;border:0;border-bottom:2px solid transparent;background:transparent}.platform-channel-tabs .channel-tab:hover,.platform-channel-tabs .channel-tab.active{background:transparent;border-bottom-color:var(--channel-accent,var(--bz-green));color:var(--channel-accent,var(--bz-green))}.channel-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.65fr);gap:18px;padding:20px 24px 50px}.channel-detail-grid .panel{border-radius:7px;background:#18181b;border:0}.channel-detail-grid .creator-about-panel{border-radius:7px;background:#18181b}.schedule-panel{position:sticky;top:76px}.channel-social{border-radius:4px;background:#2a2a30}.public-schedule-row{border-color:#2e2e34}

/* Creator Studio */
.creator-studio-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - var(--topbar-h))}.creator-studio-sidebar{position:sticky;top:var(--topbar-h);height:calc(100vh - var(--topbar-h));background:#18181b;border-right:1px solid #29292f;display:flex;flex-direction:column;padding:14px 8px}.creator-studio-brand{padding:5px 10px 18px;display:flex;flex-direction:column}.creator-studio-brand span{font-size:9px;color:var(--bz-green);letter-spacing:.18em;font-weight:900}.creator-studio-brand strong{font-size:20px}.creator-studio-sidebar nav{display:flex;flex-direction:column;gap:2px}.studio-nav{width:100%;height:40px;border:0;background:transparent;color:#c9c9d0;border-radius:5px;text-align:left;padding:0 10px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.studio-nav span{width:18px;color:#8f8f99}.studio-nav:hover,.studio-nav.active{background:#2a2a30;color:#fff}.studio-nav.active{box-shadow:inset 3px 0 var(--bz-green)}.studio-nav.active span{color:var(--bz-green)}.studio-side-footer{margin-top:auto;padding:10px}.studio-side-footer a{font-size:11px;color:#9999a2}.creator-studio-main{min-width:0;padding:26px 30px 60px;max-width:1500px;width:100%}.platform-creator-heading{margin-bottom:18px}.platform-creator-heading .page-title{font-size:30px}.creator-overview-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.creator-overview-card{padding:14px 15px;background:#18181b;border:1px solid #29292f;border-radius:7px;display:flex;flex-direction:column;gap:4px}.creator-overview-card span{font-size:10px;color:#9f9faa;text-transform:uppercase;font-weight:800;letter-spacing:.05em}.creator-overview-card strong{font-size:19px}.live-text{color:#7dff00}.offline-text{color:#aaa}.creator-tab-pane .panel{border-radius:7px;background:#18181b;border-color:#29292f}.creator-tab-pane .dashboard-grid{gap:12px}.media-upload-card,.custom-panel-editor,.reward-admin-card,.redemption-admin-row,.emote-admin-card{border-radius:6px}

@media(max-width:1350px){.horizontal-channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.platform-stream-layout{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:1120px){:root{--sidebar-w:70px}.platform-sidebar .side-link span:last-child,.platform-sidebar .side-title,.side-channel-copy,.side-channel-live,.sidebar-empty,.sidebar-signin{display:none}.platform-sidebar .side-link{justify-content:center}.side-channel{display:flex;justify-content:center;padding:5px}.side-channel-avatar{width:34px;height:34px}.horizontal-channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.featured-stream{grid-template-columns:minmax(0,1.5fr) minmax(270px,.6fr)}.platform-stream-layout{grid-template-columns:minmax(0,1fr)}.platform-chat{min-height:460px;border-left:0;border-top:1px solid #29292f}.platform-chat .chat-log{max-height:420px}.channel-detail-grid{grid-template-columns:1fr}.schedule-panel{position:static}.creator-overview-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.desktop-primary-nav{display:none}.topbar-left{min-width:auto}.global-search{max-width:none}.platform-topbar .brand{width:150px;min-width:150px}.platform-topbar .brand-logo{width:150px}.hide-small{display:none!important}.platform-main{padding:18px}.horizontal-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-brand{grid-template-columns:1fr}.feature-camera-mark{display:none}.featured-stream{grid-template-columns:1fr}.featured-video{min-height:260px}.featured-details{display:none}.creator-studio-layout{grid-template-columns:72px minmax(0,1fr)}.creator-studio-sidebar{padding:10px 5px}.creator-studio-brand strong,.creator-studio-brand span,.studio-nav:not(.active){font-size:0}.studio-nav{justify-content:center;padding:0}.studio-nav span{font-size:14px;width:auto}.studio-nav.active{font-size:0}.studio-side-footer{display:none}.creator-studio-main{padding:20px 18px}.stream-info-bar{grid-template-columns:44px minmax(0,1fr)}.stream-action-stack{grid-column:1/-1}.channel-profile-header{margin:15px}.channel-detail-grid{padding:15px}}
@media(max-width:620px){:root{--sidebar-w:0px}.platform-sidebar{display:none}.platform-layout{display:block}.platform-topbar{padding:0 7px}.platform-topbar .brand{width:118px;min-width:118px}.platform-topbar .brand-logo{width:118px;height:38px}.global-search{margin-left:auto}.global-search input{display:none}.global-search{flex:0 0 38px}.global-search button{width:38px;border-radius:6px}.profile-name,.profile-trigger>svg{display:none}.notification-popover{right:8px}.message-popover{right:8px}.platform-main{padding:14px 10px 35px}.horizontal-channel-grid{grid-template-columns:1fr 1fr;gap:10px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.feature-brand{min-height:260px}.feature-copy{padding:25px 20px}.feature-copy h1{font-size:35px}.home-feature{min-height:260px}.signin-discovery{align-items:flex-start;flex-direction:column}.stream-info-bar{padding:10px}.stream-action-stack{overflow:auto}.channel-profile-header{margin:10px}.channel-cover-mini{height:100px}.channel-profile-content{padding:0 10px 9px}.channel-detail-grid{padding:10px}.creator-studio-layout{display:block}.creator-studio-sidebar{position:static;width:100%;height:auto;display:block;padding:5px;overflow:auto}.creator-studio-brand,.studio-side-footer{display:none}.creator-studio-sidebar nav{display:flex;flex-direction:row;overflow:auto}.studio-nav,.studio-nav.active,.studio-nav:not(.active){font-size:10px!important;min-width:max-content;width:auto;padding:0 10px}.studio-nav span{font-size:11px}.creator-overview-strip{grid-template-columns:1fr 1fr}.creator-studio-main{padding:14px 10px}.creator-overview-card{padding:10px}.creator-overview-card strong{font-size:15px}}


/* v1.2.1 channel layout hotfix */
.twitch-channel-page{--platform-chat-w:340px}
.channel-profile-header,.channel-detail-grid{position:relative;z-index:1}
.platform-chat{position:relative;z-index:2}
@media(min-width:1121px){
  .channel-profile-header,.channel-detail-grid{margin-right:var(--platform-chat-w)}
}
@media(min-width:1351px){
  .twitch-channel-page{--platform-chat-w:350px}
}


/* ============================================================
   v1.2.2 CHANNEL PAGE POLISH
   Compact major-platform spacing with original BoomerZ.TV styling.
   ============================================================ */
.twitch-channel-page{--platform-chat-w:316px}
@media(min-width:1351px){.twitch-channel-page{--platform-chat-w:320px}}
@media(min-width:1121px) and (max-width:1350px){.twitch-channel-page{--platform-chat-w:300px}}
@media(min-width:1121px){
  .platform-stream-layout{grid-template-columns:minmax(0,1fr) var(--platform-chat-w)}
  .channel-profile-header,.channel-detail-grid{margin-right:var(--platform-chat-w)}
}

/* 1. tighter chat rail and controls */
.platform-chat{overflow:hidden;background:#18181b;border-left-color:#303036;grid-template-rows:38px minmax(230px,1fr) auto auto}
.platform-chat .chat-head{height:38px;padding:0 10px;font-size:10px;letter-spacing:.035em;background:#18181b}
.platform-chat .chat-status{font-size:9px;letter-spacing:.04em}
.platform-chat .chat-log{padding:9px 10px;min-height:230px;max-height:calc(100vh - 226px);scrollbar-width:thin}
.platform-chat .chat-message{font-size:12.5px;line-height:1.38;margin:6px 0}
.platform-chat .chat-emote{width:26px;height:26px}
.platform-chat .chat-community-bar{padding:6px 8px;gap:6px;background:#18181b;border-top-color:#2b2b31}
.platform-chat .chat-tool-actions{gap:4px}
.platform-chat .community-tool{min-height:30px;height:30px;padding:4px 7px;border-radius:6px;font-size:10.5px;background:#242429;border-color:#34343b}
.platform-chat .points-tool{max-width:170px;gap:5px}
.platform-chat .points-gem{width:20px;height:20px;border-radius:5px;font-size:8px;flex:0 0 auto}
.platform-chat .chat-form{padding:7px 8px 8px;background:#18181b;border-top-color:#2b2b31}
.platform-chat .chat-identity{font-size:9.5px;margin:0 0 5px;color:#8f8f99}
.platform-chat .form-row{grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center}
.platform-chat .chat-form input{height:36px;padding:0 9px;margin:0;border-radius:6px;background:#242429;border-color:#3a3a42;font-size:11.5px}
.platform-chat .chat-form .btn{height:36px;min-width:43px;padding:0 10px;border-radius:6px;font-size:10.5px}
.platform-chat .community-drawer{left:6px;right:6px;bottom:96px;max-height:330px;padding:10px;border-radius:8px}

/* 2. improved offline presentation */
.creator-offline{isolation:isolate;background:#070709;overflow:hidden}
.creator-offline.has-offline-art .offline-image{filter:saturate(.88) brightness(.72)}
.creator-offline .offline-shade{background:linear-gradient(180deg,rgba(5,5,8,.15),rgba(5,5,8,.76)),radial-gradient(circle at 50% 45%,transparent 0 20%,rgba(0,0,0,.35) 70%)}
.offline-state-card{width:min(420px,calc(100% - 36px));padding:17px 22px 16px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(15,15,19,.78);box-shadow:0 20px 55px rgba(0,0,0,.42);backdrop-filter:blur(8px)}
.offline-status-pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;margin-bottom:8px;border-radius:999px;background:#2a2a30;color:#c9c9cf;font-size:9px;font-weight:900;letter-spacing:.08em}
.offline-status-pill span{width:6px;height:6px;border-radius:50%;background:#8b8b94;box-shadow:0 0 0 3px rgba(139,139,148,.12)}
.offline-brand-icon{width:48px;height:48px;margin:0 auto 8px;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--channel-accent,#7dff00) 24%,transparent))}
.offline-title{font-size:19px;font-weight:900;letter-spacing:-.02em}
.offline-state-card p{max-width:360px;margin:6px auto 0;color:#c2c2c9;font-size:11.5px;line-height:1.45}
.offline-subline{margin-top:10px;color:#8e8e98;font-size:9.5px;font-weight:700}

/* 3. refined follow/message/share action group */
.stream-action-stack{display:flex;align-items:center;gap:6px;padding-top:1px}
.stream-action-stack .stream-action-btn{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border-radius:6px;font-size:11px;line-height:1;box-shadow:none;white-space:nowrap}
.stream-action-icon{display:inline-grid;place-items:center;width:14px;font-size:13px;line-height:1}
.follow-action{min-width:84px;background:var(--channel-accent,var(--bz-green))!important;color:#09090b!important}
.follow-action:hover{filter:brightness(1.06)}
.follow-action.following{background:#2a2a30!important;color:#efeff1!important;border:1px solid #3a3a42!important}
.follow-action.following .stream-action-icon{color:var(--channel-accent,var(--bz-green))}
.stream-action-stack .btn-quiet{background:#2a2a30;border:1px solid transparent}
.stream-action-stack .btn-quiet:hover{background:#35353c}
.share-action{padding-left:10px!important;padding-right:10px!important}

/* 4. cleaner creator profile section under the player */
.channel-profile-header{margin:14px 16px 0;border-radius:7px;background:#18181b;box-shadow:0 1px 0 #2b2b31;overflow:hidden}
.channel-cover-mini{height:88px;background:linear-gradient(115deg,color-mix(in srgb,var(--channel-accent2,#a020f0) 28%,#17171b),#17171b 52%,color-mix(in srgb,var(--channel-accent,#7dff00) 18%,#17171b))}
.channel-cover-overlay{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.58))}
.channel-profile-content{min-height:58px;align-items:flex-end;gap:11px;padding:0 13px 9px;margin-top:-24px}
.channel-profile-content .channel-avatar-lg{width:62px;height:62px;border-width:3px;border-color:#18181b;outline-width:2px;box-shadow:0 0 15px color-mix(in srgb,var(--channel-accent,#7dff00) 18%,transparent)}
.channel-profile-copy{min-width:0;padding-bottom:0}
.channel-profile-copy .channel-name-row{gap:6px}
.channel-profile-copy .channel-name-row h2{font-size:18px;line-height:1.1;letter-spacing:-.025em}
.channel-profile-copy .verified-badge{font-size:7px;padding:3px 5px;border-radius:4px}
.channel-profile-copy p{max-width:760px;margin:2px 0 4px;color:#bdbdc5;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.channel-profile-meta{display:flex;align-items:center;gap:6px;color:#94949e;font-size:9.5px;white-space:nowrap}
.channel-profile-meta b{color:#dedee3}
.profile-meta-dot{color:#5d5d64}
.channel-mini-status{display:inline-flex;align-items:center;height:17px;padding:0 6px;border-radius:999px;font-size:7.5px;font-weight:900;letter-spacing:.06em}
.channel-mini-status.is-live{background:rgba(233,25,22,.16);color:#ff6866}
.channel-mini-status.is-offline{background:#29292f;color:#9b9ba4}
.platform-channel-tabs{height:36px;padding:0 8px;border-top-color:#29292f}
.platform-channel-tabs .channel-tab{height:36px;padding:0 10px;font-size:10.5px}
.channel-detail-grid{gap:14px;padding:14px 16px 44px}
.channel-detail-grid .panel{padding:17px;margin-bottom:14px}
.channel-detail-grid .panel h2,.channel-detail-grid .panel h3{margin-bottom:10px}
.channel-detail-grid .channel-bio{font-size:12px;line-height:1.55}
.channel-detail-grid .creator-panel-grid{gap:10px}
.channel-detail-grid .creator-about-panel{padding:15px}
.channel-socials{margin-top:12px;gap:6px}
.channel-social{padding:6px 9px;font-size:10.5px}
.public-schedule-row{grid-template-columns:95px 120px 1fr;gap:8px;padding:10px 11px;font-size:11px}

@media(max-width:1120px){
  .platform-chat{min-height:420px}
  .platform-chat .chat-log{max-height:360px}
  .channel-profile-header{margin:12px}
  .channel-detail-grid{padding:12px}
}
@media(max-width:700px){
  .stream-info-bar{grid-template-columns:42px minmax(0,1fr);padding:10px 11px}
  .stream-action-stack{grid-column:1/-1;width:100%;overflow:auto;padding-top:4px}
  .stream-action-stack .stream-action-btn{flex:0 0 auto}
  .channel-cover-mini{height:72px}
  .channel-profile-content{margin-top:-20px;padding:0 10px 8px}
  .channel-profile-content .channel-avatar-lg{width:54px;height:54px}
  .channel-profile-copy p{max-width:72vw}
  .channel-profile-meta{overflow:hidden;text-overflow:ellipsis}
  .offline-state-card{padding:14px 16px}
}


/* ============================================================
   v1.3 LIVE EXPERIENCE + RICH CHAT COMPOSER
   ============================================================ */
/* Rich emote composer: viewers see actual custom emotes before sending. */
.platform-chat .composer-row{grid-template-columns:minmax(0,1fr) auto;align-items:end}
.platform-chat .chat-composer{min-height:38px;max-height:92px;overflow-y:auto;padding:8px 9px;border:1px solid #3a3a42;border-radius:6px;background:#242429;color:#efeff1;font-size:12px;line-height:22px;outline:none;white-space:pre-wrap;word-break:break-word;cursor:text}
.platform-chat .chat-composer:focus{border-color:var(--channel-accent,var(--bz-green));box-shadow:0 0 0 2px color-mix(in srgb,var(--channel-accent,var(--bz-green)) 14%,transparent)}
.platform-chat .chat-composer:empty:before{content:attr(data-placeholder);color:#85858f;pointer-events:none}
.platform-chat .chat-composer.is-disabled{cursor:not-allowed;opacity:.62}
.composer-emote{width:28px;height:28px;object-fit:contain;vertical-align:middle;margin:0 2px;user-select:none}

/* Custom live player. No scrub/rewind control is intentionally exposed. */
.bz-live-player{position:absolute;inset:0;background:#000;overflow:hidden;isolation:isolate}
.bz-live-player video{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.video-state-layer{position:absolute;top:12px;left:12px;right:12px;z-index:4;display:flex;align-items:center;gap:8px;pointer-events:none}
.video-live-badge{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:4px;background:#e91916;color:#fff;font-size:10px;font-weight:950;letter-spacing:.06em}
.video-status{padding:4px 7px;border-radius:4px;background:rgba(0,0,0,.62);color:#d6d6dd;font-size:9px;font-weight:800}.video-status[data-state="ok"]{color:#b9ff82}.video-status[data-state="warn"]{color:#ffe28d}.video-status[data-state="error"]{color:#ff8d9a}
.video-spinner{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none}.video-spinner[hidden]{display:none}.video-spinner span{width:38px;height:38px;border:3px solid rgba(255,255,255,.22);border-top-color:var(--channel-accent,var(--bz-green));border-radius:50%;animation:bzspin .75s linear infinite}@keyframes bzspin{to{transform:rotate(360deg)}}
.video-controls-wrap{position:absolute;z-index:5;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 12px 10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.88));opacity:0;transition:opacity .16s ease}.bz-live-player:hover .video-controls-wrap,.video-controls-wrap:focus-within{opacity:1}
.video-controls-left,.video-controls-right{display:flex;align-items:center;gap:6px;min-width:0}
.video-control-btn{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#fff;cursor:pointer}.video-control-btn:hover{background:rgba(255,255,255,.14)}.video-control-btn svg{width:19px;height:19px;fill:currentColor}
.video-volume{width:82px;accent-color:var(--channel-accent,var(--bz-green))}
.go-live-btn{height:28px;display:flex;align-items:center;gap:5px;border:0;border-radius:4px;padding:0 7px;background:rgba(255,255,255,.11);color:#fff;font-size:9px;font-weight:900;cursor:pointer}.go-live-btn span{width:7px;height:7px;border-radius:50%;background:#e91916}.go-live-btn:hover{background:rgba(255,255,255,.18)}
.live-delay{font-size:9px;color:#c3c3ca;font-weight:800;min-width:34px}
.quality-control{height:32px;display:flex;align-items:center;gap:6px;padding:0 7px;border-radius:5px;background:rgba(0,0,0,.55);color:#cfcfd6;font-size:9px;font-weight:800}.quality-control select{height:26px;max-width:94px;border:0;background:#242429;color:#fff;border-radius:4px;padding:0 5px;font-size:10px;outline:none}

/* Theater view, keeps video + chat and removes page chrome. */
.channel-theater .platform-topbar,.channel-theater .platform-sidebar,.channel-theater .channel-profile-header,.channel-theater .channel-detail-grid,.channel-theater .stream-info-bar{display:none!important}
.channel-theater .platform-layout{display:block;padding-top:0!important}.channel-theater .twitch-channel-page{min-height:100vh}.channel-theater .platform-stream-layout{grid-template-columns:minmax(0,1fr) var(--platform-chat-w)!important;height:100vh;margin:0}.channel-theater .platform-player{height:100vh;max-height:none;aspect-ratio:auto}.channel-theater .platform-chat{height:100vh;max-height:none}.channel-theater .platform-chat .chat-log{max-height:none}

/* Slightly more mature channel tabs/control rhythm. */
.platform-channel-tabs{gap:2px}.platform-channel-tabs .channel-tab{min-width:54px;font-weight:800;letter-spacing:.01em}.platform-channel-tabs .channel-tab.active{color:var(--channel-accent,var(--bz-green))}

@media(max-width:1120px){.video-controls-wrap{opacity:1}.channel-theater .platform-stream-layout{display:grid;grid-template-columns:1fr!important;height:auto}.channel-theater .platform-player{height:auto;aspect-ratio:16/9}.channel-theater .platform-chat{height:440px}.channel-theater .platform-topbar{display:flex!important}.channel-theater .platform-layout{padding-top:var(--topbar-h)!important}.video-volume{width:64px}}
@media(max-width:620px){.video-state-layer{top:7px;left:7px}.video-controls-wrap{padding:18px 6px 6px;gap:4px}.video-control-btn{width:30px;height:30px}.video-volume,.live-delay,.quality-control>span{display:none}.quality-control{padding:0 4px}.quality-control select{max-width:78px}.go-live-btn{padding:0 5px}.composer-emote{width:26px;height:26px}}


/* v1.3.1 source-quality + volume-state polish */
.video-volume{appearance:auto;cursor:pointer}
.video-volume:disabled{opacity:.45}
.quality-control select{min-width:76px;max-width:110px}
.video-status[data-state="warn"]{color:#ffe28d}


/* =========================================================
   BoomerZ.TV v1.4 platform UX overhaul
   Familiar major-platform structure, original BoomerZ skin.
   ========================================================= */
:root{--bz-chat-w:332px;--bz-surface:#18181b;--bz-surface2:#1f1f23;--bz-border:#303038;--bz-text:#efeff1;--bz-sub:#adadb8}
.platform-topbar{height:50px;min-height:50px}.platform-sidebar{top:50px;height:calc(100vh - 50px)}
.twitch-channel-page{background:#0e0e10}.platform-stream-layout{grid-template-columns:minmax(0,1fr) var(--bz-chat-w)}.platform-player{max-height:none;min-height:360px}.platform-chat{background:#18181b;border-left:1px solid #2c2c31}
.twitch-chat-head{display:grid!important;grid-template-columns:34px 1fr 70px;align-items:center;text-align:center;height:48px!important;border-bottom:1px solid #303038;padding:0 6px!important}.twitch-chat-head strong{font-size:12px;letter-spacing:.03em}.chat-head-actions{display:flex;justify-content:flex-end;gap:2px}.chat-head-icon{width:30px;height:30px;border:0;background:transparent;color:#d7d7dc;border-radius:5px;font-size:17px;cursor:pointer}.chat-head-icon:hover{background:#2a2a30}.chat-pinned{display:flex;gap:9px;padding:10px 12px;background:#202024;border-bottom:1px solid #303038}.chat-pinned .pin-icon{color:var(--channel-accent,var(--bz-green));font-size:13px}.chat-pinned div{display:flex;flex-direction:column;gap:2px}.chat-pinned b{font-size:11px}.chat-pinned small{font-size:10px;color:#adadb8;line-height:1.3}.chat-log{padding:8px 9px!important}.chat-message{position:relative;padding:4px 30px 4px 2px!important;line-height:1.38}.chat-time{font-size:10px;color:#8d8d96;margin-right:5px}.chat-hover-tools{position:absolute;right:2px;top:1px;opacity:0;padding:2px 4px;background:#2a2a30;border-radius:4px;color:#bdbdc6;font-size:11px}.chat-message:hover .chat-hover-tools{opacity:1}.chat-composer{min-height:38px!important;border-radius:6px!important;background:#0e0e10!important}.composer-row{display:grid!important;grid-template-columns:1fr!important}.chat-send-row{display:flex;justify-content:flex-end;gap:5px;margin-top:6px}.chat-compose-icon{border:0;background:transparent;color:#d7d7dd;font-size:17px}.chat-form{padding:8px!important}.chat-community-bar{padding:7px 8px!important;border-top:1px solid #303038}.community-tool{height:29px!important}
.twitch-stream-info{padding:12px 16px!important;background:#0e0e10}.twitch-action-row{gap:6px!important;align-items:center!important}.twitch-action-row .btn{height:34px!important;padding:0 11px!important;border-radius:5px!important}.btn-support{background:linear-gradient(135deg,var(--channel-accent2,#a020f0),#7d2cff);border:0;color:white;font-weight:850}.btn-support:hover{filter:brightness(1.08)}.more-action{font-size:20px!important;padding:0 10px!important}.stream-title-row h1{font-size:15px!important}.stream-channel-avatar{width:44px!important;height:44px!important}.stream-info-bar{grid-template-columns:46px minmax(0,1fr) auto!important}
.twitch-profile-nav{margin:0!important;border-radius:0!important;background:#0e0e10!important;overflow:visible!important}.twitch-profile-nav .compact-channel-profile{padding:10px 16px 3px!important;margin:0!important;min-height:54px}.twitch-profile-nav .channel-avatar-lg{width:50px!important;height:50px!important}.platform-channel-tabs{height:44px!important;background:#0e0e10!important;border-top:0!important;border-bottom:1px solid #303038!important;padding:0 13px!important;position:sticky;top:50px;z-index:8}.platform-channel-tabs .channel-tab{height:44px!important;padding:0 12px!important;font-size:12px!important}.channel-home-feed{padding:20px 28px 60px;max-width:1500px;margin:auto}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:12px}.section-title-row h2,.clips-section h2,.recent-category-section h2,.goals-column h2{font-size:16px;margin:0}.section-title-row p{margin:3px 0 0;color:#9c9ca6;font-size:11px}.clips-section{margin-bottom:28px}.clips-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;overflow:hidden}.clip-placeholder{min-width:0}.clip-preview{aspect-ratio:16/9;background:linear-gradient(135deg,#241231,#12131a);border:2px solid color-mix(in srgb,var(--channel-accent2,#a020f0) 70%,#303038);position:relative;display:grid;place-items:center;overflow:hidden}.clip-preview:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(125,255,0,.13),transparent 35%)}.clip-preview span{position:absolute;top:6px;left:6px;background:#0e0e10;color:#fff;font-size:9px;padding:2px 4px}.clip-preview div{font-size:11px;color:#a5a5af;text-align:center;padding:15px}.clip-placeholder strong{display:block;font-size:11px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-placeholder small{font-size:9px;color:#90909a}.recent-category-section{margin:24px 0 30px}.recent-category-card{width:132px}.category-art-mini{height:175px;background:linear-gradient(145deg,var(--channel-accent2,#a020f0),#111 65%,var(--channel-accent,#7dff00));display:grid;place-items:center;font-size:54px;font-weight:1000;color:#fff;border-radius:3px}.recent-category-card strong{display:block;margin-top:6px;font-size:12px}.recent-category-card small{font-size:10px;color:#9a9aa3}.about-goals-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr);gap:14px;align-items:start}.twitch-about-card{background:#18181b!important;border:0!important;border-radius:5px!important;padding:16px!important}.about-follow-count{font-size:11px;margin:5px 0 12px}.goals-column{display:flex;flex-direction:column;gap:8px}.goals-column h2{margin-bottom:2px}.goal-card{display:grid;grid-template-columns:38px 1fr;gap:9px;background:#18181b;padding:10px;border-radius:5px}.goal-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2a2a30;color:var(--channel-accent2,#a020f0);font-size:17px}.goal-card strong,.goal-card span{display:block}.goal-card strong{font-size:11px}.goal-card span{font-size:10px;margin:2px 0 6px}.goal-track{height:7px;background:#37373d;border-radius:99px;overflow:hidden}.goal-track i{display:block;height:100%;background:linear-gradient(90deg,var(--channel-accent2,#a020f0),var(--channel-accent,#7dff00))}.schedule-full{margin-top:30px}.empty-media-state{padding:26px;background:#18181b;color:#9c9ca6;border-radius:5px;text-align:center;font-size:11px}
/* Offline creator home */
.is-offline-channel .twitch-profile-nav{margin-top:0!important}.offline-channel-home{background:#0e0e10}.offline-hero{min-height:335px;position:relative;background:radial-gradient(circle at 30% 20%,rgba(160,32,240,.45),transparent 36%),linear-gradient(115deg,#24112f,#0c1114 60%,#16340e);background-size:cover;background-position:center;display:grid;grid-template-columns:minmax(330px,.7fr) minmax(380px,.8fr);gap:12px;align-items:center;padding:36px max(32px,9vw)}.offline-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.05),rgba(0,0,0,.22))}.offline-feature-card,.offline-feature-preview{position:relative;z-index:2}.offline-feature-card{background:#f0eff1;color:#0e0e10;padding:24px;max-width:360px;min-height:195px;display:flex;flex-direction:column;justify-content:center}.offline-kicker{background:#111;color:#fff;font-size:9px;font-weight:900;width:max-content;padding:3px 6px}.offline-feature-card h1{font-size:25px;margin:8px 0 4px}.offline-feature-card p{margin:0;font-size:15px;line-height:1.25}.offline-alert-copy{margin-top:auto;font-size:10px}.offline-feature-preview{aspect-ratio:16/9;background:#0e0e10;box-shadow:0 15px 40px rgba(0,0,0,.35);overflow:hidden}.offline-feature-preview img{width:100%;height:100%;object-fit:cover}.offline-preview-badge{position:absolute;left:10px;top:10px;background:#18181b;color:#fff;padding:4px 6px;font-size:9px;font-weight:900}.offline-preview-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;color:#fff;background:linear-gradient(135deg,#201028,#101014)}.offline-preview-fallback img{width:54px;height:54px;object-fit:contain}.offline-preview-fallback span{font-size:10px;color:#aaa}.offline-identity-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 28px;background:#0e0e10;border-bottom:1px solid #303038}.offline-identity-row .channel-avatar-lg{width:54px!important;height:54px!important;margin:0!important}.offline-identity-row h1{font-size:19px;margin:0}.offline-identity-row>div:nth-child(2)>span{font-size:10px;color:#aaa}.offline-chat-wrap{margin-top:30px}.offline-channel-chat{height:520px!important;border:1px solid #303038!important;max-width:450px;margin-left:auto}.offline-channel-chat .chat-log{min-height:280px!important}
/* Account/profile menu */
.bz-account-menu{width:245px!important;padding:6px 0!important}.profile-summary{padding:9px 11px!important}.profile-menu-group{padding:5px 0;border-top:1px solid #34343a}.profile-menu-group:first-of-type{border-top:0}.profile-menu-group a,.profile-menu-group button{display:grid!important;grid-template-columns:22px 1fr auto;align-items:center;width:100%;min-height:34px;padding:0 10px!important;border:0!important;background:transparent!important;color:#e8e8ed!important;text-decoration:none;font-size:11px!important;text-align:left;border-radius:0!important}.profile-menu-group a:hover,.profile-menu-group button:hover{background:#303035!important}.profile-menu-group a span,.profile-menu-group button span{font-size:13px;color:#c7c7cf}.profile-theme-toggle i{width:26px;height:15px;border-radius:99px;background:#4a4a51;justify-self:end;position:relative}.profile-theme-toggle i:after{content:'';position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;top:2px;left:2px}.bz-light-theme .profile-theme-toggle i{background:var(--bz-purple)}.bz-light-theme .profile-theme-toggle i:after{left:13px}.profile-menu-last{padding-bottom:3px}
/* Settings workspace */
.settings-page{padding:0!important}.settings-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 50px)}.settings-nav{background:#18181b;border-right:1px solid #303038;padding:24px 10px;position:sticky;top:50px;height:calc(100vh - 50px)}.settings-nav h1{font-size:21px;margin:0 10px 16px}.settings-nav button{width:100%;height:38px;border:0;background:transparent;color:#bcbcc5;text-align:left;padding:0 10px;border-radius:4px;font-size:11px}.settings-nav button:hover,.settings-nav button.active{background:#2a2a30;color:#fff}.settings-nav button.active{box-shadow:inset 3px 0 var(--bz-green)}.settings-content{padding:34px;max-width:950px}.settings-panel{display:none}.settings-panel.active{display:block}.settings-panel-head{border-bottom:1px solid #303038;padding-bottom:16px;margin-bottom:18px}.settings-panel-head h2{font-size:24px;margin:0 0 5px}.settings-panel-head p{font-size:11px;color:#a4a4ad}.settings-card{background:#18181b;border:1px solid #303038;border-radius:6px;padding:18px;margin-bottom:12px}.settings-card h3{font-size:13px;margin:0 0 13px}.settings-switch-row,.settings-info-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid #2d2d33}.settings-switch-row span{display:flex;flex-direction:column}.settings-switch-row small{font-size:10px;color:#999}.settings-info-row{font-size:11px}.feature-prep-card{display:flex;gap:15px;align-items:flex-start}.feature-prep-icon{font-size:28px;color:var(--bz-green)}
/* Light option */
.bz-light-theme body,.bz-light-theme .platform-main,.bz-light-theme .twitch-channel-page,.bz-light-theme .twitch-profile-nav,.bz-light-theme .platform-channel-tabs,.bz-light-theme .stream-info-bar{background:#f5f5f7!important;color:#111}.bz-light-theme .platform-topbar,.bz-light-theme .platform-sidebar,.bz-light-theme .platform-chat,.bz-light-theme .settings-nav,.bz-light-theme .settings-card,.bz-light-theme .twitch-about-card,.bz-light-theme .goal-card{background:#fff!important;color:#111}.bz-light-theme .platform-sidebar,.bz-light-theme .platform-topbar,.bz-light-theme .platform-chat,.bz-light-theme .settings-card{border-color:#ddd!important}.bz-light-theme .side-link,.bz-light-theme .top-nav-link,.bz-light-theme .chat-message,.bz-light-theme .chat-head-icon{color:#222!important}.bz-light-theme .chat-composer{background:#efeff1!important;color:#111!important}.bz-light-theme .profile-popover{background:#fff!important}.bz-light-theme .profile-menu-group a,.bz-light-theme .profile-menu-group button{color:#111!important}
@media(max-width:1350px){:root{--bz-chat-w:310px}.clips-row{grid-template-columns:repeat(4,minmax(0,1fr))}.clip-placeholder:nth-child(5){display:none}}
@media(max-width:1120px){.platform-stream-layout{grid-template-columns:1fr}.platform-chat{height:480px}.clips-row{grid-template-columns:repeat(3,minmax(0,1fr))}.clip-placeholder:nth-child(n+4){display:none}.about-goals-grid{grid-template-columns:1fr}.offline-hero{grid-template-columns:1fr;padding:30px}.offline-feature-preview{max-width:620px}.offline-identity-row{grid-template-columns:auto 1fr}.offline-identity-row .twitch-action-row{grid-column:1/-1}.settings-shell{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:720px){.channel-home-feed{padding:14px 10px 40px}.clips-row{grid-template-columns:1fr 1fr}.clip-placeholder:nth-child(n+3){display:none}.offline-hero{min-height:300px;padding:18px 12px}.offline-feature-card{min-height:160px}.offline-identity-row{padding:10px}.platform-channel-tabs{overflow:auto}.settings-shell{display:block}.settings-nav{position:static;height:auto;display:flex;overflow:auto;padding:7px}.settings-nav h1{display:none}.settings-nav button{min-width:max-content}.settings-content{padding:18px 10px}.twitch-action-row{overflow:auto}}

/* v1.5 Support Payments */
.support-modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:20px}.support-modal{width:min(460px,100%);background:#18181b;border:1px solid #34343c;border-radius:14px;box-shadow:0 28px 90px rgba(0,0,0,.55),0 0 45px rgba(160,32,240,.18);padding:26px;position:relative}.support-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#aaa;font-size:28px}.support-star{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--bz-purple),var(--bz-green));font-size:24px;color:#08080b}.support-modal h2{margin:12px 0 4px}.support-modal p,.support-modal small{color:#aaa}.support-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.support-presets button{background:#29292f;color:#fff;border:1px solid #3a3a42;border-radius:7px;padding:10px;font-weight:900}.support-presets button:hover{border-color:var(--bz-green)}.support-modal label{display:grid;gap:6px;margin:12px 0;font-size:12px;font-weight:800}.support-modal input,.support-modal textarea{background:#0e0e10;color:#fff;border:1px solid #35353c;border-radius:7px;padding:11px}.support-modal textarea{min-height:78px;resize:vertical}.support-checkout{width:100%;margin:8px 0}.support-error{min-height:20px;color:#ff6d7d;font-size:12px}.support-message{border-left:3px solid var(--bz-green);background:linear-gradient(90deg,rgba(125,255,0,.08),transparent)!important}.support-spark{font-size:10px;font-weight:1000;letter-spacing:.08em;color:var(--bz-green);margin-bottom:3px}.btn-support:disabled{opacity:.4;cursor:not-allowed}.btn-support:not(:disabled){background:linear-gradient(135deg,rgba(160,32,240,.28),rgba(125,255,0,.12));border-color:rgba(125,255,0,.35)}
@media(max-width:620px){.support-presets{grid-template-columns:1fr 1fr}}

/* v1.8 Creator-Controlled Support */
.direct-pay-panel{border-color:rgba(125,255,0,.28);box-shadow:inset 0 1px 0 rgba(125,255,0,.04)}
.direct-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 14px}
.direct-pay-grid .field{margin:0}.support-modal-wide{width:min(560px,100%)}
.direct-pay-choices{display:grid;gap:9px;margin:16px 0}.direct-pay-choice{border:1px solid #35353f;background:#111115;border-radius:10px;padding:13px 14px;display:grid;gap:5px;color:#fff;text-decoration:none}.direct-pay-choice:hover{border-color:var(--bz-green);background:#17171c}.direct-pay-choice strong{font-size:15px}.direct-pay-choice span{color:#aaa;font-size:12px}.direct-pay-open,.direct-choice-actions button{font-size:12px;color:var(--bz-green);font-weight:900;text-decoration:none}.direct-choice-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:3px}.direct-choice-actions button{background:#28282f;border:1px solid #3a3a43;border-radius:6px;padding:6px 9px;cursor:pointer}.direct-pay-disclaimer{display:block;margin-top:14px;line-height:1.45}.custom-support-grid{display:grid;gap:10px;margin-top:10px}.custom-support-row{grid-template-columns:minmax(150px,.45fr) minmax(220px,1.55fr)}
@media(max-width:720px){.direct-pay-grid{grid-template-columns:1fr}.custom-support-row{grid-template-columns:1fr}.support-modal-wide{max-height:90vh;overflow:auto}}

/* ============================================================
   BoomerZ.TV v2.0 Creator Command Center
   ============================================================ */
.command-center-shell{min-height:calc(100vh - 58px);background:#08090b}.command-center-main{padding:20px;max-width:none}.command-center-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.command-heading-actions{display:flex;gap:8px}.creator-studio-sidebar .studio-nav span{width:20px;text-align:center}.creator-studio-sidebar .studio-nav.active{background:linear-gradient(90deg,rgba(125,255,0,.17),rgba(160,32,240,.08));border-left-color:#7dff00}.cc-session-bar{display:grid;grid-template-columns:repeat(6,minmax(105px,1fr));border:1px solid #2d3138;background:#14161a;border-radius:8px;overflow:hidden;margin-bottom:12px}.cc-session-bar>div{padding:12px 15px;border-right:1px solid #2d3138;min-height:70px}.cc-session-bar>div:last-child{border-right:0}.cc-session-bar span{display:block;color:#8d96a3;font-size:10px;font-weight:800;letter-spacing:.11em;margin-bottom:7px}.cc-session-bar strong{font-size:18px;color:#f6f7f8}.cc-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.8fr) minmax(280px,.6fr);gap:10px;align-items:start}.cc-left{min-width:0}.cc-widget{background:#15171a;border:1px solid #2b2f35;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.14)}.cc-widget>header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#181b1e;border-bottom:1px solid #2b2f35}.cc-widget>header h3{margin:0;font-size:15px}.cc-widget>header>span{font-size:11px;color:#8f98a4}.cc-popout{color:#aeb6c0;text-decoration:none;font-size:17px;padding:4px 7px}.cc-preview{aspect-ratio:16/9;background:#050607;display:flex;align-items:center;justify-content:center;overflow:hidden}.cc-stream-iframe{width:100%;height:100%;border:0;background:#000}.cc-offline-preview{width:100%;height:100%;object-fit:cover}.cc-preview-offline{display:grid;place-items:center;gap:7px;color:#8d95a0;text-align:center}.cc-preview-offline strong{font-size:28px;color:#7dff00;letter-spacing:.12em}.cc-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.cc-feed{height:235px;overflow:auto;padding:6px}.cc-feed-row{display:flex;gap:10px;padding:9px 8px;border-bottom:1px solid #24272c}.cc-feed-row:last-child{border-bottom:0}.cc-feed-row>div{display:grid;gap:2px;min-width:0}.cc-feed-row b{font-size:12px;color:#eef0f3}.cc-feed-row span{font-size:11px;color:#a4acb6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-feed-row small{font-size:10px;color:#707984}.cc-feed-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#24272c;color:#7dff00;flex:none;font-weight:900}.cc-feed-icon.mod{color:#c153ff}.cc-feed-icon.type-diamonds{color:#62f6ff}.cc-chat-widget{height:calc(100vh - 205px);min-height:610px;display:flex;flex-direction:column}.cc-chat-head-actions{display:flex;gap:4px}.cc-chat-log{flex:1;overflow:auto;padding:10px 9px;background:#101214}.cc-chat-line{padding:4px 5px;line-height:1.42;font-size:13px;color:#dce0e5;word-break:break-word}.cc-chat-time{font-size:10px;color:#6f7781;margin-right:5px}.cc-user-link{appearance:none;border:0;background:none;color:#aa72ff;font:inherit;font-weight:800;padding:0 4px;cursor:pointer}.cc-user-link:hover{text-decoration:underline}.cc-chat-text{color:#e5e8ec}.cc-chat-form{border-top:1px solid #2a2e33;padding:10px;display:grid;grid-template-columns:1fr auto;gap:8px;background:#17191c}.cc-chat-form input{min-width:0}.cc-system-line{margin:7px;padding:8px 10px;border-left:3px solid #7dff00;background:rgba(125,255,0,.08);font-size:12px;color:#dce7d0}.cc-system-line.error{border-left-color:#ff5074;background:rgba(255,80,116,.08);color:#ffd2dc}.cc-event{margin:8px 4px;padding:9px 10px;border-radius:7px;background:rgba(125,255,0,.08);border:1px solid rgba(125,255,0,.18);font-size:12px}.cc-event span{display:block;margin-top:3px;color:#b9c1cb}.cc-event.diamond{background:linear-gradient(90deg,rgba(57,232,255,.10),rgba(160,32,240,.12));border-color:rgba(57,232,255,.28)}.cc-command-hint{position:absolute;z-index:30;bottom:63px;left:10px;right:10px;background:#202329;border:1px solid #3a4048;border-radius:8px;box-shadow:0 16px 40px rgba(0,0,0,.45);padding:6px;max-height:280px;overflow:auto}.cc-command-hint button,.command-picker button{width:100%;display:block;text-align:left;background:transparent;color:#fff;border:0;padding:8px 9px;border-radius:5px;cursor:pointer}.cc-command-hint button:hover,.command-picker button:hover{background:#30343b}.cc-command-hint code,.command-picker code{color:#aaff60}.cc-chat-widget,.mod-chat-widget{position:relative}.cc-right{display:grid;gap:10px}.cc-widget-body{padding:12px}.cc-settings-stack{display:grid;gap:10px}.cc-settings-stack>label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b9c0ca;font-size:12px}.cc-settings-stack select{max-width:120px}.cc-switch-row input{width:17px;height:17px;accent-color:#7dff00}.cc-community-widget{min-height:280px}.cc-participants{max-height:330px;overflow:auto;padding:5px}.cc-participant{width:100%;display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;border:0;background:transparent;color:#fff;padding:8px;border-radius:5px;text-align:left;cursor:pointer}.cc-participant:hover{background:#25292f}.cc-participant>span:nth-child(2){display:grid;min-width:0}.cc-participant b{font-size:12px;overflow:hidden;text-overflow:ellipsis}.cc-participant small{font-size:10px;color:#7e8793;overflow:hidden;text-overflow:ellipsis}.cc-participant em{font-size:8px;color:#7dff00;font-style:normal;font-weight:900;letter-spacing:.1em}.cc-presence-dot{width:7px;height:7px;border-radius:50%;background:#59616b}.cc-presence-dot.chatting{background:#7dff00;box-shadow:0 0 8px rgba(125,255,0,.65)}.cc-widget-footer{padding:9px 11px;border-top:1px solid #2b2f35;font-size:10px;color:#7e8792;display:flex;justify-content:space-between;gap:8px}.cc-widget-footer a{color:#a970ff}.cc-empty{display:grid;place-items:center;min-height:80px;color:#747e8a;text-align:center;font-size:12px;padding:14px}.cc-obs-details{margin-top:10px}.cc-obs-details summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}.cc-obs-details summary span{color:#8d96a1;font-size:12px}.cc-obs-body{padding-top:16px}.cc-toggle-grid{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.cc-command-reference{margin-top:15px;border-top:1px solid #2a2e34;padding-top:12px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.cc-command-reference strong{width:100%;font-size:12px}.cc-command-reference code{padding:5px 7px;border-radius:4px;background:#101214;color:#b6ff77}.cc-command-reference a{margin-left:auto;color:#b477ff;font-size:12px}.analytics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.analytics-toolbar h2{margin:2px 0}.analytics-toolbar select{max-width:180px}.analytics-card-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin:12px 0}.analytics-stat-card{background:#15171b;border:1px solid #2b3036;border-radius:8px;padding:16px}.analytics-stat-card span{display:block;color:#89929d;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:8px}.analytics-stat-card strong{font-size:22px;color:#f7f8fa}.analytics-stat-card.diamond strong{color:#72efff}.analytics-two-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:10px}.analytics-chart{min-height:280px;display:flex;align-items:center;justify-content:center}.analytics-chart svg{width:100%;height:auto;max-height:300px}.chart-axis{stroke:#394049;stroke-width:1}.chart-line{fill:none;stroke:#7dff00;stroke-width:4;filter:drop-shadow(0 0 6px rgba(125,255,0,.35))}.chart-label{fill:#aeb7c2;font-size:15px}.engagement-meter{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px}.engagement-meter>div{grid-column:1/3;height:8px;background:#272c32;border-radius:20px;overflow:hidden}.engagement-meter i{height:100%;display:block;background:linear-gradient(90deg,#7dff00,#a020f0)}.engagement-metric{display:flex;justify-content:space-between;padding:12px;border-top:1px solid #292d33}.engagement-metric span{color:#939ca7}.analytics-session-table{overflow:auto}.analytics-table-head,.analytics-table-row{display:grid;grid-template-columns:2fr 1fr .7fr .7fr .8fr .8fr .8fr .8fr;gap:8px;min-width:860px;padding:10px 12px;align-items:center}.analytics-table-head{color:#7f8894;font-size:10px;font-weight:800;letter-spacing:.08em;border-bottom:1px solid #30343b}.analytics-table-row{font-size:12px;border-bottom:1px solid #25292e}.diamond-creator-hero{display:flex;justify-content:space-between;align-items:center;background:radial-gradient(circle at 90% 50%,rgba(54,227,255,.12),transparent 28%),linear-gradient(135deg,#15171a,#19131f)}.diamond-big{font-size:70px;color:#6eefff;text-shadow:0 0 22px rgba(74,225,255,.5)}.diamond-flow{display:flex;gap:14px;align-items:stretch;margin:18px 0}.diamond-flow>div{flex:1;border:1px solid #30353d;border-radius:8px;padding:16px;display:flex;gap:10px;align-items:center}.diamond-flow b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#7dff00;color:#071006}.diamond-flow i{align-self:center;color:#7dff00}.notice.warning{border-color:rgba(255,183,65,.35);background:rgba(255,183,65,.08)}.diamond-drawer-copy{font-size:12px;color:#9ca5b0;margin-bottom:10px}.diamond-gift-grid,.diamond-pack-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:10px 0}.diamond-gift-grid button,.diamond-pack-grid button{border:1px solid #30363d;background:#171a1e;color:#fff;border-radius:7px;padding:10px;display:grid;gap:2px;text-align:left;cursor:pointer}.diamond-gift-grid button:hover,.diamond-pack-grid button:hover{border-color:#6eefff}.diamond-gift-grid button:disabled{opacity:.35;cursor:not-allowed}.diamond-gift-grid button span,.diamond-pack-grid button span{font-size:10px;color:#87919d}.diamond-message{background:linear-gradient(90deg,rgba(83,229,255,.10),rgba(160,32,240,.11));border-left:3px solid #68eaff!important}.diamond-spark{font-size:9px;color:#68eaff;font-weight:900;letter-spacing:.12em;margin-bottom:4px}.diamond-tool,.diamond-compose{color:#71efff!important}.diamond-return{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,rgba(160,32,240,.18),transparent 35%),#08090b;padding:20px}.diamond-return .panel{text-align:center;max-width:520px}.bz-mod-shell{padding:12px;background:#08090b;min-height:calc(100vh - 56px)}.mod-topbar{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;background:#15171a;border:1px solid #2c3036;border-radius:8px;padding:12px 16px;margin-bottom:10px}.mod-topbar h1{margin:2px 0;font-size:21px}.mod-topbar>div:first-child>span{font-size:11px;color:#858f9a}.mod-top-stats{display:flex;gap:24px}.mod-top-stats div{display:grid;gap:3px}.mod-top-stats span{font-size:9px;color:#77818d;font-weight:800}.mod-top-stats strong{font-size:16px}.mod-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.8fr) minmax(280px,.58fr);grid-template-areas:"preview chat community" "activity chat user" "actions chat user";gap:10px}.mod-preview-widget{grid-area:preview}.mod-chat-widget{grid-area:chat;height:calc(100vh - 145px);display:flex;flex-direction:column}.mod-community-widget{grid-area:community}.mod-grid>section:nth-of-type(3){grid-area:activity}.mod-grid>section:nth-of-type(4){grid-area:actions}.mod-user-widget{grid-area:user}.mod-quick-actions{display:flex;gap:6px;flex-wrap:wrap;padding:8px;border-top:1px solid #2a2e34}.mod-user-card-head{display:flex;align-items:center;gap:10px;padding:12px}.mod-user-card-head img,.mod-user-card-head>span{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#2a2e34;display:grid;place-items:center}.mod-user-card-head h3{margin:0}.mod-user-card-head small{color:#858e99}.mod-user-meta{display:grid;gap:8px;padding:0 12px 12px;font-size:11px;color:#959eaa}.mod-user-meta span{display:flex;justify-content:space-between;border-bottom:1px solid #25292e;padding-bottom:6px}.mod-user-actions{display:flex;gap:6px;flex-wrap:wrap;padding:10px 12px}.mod-user-messages{padding:12px;border-top:1px solid #292d33;max-height:360px;overflow:auto}.mod-user-messages>div{display:grid;grid-template-columns:55px 1fr auto;gap:8px;padding:6px 0;border-bottom:1px solid #23272c;font-size:11px}.mod-user-messages small{color:#6f7883}.chat-rule-list{display:grid;gap:8px;padding:8px 0}.chat-rule-list span{display:flex;justify-content:space-between}.command-picker{display:grid;gap:2px}.system-message{background:rgba(125,255,0,.07)!important}.support-error{padding:12px;border:1px solid #523;background:#211;color:#fcc}
@media(max-width:1450px){.cc-grid,.mod-grid{grid-template-columns:minmax(0,1.5fr) minmax(310px,.75fr);}.cc-right{grid-column:1/3;grid-template-columns:repeat(3,1fr)}.mod-grid{grid-template-areas:"preview chat" "community chat" "activity user" "actions user"}.analytics-card-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){.cc-grid,.mod-grid{display:block}.cc-chat-widget,.mod-chat-widget{height:700px;margin-top:10px}.cc-right{display:grid;grid-template-columns:1fr;margin-top:10px}.cc-lower-grid,.analytics-two-grid{grid-template-columns:1fr}.analytics-card-grid{grid-template-columns:repeat(2,1fr)}.cc-session-bar{grid-template-columns:repeat(3,1fr)}.mod-topbar{grid-template-columns:1fr}.mod-top-stats{justify-content:flex-start}.diamond-flow{display:grid}.diamond-flow i{display:none}}
@media(max-width:720px){.command-center-main{padding:10px}.command-center-heading{align-items:flex-start;gap:10px}.command-heading-actions{display:none}.cc-session-bar{grid-template-columns:repeat(2,1fr)}.cc-lower-grid{grid-template-columns:1fr}.analytics-card-grid{grid-template-columns:1fr 1fr}.analytics-toolbar{display:block}.diamond-gift-grid,.diamond-pack-grid{grid-template-columns:1fr}.mod-top-stats{gap:12px;flex-wrap:wrap}}
.platform-admin-shell{max-width:1400px;margin:0 auto;padding:24px;display:grid;gap:18px}.admin-payout-row{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(240px,1fr) auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border,#2b2d35)}.admin-payout-main,.admin-payout-destination,.admin-payout-actions{display:flex;flex-direction:column;gap:6px}.admin-payout-main strong{font-size:1.05rem}.admin-payout-main span{font-weight:800;color:var(--green,#7dff00)}.admin-payout-main small,.admin-payout-destination span{color:var(--muted,#9ca0ac)}.admin-payout-actions{align-items:flex-end}.admin-payout-actions .btn{min-width:130px}.diamond-payout-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--border,#2b2d35)}.diamond-payout-row>div{display:flex;flex-direction:column;gap:4px}.diamond-payout-row>div:last-child{align-items:flex-end}.diamond-payout-row b{color:var(--green,#7dff00)}.diamond-payout-row small{color:var(--muted,#9ca0ac)}@media(max-width:800px){.admin-payout-row{grid-template-columns:1fr}.admin-payout-actions{align-items:flex-start}}

/* v2.0.1 live preview player */
.cc-preview-player{position:relative;width:100%;height:100%;background:#000;overflow:hidden}.cc-preview-player video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.cc-preview-overlay{position:absolute;left:10px;top:10px;display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:6px;background:rgba(5,6,7,.68);backdrop-filter:blur(5px);color:#d8dde4;font-size:10px;font-weight:800;pointer-events:none}.cc-preview-overlay #ccPreviewStatus[data-state="warn"],.cc-preview-overlay #modPreviewStatus[data-state="warn"]{color:#ffd166}.cc-preview-overlay #ccPreviewStatus[data-state="error"],.cc-preview-overlay #modPreviewStatus[data-state="error"]{color:#ff6d8a}.cc-preview-audio{position:absolute;right:10px;bottom:10px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:rgba(8,9,11,.78);color:#fff;padding:7px 9px;font-size:10px;font-weight:800;cursor:pointer;backdrop-filter:blur(5px)}.cc-preview-audio:hover{border-color:#7dff00;color:#baff7a}

/* v2.0.2 real chat settings */
.platform-chat{--viewer-chat-font:14px}
.platform-chat .chat-message{font-size:var(--viewer-chat-font,14px)}
.platform-chat.chat-pref-hide-times .chat-time{display:none!important}
.platform-chat.chat-pref-hide-badges .chat-badge{display:none!important}
.platform-chat.chat-pref-compact .chat-message{margin:3px 0;line-height:1.28;padding-top:1px;padding-bottom:1px}
.platform-chat.chat-pref-compact .redemption-message,.platform-chat.chat-pref-compact .diamond-message{padding:6px 8px}
.advanced-chat-settings{display:grid;gap:10px;padding-bottom:4px}
.chat-settings-section{border:1px solid #303340;background:#0d0e13;border-radius:10px;padding:11px;display:grid;gap:10px}
.chat-settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid #272a34;padding-bottom:9px}
.chat-settings-section-head>div{display:grid;gap:3px}
.chat-settings-section-head strong{font-size:13px}
.chat-settings-section-head small,.chat-settings-inline small,.chat-settings-toggle-list small,.chat-settings-textarea small{font-size:10px;color:#87909b;line-height:1.35}
.chat-settings-role{font-size:8px;font-weight:1000;letter-spacing:.12em;color:#7dff00;border:1px solid rgba(125,255,0,.28);background:rgba(125,255,0,.08);padding:4px 6px;border-radius:999px}
.chat-settings-toggle-list{display:grid;gap:2px}
.chat-settings-toggle-list>label,.chat-settings-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 4px;border-bottom:1px solid #20232b}
.chat-settings-toggle-list>label:last-child{border-bottom:0}
.chat-settings-toggle-list>label>span,.chat-settings-inline>span{display:grid;gap:2px}
.chat-settings-toggle-list input{width:18px;height:18px;accent-color:#7dff00;flex:0 0 auto}
.chat-settings-inline select,.chat-settings-form-grid select{min-width:120px;background:#171921;border:1px solid #343844;color:#fff;border-radius:6px;padding:8px}
.chat-settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.chat-settings-form-grid>label{display:grid;gap:5px;color:#abb2bc;font-size:11px}
.chat-settings-textarea{display:grid;gap:5px;color:#abb2bc;font-size:11px}
.chat-settings-textarea textarea{width:100%;min-height:72px;resize:vertical;background:#101117;border:1px solid #343844;color:#fff;border-radius:7px;padding:9px;box-sizing:border-box;font:inherit}
.chat-settings-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.chat-settings-status-grid>span{display:grid;gap:2px;background:#14161c;border:1px solid #282c34;border-radius:7px;padding:8px}
.chat-settings-status-grid small{color:#7f8894;font-size:9px;text-transform:uppercase;letter-spacing:.05em}
.chat-settings-status-grid b{font-size:11px;color:#edf2f5}
.chat-settings-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.chat-settings-actions .btn{font-size:11px;padding:8px 10px}
.moderator-chat-settings{border-color:rgba(125,255,0,.22);box-shadow:inset 0 0 0 1px rgba(125,255,0,.03)}
@media(max-width:640px){.chat-settings-form-grid{grid-template-columns:1fr}.chat-settings-status-grid{grid-template-columns:1fr 1fr}.community-drawer{max-height:70vh}}

/* v2.0.3 real Community viewer/chatter drawer */
.community-presence-head .drawer-balance{color:#7dff00;font-size:9px;font-weight:900;letter-spacing:.12em}
.presence-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0 12px}
.presence-summary-grid>div{background:#15171b;border:1px solid #30343b;border-radius:7px;padding:10px;display:grid;gap:3px;min-width:0}
.presence-summary-grid span{font-size:9px;color:#858f9a;text-transform:uppercase;font-weight:900;letter-spacing:.08em}
.presence-summary-grid strong{font-size:19px;color:#fff}
.presence-summary-grid small{font-size:9px;color:#69737f;line-height:1.25}
.presence-anonymous-note{padding:9px 10px;margin:0 0 10px;border:1px solid #30353c;border-radius:6px;background:#111318;color:#89939f;font-size:10px;line-height:1.4}
.presence-anonymous-note b{color:#c8d0d9}
.presence-section{border-top:1px solid #292d33;padding-top:9px;margin-top:9px}
.presence-section-title{display:flex;align-items:center;justify-content:space-between;padding:0 3px 7px}
.presence-section-title strong{font-size:11px;color:#f0f2f4}
.presence-section-title span{min-width:22px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#272b31;color:#aeb7c2;font-size:9px;font-weight:900}
.presence-list{display:grid;gap:2px;max-height:260px;overflow:auto}
.presence-person{width:100%;display:grid;grid-template-columns:8px 30px minmax(0,1fr) auto auto;gap:7px;align-items:center;padding:7px 6px;border:0;border-radius:6px;background:transparent;color:#fff;text-align:left}
.presence-person:hover{background:#23272d}
.presence-person img,.presence-avatar-fallback{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#2c3036;display:grid;place-items:center;font-weight:900;color:#c8ff9a}
.presence-live-dot{width:7px;height:7px;border-radius:50%;background:#65707c}
.presence-live-dot.chatting{background:#7dff00;box-shadow:0 0 8px rgba(125,255,0,.65)}
.presence-person-copy{display:grid;min-width:0;gap:1px}
.presence-person-copy b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.presence-person-copy small{font-size:9px;color:#737d88;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.presence-badges{display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end}
.presence-badges em{font-size:7px;font-style:normal;font-weight:900;color:#c190ff;background:rgba(160,32,240,.14);border:1px solid rgba(160,32,240,.26);border-radius:3px;padding:2px 3px}
.presence-state{font-size:7px;font-weight:900;letter-spacing:.09em;color:#7b8590}
.presence-state.chatting{color:#7dff00}
.presence-empty{padding:16px 9px;color:#737d88;text-align:center;font-size:10px;background:#111318;border-radius:6px}
.presence-footnote{margin-top:11px;padding:9px;border-radius:6px;background:rgba(125,255,0,.05);color:#7d8793;font-size:9px;line-height:1.4}
@media(max-width:520px){.presence-summary-grid{grid-template-columns:1fr}.presence-person{grid-template-columns:8px 30px minmax(0,1fr) auto}.presence-badges{display:none}}

/* v2.0.4 Twitch-style docked channel chat */
.chat-jump-live{position:absolute;right:12px;bottom:112px;z-index:45;border:1px solid #3a3d46;background:#24262d;color:#f4f4f5;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:900;box-shadow:0 6px 18px rgba(0,0,0,.38);cursor:pointer}
.chat-jump-live:hover{border-color:var(--channel-accent,var(--bz-green));color:var(--channel-accent,var(--bz-green))}
.chat-jump-live[hidden]{display:none!important}
@media(min-width:1121px){
  .is-live-channel .platform-stream-layout{grid-template-columns:minmax(0,1fr) var(--platform-chat-w)!important}
  .is-live-channel #streamChat.platform-chat{
    position:fixed!important;
    top:50px!important;
    right:0!important;
    bottom:0!important;
    width:var(--platform-chat-w)!important;
    height:calc(100vh - 50px)!important;
    max-height:none!important;
    min-height:0!important;
    z-index:55!important;
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr) auto auto!important;
    align-self:stretch!important;
    overflow:hidden!important;
    border-top:0!important;
    border-left:1px solid #303038!important;
    box-shadow:-8px 0 22px rgba(0,0,0,.18);
  }
  .is-live-channel #streamChat .chat-head,
  .is-live-channel #streamChat .chat-pinned,
  .is-live-channel #streamChat .chat-community-bar,
  .is-live-channel #streamChat .chat-form{flex:0 0 auto}
  .is-live-channel #streamChat .chat-log{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
  .is-live-channel .channel-profile-header,
  .is-live-channel .channel-detail-grid{margin-right:var(--platform-chat-w)!important}
  .is-live-channel .channel-home-feed{
    box-sizing:border-box;
    max-width:1500px;
    margin-left:auto;
    margin-right:var(--platform-chat-w)!important;
  }
}
@media(max-width:1120px){
  .chat-jump-live{bottom:110px}
}