/* Прямой эфир (эталон р.9) — камера хоста + живой чат + реакции.
   Префикс bc- (не путать с OBS .live-feed-*). Токены берём из :root сайта, с фолбэками. */

/* ===== плашка в канале ===== */
.bc-bar{display:flex;align-items:center;gap:11px;width:100%;max-width:var(--feed-v4-col-text-post,460px);margin:8px auto 12px;padding:10px 13px;border-radius:12px;
  background:var(--s2,#121b28);border:1px solid var(--line,#1f2a3a);position:sticky;top:8px;z-index:40;box-sizing:border-box}
.bc-bar__dot{width:9px;height:9px;flex:none;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 3px rgba(255,59,48,.2);animation:bc-pulse 1.6s ease-in-out infinite}
.bc-bar__eq{display:inline-flex;align-items:flex-end;gap:2px;height:16px;flex:none}
.bc-bar__eq i{width:3px;border-radius:2px;background:var(--brand2,#f5872e);animation:bc-eq .9s ease-in-out infinite}
.bc-bar__eq i:nth-child(2){animation-delay:.15s}.bc-bar__eq i:nth-child(3){animation-delay:.3s}
.bc-bar__eq i:nth-child(4){animation-delay:.45s}.bc-bar__eq i:nth-child(5){animation-delay:.6s}
.bc-bar__main{flex:1;min-width:0}
.bc-bar__title{font-size:13.5px;font-weight:600;color:var(--text,#e6eaf0)}
.bc-bar__sub{font-size:11.5px;color:var(--muted,#8b97a9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-bar__btn{flex:none;height:32px;padding:0 16px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--brand2,#f5872e),var(--brand,#e8651c));color:#fff;font:600 12.5px/1 var(--ui,sans-serif);cursor:pointer}
/* запланированный эфир (эталон .livebar.soon): 🟠 точка, приглушённый эквалайзер, вторичная кнопка */
.bc-bar--soon .bc-bar__dot{background:#f5a623;box-shadow:0 0 0 3px rgba(245,166,35,.2);animation:none}
.bc-bar--soon .bc-bar__eq i{animation:none;background:var(--cc-muted,#9aa4b2);opacity:.5}
.bc-bar--soon .bc-bar__btn{background:var(--cc-panel3,rgba(127,127,140,.18));color:var(--cc-text,inherit)}
.bc-bar__btn:disabled{opacity:.7;cursor:default}
@keyframes bc-pulse{0%,100%{box-shadow:0 0 0 3px rgba(255,59,48,.22)}50%{box-shadow:0 0 0 6px rgba(255,59,48,0)}}
@keyframes bc-eq{0%,100%{height:5px}50%{height:16px}}

/* ===== fullscreen экран эфира ===== */
.bc-fs{position:fixed;inset:0;z-index:100000;background:rgba(4,7,12,.92);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;padding:0}
.bc-fs.bc-open{display:flex}
.bc-fs__close{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));right:16px;width:42px;height:42px;border-radius:50%;border:0;background:rgba(0,0,0,.5);color:#fff;font-size:21px;cursor:pointer;z-index:10;line-height:1}
.bc-screen{position:relative;width:100%;height:100%;max-width:min(440px,100vw);max-height:100vh;aspect-ratio:9/16;border-radius:0;overflow:hidden;background:#161226}
/* мобила: экран эфира на всю высоту (aspect-ratio ломал height:100% → видео было ~⅓) */
@media(max-width:599px){.bc-screen{aspect-ratio:auto;height:100%;max-height:none}}
@media(min-width:600px){.bc-screen{border-radius:22px;max-height:min(880px,96vh)}}
.bc-faux{position:absolute;inset:0;background:
  radial-gradient(60% 45% at 50% 30%,#4a3a72,transparent 70%),
  radial-gradient(50% 40% at 20% 70%,#2a4a6a,transparent 70%),
  radial-gradient(55% 45% at 80% 65%,#5a2f52,transparent 70%),
  linear-gradient(160deg,#1a1430,#0e0b1c);animation:bc-drift 12s ease-in-out infinite alternate}
@keyframes bc-drift{0%{transform:scale(1.05)}100%{transform:scale(1.14) translate(-2%,-2%)}}
/* видео на ВЕСЬ экран, без отступов (как Telegram Live) — cover-заполнение */
.bc-video,.bc-viewimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;z-index:1;background:#161226}
.bc-video{transform:scaleX(-1)} /* фронталка — зеркалим */
.bc-video.bc-rear{transform:none} /* основная камера — без зеркала */
.bc-video-bg,.bc-viewimg-bg{display:none} /* фон-заполнитель не нужен при cover */
/* заставка «Эфир на паузе» — когда видео ведущего зависло (свернул окно) */
.bc-splash{position:absolute;inset:0;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:rgba(8,11,18,.82);backdrop-filter:blur(10px)}
.bc-splash.bc-on{display:flex}
.bc-splash-logo{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center;margin-bottom:26px}
.bc-splash-logo .r{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(245,135,46,.5)}
.bc-splash-logo .r:nth-child(1){animation:bc-ps-pulse 2.4s ease-out infinite}
.bc-splash-logo .r:nth-child(2){animation:bc-ps-pulse 2.4s ease-out infinite .8s}
.bc-splash-logo .r:nth-child(3){animation:bc-ps-pulse 2.4s ease-out infinite 1.6s}
@keyframes bc-ps-pulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.7);opacity:0}}
.bc-splash-logo .m{position:relative;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--brand2,#f5872e),var(--brand,#e8651c));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 26px rgba(232,101,28,.5)}
.bc-splash-logo .m svg{width:32px;height:32px;fill:#fff;margin-left:4px}
.bc-splash-word{font-size:22px;font-weight:800;letter-spacing:-.01em;margin-bottom:14px;color:var(--brand2,#f5872e)}
.bc-splash-word b{color:#fff;font-weight:800}
.bc-splash-head{font-size:19px;font-weight:700;color:#fff;margin:0 0 8px}
.bc-splash-note{font-size:13.5px;color:rgba(255,255,255,.62);line-height:1.5;max-width:230px;margin:0}
.bc-splash-dots{display:flex;gap:6px;margin-top:20px}
.bc-splash-dots i{width:7px;height:7px;border-radius:50%;background:var(--brand2,#f5872e);animation:bc-ps-bounce 1.2s ease-in-out infinite}
.bc-splash-dots i:nth-child(2){animation-delay:.15s}.bc-splash-dots i:nth-child(3){animation-delay:.3s}
@keyframes bc-ps-bounce{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-7px);opacity:1}}
@media (prefers-reduced-motion:reduce){.bc-splash-logo .r,.bc-splash-dots i{animation:none!important}}

.bc-badge{position:absolute;top:calc(22px + env(safe-area-inset-top,0px));left:14px;display:inline-flex;align-items:center;gap:6px;background:#ff3b30;color:#fff;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;z-index:3}
.bc-badge i{width:7px;height:7px;border-radius:50%;background:#fff;animation:bc-blink 1.4s infinite}
/* хронометр эфира у ведущего — вверху по центру, тонкий, аккуратный */
.bc-timer{position:absolute;top:calc(24px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);color:rgba(255,255,255,.92);font-size:13px;font-weight:500;letter-spacing:.03em;font-variant-numeric:tabular-nums;background:rgba(0,0,0,.4);padding:3px 11px;border-radius:999px;z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}
@keyframes bc-blink{0%,100%{opacity:1}50%{opacity:.3}}
.bc-viewers{position:absolute;top:calc(22px + env(safe-area-inset-top,0px));right:66px;display:inline-flex;align-items:center;gap:5px;background:rgba(0,0,0,.45);color:#fff;font-size:11px;padding:4px 9px;border-radius:999px;z-index:3}
/* Круглый тумблер звука под LIVE — зритель включает/выключает звук когда хочет (тап-таргет 44px) */
.bc-sound{position:absolute;top:calc(58px + env(safe-area-inset-top,0px));left:14px;width:44px;height:44px;align-items:center;justify-content:center;background:rgba(0,0,0,.5);color:#fff;border:0;border-radius:50%;z-index:5;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .12s ease,background .2s ease}
.bc-sound svg{width:22px;height:22px}
.bc-sound .bc-sound__on{display:block}
.bc-sound .bc-sound__off{display:none}
.bc-sound.is-muted{background:rgba(0,0,0,.62)}
.bc-sound.is-muted .bc-sound__on{display:none}
.bc-sound.is-muted .bc-sound__off{display:block}
.bc-sound:active{transform:scale(.93)}
.bc-cam{position:absolute;top:31%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.4);z-index:1;text-align:center}
.bc-cam svg{width:50px;height:50px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.bc-cam small{display:block;margin-top:9px;font-size:11px;color:rgba(255,255,255,.5)}
.bc-cam.bc-hide{display:none}
.bc-floats{position:absolute;right:14px;bottom:106px;width:210px;height:300px;z-index:3;pointer-events:none;overflow:hidden}
.bc-floats .bc-fly{position:absolute;right:0;bottom:0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:23px;animation:bc-floatUp 2.6s ease-out forwards}
.bc-fly__name{font-size:12px;font-weight:500;color:#fff;max-width:130px;overflow:hidden;text-overflow:ellipsis;background:rgba(0,0,0,.42);padding:2px 9px;border-radius:999px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.bc-fly__emoji{font-size:23px;line-height:1}
@keyframes bc-floatUp{0%{transform:translate(0,0) scale(.7);opacity:0}15%{opacity:1;transform:translate(0,-30px) scale(1)}100%{transform:translate(var(--dx,-10px),-268px) scale(1.05);opacity:0}}
.bc-chat{position:absolute;left:14px;right:66px;bottom:calc(66px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:7px;z-index:2;justify-content:flex-end;max-height:48%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  -webkit-mask-image:linear-gradient(to top,#000 82%,transparent);mask-image:linear-gradient(to top,#000 82%,transparent)}
.bc-chat::-webkit-scrollbar{width:0;height:0}
.bc-msg{font-size:12.5px;line-height:1.3;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);animation:bc-msgIn .28s ease}
.bc-msg b{font-weight:700;margin-right:5px}
.bc-msg.bc-faded{opacity:.4}
@keyframes bc-msgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.bc-input{position:absolute;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:8px;z-index:4}
.bc-input .bc-fld{flex:1;height:37px;border-radius:999px;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:12.5px;padding:0 15px;outline:none;font-family:var(--ui,sans-serif)}
.bc-input .bc-fld::placeholder{color:rgba(255,255,255,.62)}
.bc-input .bc-heart{width:37px;height:37px;flex:none;border-radius:50%;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;font-size:16px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}
.bc-input .bc-heart:active{transform:scale(.85)}
.bc-input .bc-send{width:37px;height:37px;flex:none;border-radius:50%;border:0;background:linear-gradient(135deg,var(--brand2,#f5872e),var(--brand,#e8651c));color:#fff;display:none;place-items:center;cursor:pointer}
.bc-input .bc-send svg{width:19px;height:19px}
.bc-input .bc-send:active{transform:scale(.88)}
/* пикер реакций (long-press на сердечке) — столбик, всплывает вертикально вверх над сердечком */
.bc-reactbar{position:absolute;right:9px;bottom:calc(60px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column-reverse;gap:3px;align-items:center;background:rgba(20,20,26,.72);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:7px 5px;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:calc(100dvh - 130px);overflow-y:auto;scrollbar-width:none;transform-origin:bottom center;transform:translateY(10px) scale(.82);opacity:0;pointer-events:none;transition:transform .16s cubic-bezier(.2,.9,.3,1.25),opacity .14s ease}
.bc-reactbar::-webkit-scrollbar{display:none}
.bc-reactbar.bc-on{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}
.bc-reactbar button{width:40px;height:40px;flex:none;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;border-radius:50%;display:grid;place-items:center;transition:transform .12s ease}
.bc-reactbar button:hover,.bc-reactbar button:active{transform:scale(1.3)}
/* десктоп-реплей: запись в контейнере по размеру видео (не браузерный фуллскрин) */
.bc-rmodal{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.bc-rmodal__vid{height:88vh;max-height:88vh;max-width:94vw;width:auto;border-radius:14px;background:#000;box-shadow:0 20px 80px rgba(0,0,0,.6)}
.bc-rmodal__x{position:fixed;top:20px;right:24px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;cursor:pointer;display:grid;place-items:center}
.bc-rmodal__x:hover{background:rgba(255,255,255,.24)}
/* шит выбора «Прямой эфир» — компактная центрированная карточка, аккуратные кнопки */
.bc-sheet{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px}
.bc-sheet__card{width:100%;max-width:300px;background:var(--cc-panel2,#1b1f27);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:7px;box-shadow:0 18px 60px rgba(0,0,0,.5);border:1px solid var(--cc-line,rgba(255,255,255,.08))}
.bc-sheet__title{font-size:13.5px;font-weight:600;color:var(--cc-text,#fff);text-align:center;padding:2px 0 6px}
.bc-sheet__b{min-height:40px;border:0;border-radius:10px;background:var(--cc-panel3,rgba(255,255,255,.07));color:var(--cc-text,#fff);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;text-align:center;transition:background .15s ease}
.bc-sheet__b:hover{background:var(--cc-panel,rgba(255,255,255,.12))}
.bc-sheet__b--go{background:linear-gradient(135deg,var(--brand2,#f5872e),var(--brand,#e8651c));color:#fff;font-weight:600}
.bc-sheet__b--cancel{min-height:34px;background:transparent;color:var(--cc-muted,#9aa4b2);font-size:12.5px}
.bc-sheet__b--cancel:hover{background:transparent;color:var(--cc-text,#fff)}
.bc-sheet__plan{display:flex;flex-direction:column;gap:7px;margin-top:2px}
.bc-sheet__in{height:40px;border-radius:10px;border:1px solid var(--cc-line,rgba(255,255,255,.14));background:var(--cc-panel,rgba(0,0,0,.25));color:var(--cc-text,#fff);font-size:13px;padding:0 12px;outline:none;font-family:inherit;width:100%}
.bc-sheet__lbl{font-size:11px;color:var(--cc-muted,#9aa4b2);margin:3px 2px -3px}
.bc-sheet__pick{min-height:40px;border-radius:10px;border:1px solid var(--cc-line,rgba(255,255,255,.14));background:var(--cc-panel,rgba(0,0,0,.25));color:var(--cc-text,#fff);font-size:13px;padding:0 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;font-family:inherit}
.bc-sheet__pick #bcPickLbl{color:var(--cc-muted,#9aa4b2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc-sheet__pick.is-picked #bcPickLbl{color:var(--cc-text,#fff)}
.bc-sheet__chev{flex:none;color:var(--cc-muted,#9aa4b2);font-size:11px}
/* окно выбора акции с превью */
.bc-pick{position:fixed;inset:0;z-index:2147483601;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px}
.bc-pick__card{width:100%;max-width:340px;max-height:76vh;display:flex;flex-direction:column;background:var(--cc-panel2,#1b1f27);border-radius:16px;border:1px solid var(--cc-line,rgba(255,255,255,.08));box-shadow:0 18px 60px rgba(0,0,0,.5);overflow:hidden}
.bc-pick__head{position:relative;font-size:13.5px;font-weight:600;color:var(--cc-text,#fff);text-align:center;padding:13px 40px 9px;flex:none}
.bc-pick__x{position:absolute;top:7px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:var(--cc-panel3,rgba(255,255,255,.08));color:var(--cc-text,#fff);font-size:19px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.bc-pick__x:hover{background:var(--cc-panel,rgba(255,255,255,.15))}
.bc-pick__list{overflow-y:auto;padding:4px 8px 10px;display:flex;flex-direction:column;gap:4px}
.bc-pick__empty{color:var(--cc-muted,#9aa4b2);font-size:13px;text-align:center;padding:24px}
.bc-pick__row{display:flex;align-items:center;gap:11px;min-height:52px;padding:6px 8px;border:0;border-radius:10px;background:transparent;color:var(--cc-text,#fff);cursor:pointer;text-align:left;width:100%;font-family:inherit}
.bc-pick__row:hover{background:var(--cc-panel3,rgba(255,255,255,.07))}
.bc-pick__thumb{width:44px;height:44px;flex:none;border-radius:9px;object-fit:cover;background:var(--cc-panel3,rgba(255,255,255,.08))}
.bc-pick__thumb--ph{object-fit:contain;padding:6px;background:var(--cc-panel3,rgba(255,255,255,.06))}
.bc-pick__name{font-size:13.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ===== прикреплённый эфир в посте (эталон «Прикрепить»): плашка live/скоро/запись ===== */
.bc-postbar{display:flex;align-items:center;gap:10px;margin:8px 0 2px;padding:9px 12px;border-radius:12px;background:var(--s2,#121b28);border:1px solid var(--line,#1f2a3a);box-sizing:border-box}
.bc-postbar__dot{width:8px;height:8px;flex:none;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 3px rgba(255,59,48,.2)}
.bc-postbar--soon .bc-postbar__dot{background:#f5a623;box-shadow:0 0 0 3px rgba(245,166,35,.2)}
.bc-postbar__play{width:26px;height:26px;flex:none;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff}
.bc-postbar__main{flex:1;min-width:0;display:flex;flex-direction:column}
.bc-postbar__t{font-size:13px;font-weight:600;color:var(--text,#e6eaf0)}
.bc-postbar__s{font-size:11.5px;color:var(--muted,#8b97a9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-postbar__btn{flex:none;height:30px;padding:0 15px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--brand2,#f5872e),var(--brand,#e8651c));color:#fff;font:600 12px/1 var(--ui,sans-serif);cursor:pointer}
.bc-postbar--soon .bc-postbar__btn{background:var(--cc-panel3,rgba(127,127,140,.18));color:var(--text,#e6eaf0)}
:root[data-theme="light"] .bc-postbar{background:#ffffff;border-color:rgba(16,22,32,.10)}
:root[data-theme="light"] .bc-postbar__t{color:#101620}
:root[data-theme="light"] .bc-postbar__s{color:#67707c}
:root[data-theme="light"] .bc-postbar--soon .bc-postbar__btn{background:#eef1f5;color:#101620}
:root[data-theme="light"] .bc-postbar__play{background:#eef1f5;color:#101620}

/* ===== СВЕТЛАЯ ТЕМА: в-ленте чром прямого эфира (плашка/шит/пикер) — по эталону ленты.
   Полноэкранный эфир (видео/чат/реакции) НЕ трогаем — он всегда тёмный, как Telegram Live. ===== */
:root[data-theme="light"] .bc-bar{background:#ffffff;border-color:rgba(16,22,32,.10)}
:root[data-theme="light"] .bc-bar__title{color:#101620}
:root[data-theme="light"] .bc-bar__sub{color:#67707c}
:root[data-theme="light"] .bc-bar--soon .bc-bar__eq i{background:#9aa4b2}
:root[data-theme="light"] .bc-bar--soon .bc-bar__btn{background:#eef1f5;color:#101620}
:root[data-theme="light"] .bc-sheet__card,
:root[data-theme="light"] .bc-pick__card{background:#ffffff;border-color:rgba(16,22,32,.10);box-shadow:0 18px 60px rgba(16,22,32,.18)}
:root[data-theme="light"] .bc-sheet__title,
:root[data-theme="light"] .bc-pick__head{color:#101620}
:root[data-theme="light"] .bc-sheet__b{background:#eef1f5;color:#101620}
:root[data-theme="light"] .bc-sheet__b:hover{background:#e2e7ee}
:root[data-theme="light"] .bc-sheet__b--cancel{background:transparent;color:#67707c}
:root[data-theme="light"] .bc-sheet__b--cancel:hover{background:transparent;color:#101620}
:root[data-theme="light"] .bc-sheet__lbl,
:root[data-theme="light"] .bc-sheet__chev,
:root[data-theme="light"] .bc-sheet__pick #bcPickLbl,
:root[data-theme="light"] .bc-pick__empty{color:#67707c}
:root[data-theme="light"] .bc-sheet__pick.is-picked #bcPickLbl{color:#101620}
:root[data-theme="light"] .bc-sheet__in,
:root[data-theme="light"] .bc-sheet__pick{background:#f4f6f9;border-color:rgba(16,22,32,.14);color:#101620}
:root[data-theme="light"] .bc-pick__x{background:#eef1f5;color:#101620}
:root[data-theme="light"] .bc-pick__x:hover{background:#e2e7ee}
:root[data-theme="light"] .bc-pick__row{color:#101620}
:root[data-theme="light"] .bc-pick__row:hover{background:#eef1f5}
:root[data-theme="light"] .bc-pick__thumb,
:root[data-theme="light"] .bc-pick__thumb--ph{background:#eef1f5}
.bc-stop{position:absolute;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));height:46px;border:0;border-radius:999px;background:#ff3b30;color:#fff;font:600 14px/1 var(--ui,sans-serif);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;z-index:4}
.bc-stop.bc-golive{background:linear-gradient(135deg,var(--brand2,#f5872e),var(--brand,#e8651c))}
.bc-stop[disabled]{opacity:.6}
/* перевернуть камеру — аккуратная кнопка над основной */
.bc-flip{position:absolute;right:14px;bottom:calc(72px + env(safe-area-inset-bottom,0px));width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.42);color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:5}
.bc-flip svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bc-flip:active{transform:scale(.9)}
/* выбор камеры/микрофона (ведущий) */
.bc-gear{position:absolute;right:14px;bottom:calc(122px + env(safe-area-inset-bottom,0px));width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.42);color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:5}
.bc-gear svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bc-setpanel{position:absolute;left:14px;right:14px;bottom:calc(72px + env(safe-area-inset-bottom,0px));background:rgba(12,16,24,.94);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px;display:none;flex-direction:column;gap:12px;z-index:8;backdrop-filter:blur(6px)}
.bc-setpanel.bc-open2{display:flex}
.bc-setrow label{font-size:11px;color:rgba(255,255,255,.55);display:block;margin-bottom:5px;font-weight:600}
/* свой тёмный дропдаун (нативный select даёт белые списки и лезет за рамку) */
.bc-dd{position:relative}
.bc-dd-trig{width:100%;height:44px;border-radius:12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);color:#fff;font:500 13.5px/1 var(--ui,sans-serif);padding:0 12px;display:flex;align-items:center;gap:8px;cursor:pointer;text-align:left}
.bc-dd-lab{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-dd-chev{width:18px;height:18px;flex:none;color:rgba(255,255,255,.6);transition:transform .18s}
.bc-dd.bc-open3 .bc-dd-chev{transform:rotate(180deg)}
.bc-dd-list{position:absolute;left:0;right:0;bottom:calc(100% + 6px);background:#141c28;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:5px;max-height:210px;overflow-y:auto;display:none;z-index:9;box-shadow:0 -10px 34px rgba(0,0,0,.55)}
.bc-dd.bc-open3 .bc-dd-list{display:block}
.bc-dd-item{padding:10px 11px;border-radius:9px;font-size:13px;color:#e6eaf0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-dd-item:hover{background:rgba(255,255,255,.08)}
.bc-dd-item.bc-sel{background:rgba(245,135,46,.2);color:#fff}
/* окно завершения трансляции (4 кнопки) — поверх экрана эфира */
.bc-enddlg{position:absolute;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:22px;
  background:rgba(6,9,14,.86);backdrop-filter:blur(8px)}
.bc-enddlg.bc-on{display:flex;animation:bc-dlgIn .2s ease}
@keyframes bc-dlgIn{from{opacity:0}to{opacity:1}}
.bc-enddlg__card{width:100%;max-width:320px;background:#161c26;border:1px solid rgba(255,255,255,.1);border-radius:20px;
  padding:20px 18px;display:flex;flex-direction:column;gap:9px;box-shadow:0 24px 70px rgba(0,0,0,.6)}
.bc-enddlg__title{font-size:17px;font-weight:700;color:#fff;text-align:center}
.bc-enddlg__sub{font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.6);text-align:center;margin:0 0 6px}
.bc-edb{width:100%;height:46px;border:0;border-radius:13px;font:600 14.5px/1 var(--ui,sans-serif);cursor:pointer;
  display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .1s,filter .15s}
.bc-edb:active{transform:scale(.98)}
.bc-edb--save{background:linear-gradient(135deg,var(--brand2,#f5872e),var(--brand,#e8651c))}
.bc-edb--save:hover{filter:brightness(1.06)}
.bc-edb--pub{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}
.bc-edb--pub:hover{background:rgba(255,255,255,.15)}
.bc-edb--cancel{background:transparent;border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.85)}
.bc-edb--cancel:hover{background:rgba(255,255,255,.06)}
.bc-edb--finish{background:transparent;color:#ff5a4d;height:40px;font-weight:600}
.bc-edb--finish:hover{background:rgba(255,90,77,.1)}
.bc-edb[disabled]{opacity:.55;cursor:default}
/* тост-подтверждение (сохранено/опубликовано) */
.bc-toast{position:absolute;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(8px);
  z-index:40;max-width:80%;padding:10px 16px;border-radius:999px;background:rgba(20,26,36,.96);border:1px solid rgba(255,255,255,.14);
  color:#fff;font:600 12.5px/1.3 var(--ui,sans-serif);text-align:center;white-space:nowrap;opacity:0;pointer-events:none;
  transition:opacity .2s,transform .2s;box-shadow:0 10px 34px rgba(0,0,0,.5)}
.bc-toast.bc-on{opacity:1;transform:translateX(-50%) translateY(0)}
/* компактная 9:16-карточка записи эфира в ленте (тап по play → полноэкранный повтор) */
.tg-feed-video-card--bc{aspect-ratio:9/16 !important;width:auto !important;max-width:250px !important;max-height:none !important;
  margin:2px auto 0 !important;border-radius:14px !important;overflow:hidden;background:#0b0f16;cursor:pointer;position:relative}
@media (prefers-reduced-motion:reduce){.bc-bar__dot,.bc-bar__eq i,.bc-faux,.bc-badge i{animation:none!important}}