.live-prep{width:min(96vw,680px)!important;max-height:92dvh;overflow:auto;padding:20px!important}.live-prep video{aspect-ratio:16/9!important}.live-prep-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.live-prep-grid label{display:grid;gap:5px;font-size:12px;color:var(--muted)}.live-prep-grid input,.live-prep-grid select,.live-prep>input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--text)}.live-prep-actions{display:flex;justify-content:center;gap:8px;margin-top:14px}.live-prep-actions button{min-width:130px}.live-strip{margin:12px 0;display:grid;gap:8px}.live-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.live-card .avatar{flex:0 0 42px}.live-card>span:nth-child(2){min-width:0;flex:1}.live-card small{display:block;color:var(--muted)}.live-pill{display:inline-flex;padding:3px 7px;border-radius:6px;background:#ed1744;color:#fff;font-size:9px;font-weight:900;letter-spacing:.6px}.live-card.scheduled .live-pill{background:#7768e8}.live-card.ended .live-pill{background:#536174}.live-room{position:fixed;z-index:10000;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#03060d;color:#fff}.live-room::backdrop{background:#000}.live-stage{position:absolute;inset:0 0 170px;background:#050914;overflow:hidden}.live-stage.half{inset:0 0 42%;}.live-main-video,.live-main-video>div{width:100%;height:100%;object-fit:cover}.live-stage.half .live-main-video,.live-stage.half .live-main-video>div{object-position:center 20%}.live-room-head{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;background:linear-gradient(#000c,transparent)}.live-room-head>div{flex:1;min-width:0}.live-room-head h2{font-size:16px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-room-head small{opacity:.8}.live-room-head button{width:38px;height:38px;border:0;border-radius:50%;background:#ffffff24;color:#fff}.live-controls{position:absolute;z-index:7;left:8px;right:8px;bottom:calc(112px + env(safe-area-inset-bottom));display:flex;gap:7px;justify-content:center;overflow-x:auto}.live-controls button{flex:0 0 auto;min-width:48px;height:48px;padding:5px 9px;border:0;border-radius:14px;background:#17202dd9;color:#fff;font-size:10px}.live-controls button i{display:block;font-style:normal;font-size:18px}.live-controls .live-end{background:#dc2146}.live-comments-panel{position:absolute;z-index:6;left:0;right:0;bottom:0;height:112px;padding:7px 9px calc(7px + env(safe-area-inset-bottom));background:#090f18e8}.live-comments{height:62px;overflow-y:auto;font-size:12px}.live-comments p{margin:3px}.live-comment-form{display:flex;gap:6px}.live-comment-form input{min-width:0;flex:1;padding:8px 11px;border:1px solid #ffffff2c;border-radius:999px;background:#ffffff13;color:#fff}.live-comment-form button{border:0;border-radius:999px;background:var(--accent);color:#fff;padding:7px 13px}.live-cohosts{position:absolute;z-index:4;right:9px;top:80px;display:grid;gap:6px}.live-cohost-tile{width:92px;aspect-ratio:3/4;border:2px solid #fff6;border-radius:12px;overflow:hidden;background:#182030}.live-cohost-tile>div{width:100%;height:100%}.live-participant-drawer{position:absolute;z-index:9;inset:auto 8px 170px 8px;max-height:44dvh;overflow:auto;padding:12px;border-radius:15px;background:#111b29f2}.live-participant-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #ffffff1c}.live-participant-row div{display:flex;gap:5px}.live-participant-row button{padding:6px;border:0;border-radius:7px}.live-replay{width:100%;max-height:60dvh;background:#000}.live-share-link{position:absolute;opacity:0;pointer-events:none}@media(min-width:800px){.live-comments-panel{left:20px;right:auto;bottom:20px;width:420px;height:190px;border-radius:18px}.live-comments{height:135px}.live-controls{bottom:25px;left:auto;right:25px}.live-stage{inset:0}.live-participant-drawer{left:auto;right:20px;bottom:90px;width:380px}.live-stage.half{inset:0 28% 0 0}}