:root{color-scheme:light;--live-bg:var(--im-live-surface-bg,#f4f7fb);--live-text:#182033;--live-muted:#6f7c91;--live-top-bg:rgba(244,247,251,.97);--live-tab:#6f7c91;--live-tab-active:#182033;--live-card:#e3e9f2;--live-line:#d9e1ec;--live-sheet:#ffffff;--live-sheet-line:#d9e1ec;--live-field:#f5f7fb;--live-btn2:#eef2f8;--live-btn2-text:#182033;--live-notice:#ffffff;--live-sub:#4a556b;--live-glass:rgba(255,255,255,.9);--live-glass-text:#182033;--live-shadow:0 10px 30px rgba(24,32,51,.16);--live-video-bg:var(--live-bg)}html[data-theme="dark"]{color-scheme:dark;--live-bg:var(--im-live-surface-bg,#111722);--live-text:#fff;--live-muted:#aeb8c8;--live-top-bg:rgba(17,23,34,.94);--live-tab:#9aa6b8;--live-tab-active:#fff;--live-card:#1d2635;--live-line:#2a3444;--live-sheet:#1b2432;--live-sheet-line:#354154;--live-field:#141b27;--live-btn2:#273244;--live-btn2-text:#fff;--live-notice:#222d3d;--live-sub:#e2e7ef;--live-glass:rgba(18,25,37,.76);--live-glass-text:#fff;--live-shadow:0 10px 30px #0006;--live-video-bg:var(--live-bg)}
*{box-sizing:border-box}html,body{margin:0;background:var(--live-bg);color:var(--live-text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;height:100%}button,input{font:inherit}.top{position:sticky;top:0;z-index:10;min-height:calc(58px + var(--live-safe-top,env(safe-area-inset-top)));padding:calc(var(--live-safe-top,env(safe-area-inset-top)) + 8px) 12px 8px;display:flex;align-items:center;gap:12px;background:var(--live-top-bg);backdrop-filter:blur(18px)}.top>b{font-size:18px}.tabs{display:flex;gap:22px;flex:1;justify-content:flex-start;align-items:center;min-width:0}.tabs button{flex:0 0 auto;border:0;border-bottom:3px solid transparent;background:none;color:var(--live-tab);font-size:16px;font-weight:700;padding:8px 0 5px}.tabs .active{color:var(--live-tab-active);font-weight:850;border-bottom-color:#ff2851}.end{border:0;border-radius:999px;background:#ff2851;color:#fff;font-weight:800;padding:8px 12px}.feed{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding-bottom:calc(74px + var(--live-safe-bottom,env(safe-area-inset-bottom)))}.card{position:relative;aspect-ratio:9/14;background:var(--live-card);overflow:hidden;border:0;color:#fff;text-align:left;padding:0;cursor:pointer}.card video{width:100%;height:100%;object-fit:contain;background:var(--live-video-bg)}.card img{width:100%;height:100%;object-fit:cover}.cover{position:absolute;inset:0;background:transparent;display:grid;place-items:center;font-size:52px;font-weight:900}.shade{position:absolute;inset:0;background:linear-gradient(transparent 54%,rgba(0,0,0,.58))}.meta{position:absolute;left:10px;right:10px;bottom:10px}.meta b{display:block;font-size:14px}.meta small{color:#eee}.badge,.liveBadge{display:inline-block;background:#ff2851;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:900}.room{position:fixed;left:0;right:0;top:0;bottom:calc(var(--im-main-nav-height,64px) + var(--live-safe-bottom,env(safe-area-inset-bottom)));width:100vw;height:auto;max-width:none;z-index:500;background:var(--live-video-bg);overflow:hidden}.room>video{width:100%;height:100%;object-fit:contain;object-position:center center;background:var(--live-video-bg)}.hidden{display:none!important}@media(max-width:699px){.room{left:0!important;right:0!important;top:0!important;bottom:auto!important;width:100vw!important;height:var(--live-stable-h,100dvh)!important;min-height:var(--live-stable-h,100dvh)!important;max-height:var(--live-stable-h,100dvh)!important;max-width:none!important;transform:none!important}.room>video:not(.guestVideo){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important}.room:has(.composer input:focus)>video:not(.guestVideo){height:100%!important;min-height:0!important;max-height:none!important;top:0!important;bottom:0!important}.room .composer{bottom:calc(10px + var(--live-safe-bottom,env(safe-area-inset-bottom)) + var(--live-kb,0px))!important}.room .comments{bottom:calc(74px + var(--live-safe-bottom,env(safe-area-inset-bottom)) + var(--live-kb,0px))!important}.room .rail,.room .studioTools{bottom:calc(84px + var(--live-safe-bottom,env(safe-area-inset-bottom)))!important}.room:has(.composer input:focus) .comments{bottom:calc(66px + var(--live-safe-bottom,env(safe-area-inset-bottom)) + var(--live-kb,0px))!important;max-height:min(24dvh,180px)!important}.room:has(.composer input:focus) .rail,.room:has(.composer input:focus) .studioTools{opacity:.18;pointer-events:none}.giftPanel{bottom:calc(76px + var(--live-safe-bottom,env(safe-area-inset-bottom)))!important}#room:not(.hidden)~.im-main-nav-live,#studio:not(.hidden)~.im-main-nav-live,#room:not(.hidden)~.logout,#studio:not(.hidden)~.logout{display:none!important}}#localVideo.rearCamera{transform:none!important;object-position:center center!important}.roomTop,.studioTop{position:absolute;z-index:30;top:calc(var(--live-safe-top,env(safe-area-inset-top)) + 10px);left:12px;right:12px;display:flex;align-items:center;gap:9px;pointer-events:auto}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff2851,#7b5cff);font-weight:900}.who{display:flex;flex-direction:column;flex:1}.who small{font-size:11px;color:#f1f3f6}.follow{border:0;border-radius:999px;background:#ff2851;color:white;padding:7px 13px;font-weight:800}.close{position:relative;z-index:40;border:1px solid rgba(255,255,255,.28);background:rgba(18,25,37,.68);color:#fff;font-size:22px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;pointer-events:auto;touch-action:manipulation}.rail,.studioTools{position:absolute;z-index:12;right:12px;bottom:calc(92px + var(--live-safe-bottom,env(safe-area-inset-bottom)));display:flex;flex-direction:column;gap:12px}.rail button,.studioTools button{position:relative;overflow:hidden;width:48px;min-height:48px;border:0;border-radius:50%;background:rgba(18,25,37,.52);color:#fff;font-size:17px;box-shadow:inset 0 1px 0 #ffffff33,0 3px 12px #0004}.rail button::after,.studioTools button::after{content:'•‿•';position:absolute;left:50%;top:4px;transform:translateX(-50%);font-size:7px;line-height:1;letter-spacing:-1px;opacity:.45}.rail small,.studioTools small{display:block;font-size:9px;margin-top:4px}.comments{position:absolute;z-index:18;left:12px;bottom:calc(82px + var(--live-safe-bottom,env(safe-area-inset-bottom)));width:min(76%,440px);max-height:min(34vh,300px);display:flex;flex-direction:column;gap:4px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;font-size:13px;font-weight:650;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;padding:7px 9px;border-radius:12px;color:#fff!important;background:linear-gradient(90deg,rgba(8,13,21,.62),rgba(8,13,21,.22) 82%,transparent);text-shadow:0 1px 3px #000,0 0 2px #000;scrollbar-width:none;pointer-events:auto}.comments b,.comments>div{color:#fff!important}.comments::-webkit-scrollbar{display:none}.comments>div{flex:0 0 auto;max-width:100%;white-space:normal}.composer{position:absolute;z-index:22;left:12px;right:12px;bottom:calc(12px + var(--live-safe-bottom,env(safe-area-inset-bottom)));display:flex;gap:8px}.composer input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(18,25,37,.7);color:#fff;padding:10px 14px;outline:0;backdrop-filter:blur(6px)}.composer input::placeholder{color:rgba(255,255,255,.78)}.composer button{border:0;border-radius:999px;background:#fff;color:#111;font-weight:800;padding:0 14px}.studioTop b{flex:1}.studioTools{bottom:calc(88px + var(--live-safe-bottom,env(safe-area-inset-bottom)))}.end{margin-left:auto;position:relative;z-index:40;touch-action:manipulation}@media(min-width:700px){html:not(.embedded-live) #app{max-width:480px;margin:auto;position:relative;min-height:100vh;border-left:1px solid var(--live-line);border-right:1px solid var(--live-line)}html:not(.embedded-live) .room{max-width:480px;left:50%;transform:translateX(-50%)}.feed{gap:4px}}.empty{grid-column:1/-1;min-height:62vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:var(--live-text)}.empty b{font-size:18px;margin-bottom:8px}.empty small{color:var(--live-muted);line-height:1.5}.studioInfo{position:absolute;z-index:13;left:14px;top:calc(max(14px,var(--live-safe-top,env(safe-area-inset-top))) + 48px);display:flex;gap:8px}.studioInfo span{background:rgba(18,25,37,.56);backdrop-filter:blur(8px);border-radius:999px;padding:6px 10px;font-size:11px}.follow.active{background:#fff;color:#111}.setup{position:fixed;inset:0;z-index:510;background:var(--live-video-bg);overflow:hidden;--live-preview-bottom:calc(var(--im-main-nav-height,64px) + env(safe-area-inset-bottom))}html.embedded-live .setup{--live-preview-bottom:calc(var(--live-nav-cover,0px) + var(--live-safe-bottom,0px))}.setupStage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--live-video-bg)}.setupFrame{position:relative;overflow:hidden;background:var(--live-video-bg);flex:0 0 auto}#previewVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;transform:scaleX(-1);background:var(--live-video-bg)}#previewVideo.rearCamera{transform:none}.setupRatioMenu{position:absolute;z-index:70;right:12px;top:calc(var(--live-safe-top,env(safe-area-inset-top)) + 50px);display:none;flex-direction:column;gap:3px;min-width:126px;padding:6px;border-radius:12px;background:rgba(18,25,37,.96);border:1px solid rgba(255,255,255,.25);box-shadow:var(--live-shadow);pointer-events:auto;touch-action:manipulation}.setupRatioMenu.open{display:flex}.setupRatioMenu button{border:0;background:transparent;color:#fff;text-align:left;padding:9px 11px;border-radius:8px;font-size:13px;font-weight:750;touch-action:manipulation;pointer-events:auto}.setupRatioMenu button.active,.setupRatioMenu button:active{background:rgba(255,255,255,.18)}.setupTop{position:absolute;z-index:60;left:12px;right:12px;top:calc(var(--live-safe-top,env(safe-area-inset-top)) + 10px);display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.setupClose,.setupRatio{pointer-events:auto;border:0;background:var(--live-glass);color:var(--live-glass-text);box-shadow:var(--live-shadow);touch-action:manipulation}.setupClose{width:38px;height:38px;border-radius:50%;font-size:24px;line-height:1;display:grid;place-items:center}.setupRatio{height:36px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap}.previewStatus{position:absolute;z-index:50;left:50%;top:44%;transform:translate(-50%,-50%);max-width:80%;padding:8px 13px;border-radius:999px;background:var(--live-glass);color:var(--live-glass-text);font-size:12px;text-align:center}.previewStatus:empty{display:none}.setupBottom{position:absolute;z-index:50;left:0;right:0;bottom:calc(var(--live-preview-bottom) + 12px);display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 18px}.setupTitle{width:min(100%,320px);height:34px;border:0;border-radius:999px;background:var(--live-glass);color:var(--live-glass-text);text-align:center;font-size:15px;font-weight:700;padding:0 14px;outline:0;box-shadow:var(--live-shadow)}.setupTitle::placeholder{color:var(--live-glass-text);opacity:.68}.setupBar{width:min(100%,360px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.setupTool{justify-self:center;width:50px;height:50px;border:0;border-radius:50%;background:var(--live-glass);color:var(--live-glass-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:19px;line-height:1;box-shadow:var(--live-shadow)}.setupTool small{font-size:10px;font-weight:700}.setupTool.active{background:#ff2851;color:#fff}.setupGo{min-width:128px;height:50px;border:0;border-radius:999px;background:#ff2851;color:#fff;font-size:16px;font-weight:850;padding:0 24px;box-shadow:0 10px 28px rgba(255,40,81,.35)}.beautySheet{position:absolute;z-index:65;left:12px;right:12px;bottom:calc(var(--live-preview-bottom) + 134px);max-width:440px;margin:0 auto;padding:12px;border-radius:18px;background:var(--live-sheet);color:var(--live-text);border:1px solid var(--live-sheet-line);box-shadow:var(--live-shadow)}.previewToggle{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px}.previewToggle input{width:auto!important;margin:0!important;accent-color:#ff2851}.beautyControls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.beautyControls label{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:7px;min-height:40px;padding:7px 9px;border:1px solid var(--live-sheet-line);border-radius:12px;background:var(--live-field);color:var(--live-sub)!important;font-size:12px}.beautyControls input{width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}.beautyControls.disabled{opacity:.45}.goLiveFab{position:fixed;z-index:12;right:16px;bottom:calc(var(--im-main-nav-height,64px) + env(safe-area-inset-bottom) + 52px);width:56px;height:56px;border:0;border-radius:50%;background:#ff2851;color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(255,40,81,.38)}html.embedded-live .goLiveFab{bottom:calc(var(--live-safe-bottom,0px) + 18px)}.goLiveFab:active{transform:scale(.95)}html.live-busy .goLiveFab{display:none!important}.giftPanel{position:absolute;z-index:25;right:62px;bottom:calc(var(--im-main-nav-height,64px) + var(--live-safe-bottom,env(safe-area-inset-bottom)) + 18px);display:grid;gap:7px;background:rgba(20,26,36,.94);backdrop-filter:blur(14px);padding:8px;border-radius:18px;box-shadow:0 16px 46px #0007}.giftDragHandle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 5px 5px;color:#fff;cursor:grab;touch-action:none;font-size:12px}.giftDragHandle span{color:#bbb;font-size:10px}.giftOptions{display:flex;gap:8px}.giftPanel button{border:0;background:#303a4a;color:#fff;border-radius:14px;min-width:58px;padding:9px 7px;font-size:20px}.giftPanel small{display:block;font-size:9px;margin-top:4px}.rail button.active,.studioTools button.active{background:rgba(255,40,81,.88)}.rail button:active,.studioTools button:active,.end:active{transform:scale(.96)}button:disabled{opacity:.45;pointer-events:none}.composer button:disabled,.setupGo:disabled{filter:grayscale(.35)}.room video{background:var(--live-video-bg)}
.cover img{width:100%;height:100%;object-fit:cover}.card:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.notice{position:fixed;z-index:560;top:calc(var(--live-safe-top,env(safe-area-inset-top)) + 70px);left:50%;transform:translateX(-50%);width:min(90%,420px);padding:12px 16px;border-radius:12px;background:var(--live-notice);color:var(--live-text);text-align:center;box-shadow:var(--live-shadow)}.logout{position:fixed;z-index:11;bottom:calc(74px + var(--live-safe-bottom,env(safe-area-inset-bottom)));right:12px;border:1px solid var(--live-sheet-line);border-radius:999px;background:var(--live-sheet);color:var(--live-sub);padding:6px 10px;font-size:11px}

@media(max-width:375px){.top{gap:6px;padding-left:8px;padding-right:8px}.tabs{gap:16px}.tabs button{font-size:15px}.roomTop{gap:5px}.follow{padding:7px 9px}.rail,.studioTools{right:8px}.rail button,.studioTools button{width:44px;min-height:44px}.comments{width:min(78%,360px)}}@media(min-width:700px){.notice{max-width:480px;left:50%;transform:translateX(-50%)}.logout{right:calc(50% - 230px)}}

.hallHead{display:flex;align-items:center;justify-content:flex-end;padding:12px 12px 10px;background:var(--live-bg);border-bottom:1px solid var(--live-line)}.hallHead>div{display:none}.hallHead b{font-size:18px}.hallHead small,#hallCount{color:var(--live-muted);font-size:11px}.hallEmpty{min-height:55vh}.hallCityBtn{margin-top:12px;min-height:36px;padding:0 18px;border:0;border-radius:18px;background:#fb3561;color:#fff;font-weight:800}#hallCount.hallHintAction{cursor:pointer;text-decoration:underline;text-underline-offset:2px}.hallIcon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--live-card);color:#fb3866;font-size:30px;margin-bottom:10px}

.authResult{padding:10px 12px;border-radius:12px;background:#55202c;color:#ffd7df;font-size:13px;line-height:1.45}.authResult.ok{background:#173d29;color:#b9f5cd}.authResult.hidden{display:none!important}

.authBoot{position:fixed;inset:0 0 calc(62px + var(--live-safe-bottom,env(safe-area-inset-bottom))) 0;z-index:300;background:var(--live-bg);display:grid;place-items:center}
.authBoot>div{display:flex;flex-direction:column;align-items:center;gap:10px}
.authBoot b{font-size:20px}.authBoot small{color:var(--live-muted)}

.guestVideo{position:absolute;z-index:8;width:min(40vw,220px);aspect-ratio:16/9;height:auto;object-fit:contain;border-radius:12px;border:1px solid #ffffff55;background:var(--live-video-bg);box-shadow:0 8px 24px #0006}
.guestSelf{right:12px;top:calc(max(14px,var(--live-safe-top,env(safe-area-inset-top))) + 66px)}
.room>video.guestVideo{width:var(--im-float-w,104px);height:var(--im-float-h,176px);max-width:none;max-height:none;aspect-ratio:auto;pointer-events:auto;touch-action:none;cursor:grab}
/* 观众端主画面已经包含主播合成的连麦布局，本地 self preview 不再重复叠第二个小窗。 */
#room>video#guestSelfVideo{display:none!important}
.guestHostGrid{position:absolute;z-index:6;inset:0;pointer-events:none}
.guestHostCard{position:absolute;overflow:hidden;background:var(--live-video-bg);pointer-events:auto}
#studio[data-guests="1"] .guestHostCard{border-radius:14px;border:1.5px solid #ffffffaa;box-shadow:0 10px 30px #0007}
.guestHostCard video{width:100%;height:100%;object-fit:contain;background:var(--live-video-bg);display:block}
.guestHostCard .guestName{position:absolute;left:8px;bottom:6px;max-width:75%;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 3px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guestHostCard .guestClose{position:absolute;right:6px;top:6px;width:28px;height:28px;border:0;border-radius:50%;background:#0009;color:#fff;font-size:17px;line-height:1}
#studio[data-guests]:not([data-guests="0"]):not([data-guests="1"]) .shade{background:linear-gradient(transparent 76%,rgba(0,0,0,.42))}
#remoteVideo,#localVideo,#guestSelfVideo,#miniVideo{object-fit:contain;object-position:center center;background:var(--live-video-bg)}
#remoteVideo.liveFitContain,#localVideo.liveFitContain,#guestSelfVideo.liveFitContain,#miniVideo.liveFitContain{object-fit:contain!important}#remoteVideo.liveFitCover,#localVideo.liveFitCover{object-fit:cover!important}
#localVideo,#guestSelfVideo{transform:scaleX(-1)}
#localVideo.rearCamera{transform:none}
.tabs button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-decoration:none;cursor:pointer;pointer-events:auto}

@media(max-width:700px){.top,.giftPanel,.studioInfo{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.card{contain:layout paint}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}}

.siteBrand{display:flex;align-items:center;gap:6px;flex:0 0 auto}.siteBrand img{width:34px;height:34px;border-radius:10px;object-fit:cover;display:block;box-shadow:0 5px 18px rgba(255,40,81,.24)}.siteBrand b{display:none}@media(max-width:375px){.siteBrand img{width:32px;height:32px}}

/* This page owns its standalone nav; the embedded surface uses the parent nav. */
.live-page .im-main-nav-live{position:fixed;left:0;right:0;bottom:0;z-index:100;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(46px + min(env(safe-area-inset-bottom),12px));padding:4px 12px calc(4px + min(env(safe-area-inset-bottom),12px));background:var(--live-top-bg);border-top:1px solid var(--live-line)}
.im-main-nav-live .mobiletab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;color:var(--live-muted);text-decoration:none;font-size:10px;line-height:12px}
.im-main-nav-live .mobiletab.active{color:var(--live-text);font-weight:700}
.im-main-nav-live .tabicon{display:block;width:20px;height:20px;flex:0 0 20px;line-height:0}
.im-main-nav-live .tabicon img{display:block;width:20px;height:20px;object-fit:contain}
.im-main-nav-live .mobiletab.active::after{content:"";position:absolute;bottom:-3px;left:50%;width:22px;height:2px;border-radius:2px;background:currentColor;transform:translateX(-50%)}
html.embedded-live .im-main-nav-live{display:none}
html.embedded-live .logout{display:none!important}
html.embedded-live .room{width:100vw;height:100dvh;max-width:none;left:0;right:0;bottom:0;transform:none}

.liveDialog{position:fixed;left:0;right:0;top:0;bottom:calc(var(--im-main-nav-height,64px) + var(--live-safe-bottom,env(safe-area-inset-bottom)));z-index:920;background:rgba(8,13,21,.56);display:grid;place-items:center;padding:18px}html.embedded-live .liveDialog{bottom:0}.liveDialogCard{position:relative;width:min(92vw,390px);background:var(--live-sheet);color:var(--live-text);border:1px solid var(--live-sheet-line);border-radius:20px;box-shadow:var(--live-shadow);overflow:hidden}.liveDialogHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 10px;cursor:grab;touch-action:none}.liveDialogHead:active{cursor:grabbing}.liveDialogHead b{font-size:17px}.liveDialogText{padding:4px 16px 16px;color:var(--live-sub);line-height:1.55;white-space:pre-wrap}.liveDialogInput{display:block;width:100%;margin-top:10px;min-height:40px;padding:8px 11px;border:1px solid var(--live-sheet-line);border-radius:10px;background:var(--live-field);color:var(--live-text);font-size:15px;outline:none}.liveDialogInput:focus{border-color:#fb3561}.liveDialogActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 16px}.liveDialogActions button{height:44px;border:0;border-radius:12px;font-weight:800}.liveDialogCancel{background:var(--live-btn2);color:var(--live-btn2-text)}.liveDialogConfirm{background:#ff2851;color:#fff}
[data-live-draggable]{will-change:transform}

.miniSurface{position:fixed;inset:0;z-index:850;background:var(--live-video-bg);overflow:hidden}
.miniSurface>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--live-video-bg);transform:none}
.miniSurface>video.frontMirror{transform:scaleX(-1)}
.miniControls{position:absolute;z-index:2;left:6px;right:6px;top:6px;height:34px;display:flex;align-items:center;justify-content:flex-end;gap:6px;pointer-events:none}
.miniControls button{pointer-events:auto;width:34px;height:30px;border:0;border-radius:10px;background:rgba(0,0,0,.58);color:#fff;font-size:17px;font-weight:900;display:grid;place-items:center}
.miniControls .miniDrag{margin-right:auto;cursor:grab;touch-action:none;font-size:15px;letter-spacing:-2px}
.miniControls .miniDrag:active{cursor:grabbing}
html.embedded-live.mini-live,html.embedded-live.mini-live body{background:var(--live-video-bg)!important;overflow:hidden!important}
html.embedded-live.mini-live .top,html.embedded-live.mini-live .hallHead,html.embedded-live.mini-live .feed,html.embedded-live.mini-live .nav,html.embedded-live.mini-live .logout,html.embedded-live.mini-live .authBoot,html.embedded-live.mini-live .setup,html.embedded-live.mini-live .notice,html.embedded-live.mini-live #room,html.embedded-live.mini-live #studio{display:none!important}
html.embedded-live.mini-live #miniSurface{display:block!important}
@media(max-width:480px){}

/* Live start/gift effects. */
.liveFullEffect{position:fixed;inset:0;z-index:90000;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle at center,rgba(255,255,255,.16),rgba(0,0,0,.04) 42%,rgba(0,0,0,.18));animation:liveFxIn .2s ease-out}.liveFullEffectCard{display:grid;place-items:center;gap:8px;max-width:88vw;text-align:center;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.8);animation:liveFxPop .75s cubic-bezier(.16,.88,.32,1.18)}.liveFullEffectEmoji{font-size:72px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.34))}.liveFullEffectTitle{font-size:34px;font-weight:950;letter-spacing:.04em}.liveFullEffectSub{font-size:17px;font-weight:800}.liveFullEffect.gift .liveFullEffectEmoji{font-size:92px}.liveFullEffect.leaving{opacity:0;transition:opacity .28s ease}@keyframes liveFxIn{from{opacity:0}to{opacity:1}}@keyframes liveFxPop{0%{transform:scale(.55);opacity:0}55%{transform:scale(1.12);opacity:1}100%{transform:scale(1)}}@media(max-width:480px){.liveFullEffectEmoji{font-size:62px}.liveFullEffectTitle{font-size:29px}}