/* BTB Social Live — immersive spectator-first mobile pilot; no changes to Stories/posts. */
dialog#btb-live-viewer-dialog{
 position:fixed;inset:0;margin:auto;padding:0!important;width:100vw;max-width:none;
 height:100dvh;max-height:none;border:0;border-radius:0;background:#050914;color:#fff;
 overflow:hidden;overscroll-behavior:contain;
}
dialog#btb-live-viewer-dialog::backdrop{background:#02050be8}
#btb-live-viewer-dialog .btb-live-stage{
 position:relative;width:min(100%,520px);height:100%;margin-inline:auto;
 isolation:isolate;overflow:hidden;background:#070c16;
}
#btb-live-frame-host{
 position:absolute;inset:0!important;width:100%!important;height:100%!important;
 max-height:none!important;aspect-ratio:auto!important;background:#070c16!important;
}
#btb-live-frame-host iframe{display:block;width:100%!important;height:100%!important;border:0}
#btb-live-viewer-dialog .btb-live-viewer-head{
 position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;
 padding:calc(env(safe-area-inset-top,0px) + 12px) 12px 18px;
 background:linear-gradient(180deg,rgba(0,0,0,.77),rgba(0,0,0,0));
}
#btb-live-viewer-title{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.btb-live-pill{background:#e43255;border-radius:5px;padding:5px 7px;font-size:10px;font-weight:900;letter-spacing:.08em}
#btb-live-viewer-count{font-size:12px;font-variant-numeric:tabular-nums;background:#14273dc9;border-radius:30px;padding:6px 9px;white-space:nowrap}
#btb-live-viewer-dialog .btb-live-top-action{border:1px solid #ffffff4d;background:#102034d9;color:#fff;border-radius:30px;padding:8px 10px;min-height:36px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
#btb-live-viewer-dialog #btb-live-end{background:#c02b43;border-color:#c02b43;margin:0}
#btb-live-viewer-dialog .btb-live-bottom{
 position:absolute;z-index:4;left:0;right:0;bottom:0;
 padding:16px 12px calc(env(safe-area-inset-bottom,0px) + 10px);
 background:linear-gradient(0deg,rgba(1,6,16,.98),rgba(1,6,16,.82) 62%,rgba(1,6,16,0));
 pointer-events:none;
}
#btb-live-viewer-dialog .btb-live-bottom>*{pointer-events:auto}
#btb-live-caption{max-width:92%;margin:0 0 8px;font-size:13px;font-weight:750;text-shadow:0 1px 8px #000;overflow-wrap:anywhere}
#btb-live-caption:empty{display:none}
#btb-live-room-note{font-size:11px;margin:0 0 6px;color:#cbd7e6}
#btb-live-room-status{font-size:11px;color:#ddedff;min-height:16px;margin-bottom:4px}
#btb-live-comments{display:flex;flex-direction:column;justify-content:flex-end;gap:5px;overflow:auto;
 max-height:min(18dvh,150px);padding:1px 0 6px;scrollbar-width:thin}
.btb-live-comment{font-size:12px;line-height:1.4;text-shadow:0 1px 4px #000;overflow-wrap:anywhere}
.btb-live-comment strong{font-size:11px;color:#a9d8ff;margin-right:6px}
.btb-live-comment button{border:0;background:#263f60c9;color:#dceaff;border-radius:7px;font-size:11px;margin-left:6px;padding:3px 5px}
.btb-live-action-row{display:flex;gap:7px;align-items:center;flex-wrap:nowrap;min-width:0;margin:5px 0}
.btb-live-action-row button,.btb-live-reactions button{border:1px solid #ffffff50;color:#fff;background:#13243fd9;border-radius:22px;
 min-height:36px;padding:7px 10px;white-space:nowrap;font-size:12px;cursor:pointer}
.btb-live-action-row #btb-live-follow[hidden],#btb-live-report[hidden],#btb-live-caption-form[hidden]{display:none!important}
.btb-live-reactions{display:flex;gap:5px;margin-left:auto}
.btb-live-reactions button{padding:7px 8px;min-width:36px}
#btb-live-comment-form{display:flex;gap:7px;align-items:center}
#btb-live-comment-form input,#btb-live-caption-form input{flex:1;width:100%;min-width:0;
 background:#152a46ed;color:#fff;border:1px solid #607d9f;border-radius:24px;
 padding:10px 13px;font:inherit;font-size:13px;min-height:42px}
#btb-live-comment-form button,#btb-live-caption-form button,#btb-live-report-submit{
 border:0;border-radius:22px;background:#3476d1;color:#fff;font-weight:750;
 min-height:40px;padding:8px 12px;cursor:pointer;
}
#btb-live-caption-form{display:flex;align-items:center;gap:7px;margin:5px 0 8px}
#btb-live-report-form{padding:8px 0;display:flex;align-items:center;gap:7px}
#btb-live-report-form[hidden]{display:none}
#btb-live-report-form label{font-size:12px;display:flex;align-items:center;gap:5px;flex:1}
#btb-live-report-reason{font-size:12px;min-height:34px;width:100%;color:white;background:#1b3452;border:1px solid #5e7697;border-radius:8px}
#btb-live-viewer-dialog button:focus-visible,#btb-live-viewer-dialog input:focus-visible{outline:2px solid #b3dbff;outline-offset:2px}
@media(min-width:620px){
 #btb-live-viewer-dialog .btb-live-stage{border-inline:1px solid #35516a}
}
@media(max-width:390px){
 #btb-live-viewer-dialog .btb-live-viewer-head{gap:5px;padding-left:7px;padding-right:7px}
 #btb-live-viewer-dialog .btb-live-top-action{padding:7px 8px;font-size:11px}
 #btb-live-viewer-title{font-size:12px}
 #btb-live-viewer-dialog .btb-live-bottom{padding-left:8px;padding-right:8px}
 .btb-live-action-row{gap:4px}
 .btb-live-action-row button{padding:7px}
 #btb-live-comment-form input{font-size:12px}
}
@media(prefers-reduced-motion:reduce){#btb-live-viewer-dialog *{scroll-behavior:auto!important}}