.live-theater{z-index:80;background:var(--bg,#100c1e);height:100dvh;color:var(--text,#fff);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;animation:.24s ease-out both live-theater-enter;display:flex;position:fixed;inset:0}.live-theater-toolbar{flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;display:flex}.live-theater-button{background:var(--surface,#211b30);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:8px 12px;font-size:14px;display:inline-flex}.live-theater-button:focus-visible{outline:2px solid var(--primary,#a995ed);outline-offset:3px}.live-theater-layout{direction:ltr;flex:1;min-height:0;display:flex}.live-theater-stage{flex:1;min-width:0;min-height:0;padding:0 16px 16px;overflow-y:auto}.live-theater-stage>div{height:100%;min-height:0}.live-theater-stage>div>:first-child{aspect-ratio:auto;border-radius:12px;flex:1;min-height:0}.live-theater-stage>div>:last-child{flex-shrink:0;max-height:22dvh;overflow-y:auto}html[dir=rtl] .live-theater-stage,html[dir=rtl] .live-theater-comments{direction:rtl}.live-theater-comments{flex-shrink:0;width:clamp(280px,28vw,390px);min-height:0;padding:0 16px 16px 0;animation:.18s ease-out live-comments-enter}.live-theater-comments>section{height:100%;min-height:0}.live-theater-comments>section>div{overscroll-behavior:contain;min-height:0}.live-theater-comments[hidden]{display:none}.live-theater:fullscreen{width:100%;height:100dvh}.live-theater:fullscreen .live-theater-toolbar{display:none}.live-theater:fullscreen .live-theater-stage{padding:0}.live-theater:fullscreen .live-theater-stage>div{gap:0}.live-theater:fullscreen .live-theater-stage>div>:first-child{border-radius:0}.live-theater:fullscreen .live-theater-stage>div>:last-child{display:none}.live-theater:fullscreen .live-theater-comments{padding:8px}@media (max-width:899px) and (orientation:portrait){.live-theater-layout{flex-direction:column}.live-theater-comments{width:100%;height:48%;padding:0 12px 12px}.live-theater-stage{padding:0 12px 12px}.live-theater-stage>div{gap:12px}.live-theater-stage>div>:last-child{max-height:14dvh}.live-theater-stage h1{font-size:20px}}@media (max-height:500px) and (orientation:landscape){.live-theater-toolbar{padding-block:2px}.live-theater-stage>div>:last-child{display:none}.live-theater-comments{width:280px}}@keyframes live-theater-enter{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:none}}@keyframes live-comments-enter{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.live-theater,.live-theater-comments{animation:none}}