:root{--bg:#08131d;--panel:#0a141fe6;--panel-2:#081019f5;--line:#d1e0ee1f;--text:#ebf4fb;--muted:#99aec1;--primary:#405cff;--primary-strong:#243bdb;--primary-hover:#526dff;--primary-ring:#405cff9e;--primary-ring-soft:#405cff2e;--primary-shadow:#405cff52;--status-live:#ff7240;--status-online:#10c4b6;--status-warning:#ffc86d;--status-danger:#ff6479;--status-live-soft:#ff72402e;--status-online-soft:#10c4b62e;--status-warning-soft:#ffc86d2e;--status-danger-soft:#ff64792e;--accent:var(--status-live);--accent-2:var(--status-online);--danger:var(--status-danger);--warm:var(--status-warning);--shadow:0 22px 60px #00000057;--mobile-nav-height:56px;--z-menu:30;--z-panel-backdrop:29;--z-panel:30;--z-auth-backdrop:31;--z-auth-panel:32;--z-edit-panel-backdrop:33;--z-edit-panel:34;--z-share-backdrop:80;--z-share-panel:81}*{box-sizing:border-box}html,body,#app{height:100%}body{min-height:100%;color:var(--text);background:radial-gradient(circle at 0 0,#10c4b629,#0000 28%),radial-gradient(circle at 100% 0,#ff724024,#0000 30%),linear-gradient(#08131d 0%,#061018 100%);margin:0;font-family:Avenir Next,Segoe UI,sans-serif;overflow:hidden}button,input,select,textarea{font:inherit;-webkit-tap-highlight-color:transparent}a,button,input,select,textarea,label,[role=button]{-webkit-tap-highlight-color:transparent}h1,h2,h3,p,pre{margin:0}.app-container{grid-template-rows:auto minmax(0,1fr);width:100%;height:100svh;display:grid}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:18px;min-height:72px;padding:0 12px;display:flex}.brand{gap:2px;min-width:0;display:grid}.brand-button{color:inherit;font:inherit;text-align:left;cursor:pointer;appearance:none;background:0 0;border:0;align-content:center;padding:0;text-decoration:none;display:grid}.brand-button:focus-visible{outline:2px solid var(--primary-ring);outline-offset:4px}.brand h1,.brand-title{letter-spacing:-.03em;font-size:clamp(1.25rem,2vw,1.65rem);font-weight:650;line-height:1}.brand p{color:var(--muted);font-size:.88rem}.topbar-right{align-items:center;gap:14px;margin-left:auto;display:flex}.desktop-nav{gap:8px;display:flex}.auth-toolbar{align-items:center;gap:10px;display:flex}.auth-menu-shell{align-items:center;display:flex;position:relative}.auth-avatar-button{cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;min-height:40px;padding:0;display:inline-flex}.auth-avatar-button:focus-visible{outline:2px solid var(--primary-ring);outline-offset:2px}.auth-avatar{color:#f8fbff;letter-spacing:.02em;background:linear-gradient(#a4b1c047,#5663736b);border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.92rem;font-weight:700;display:inline-flex;overflow:hidden}.auth-avatar img{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.auth-avatar.is-authenticated{background:linear-gradient(#07c16057,#077a48b8)}.auth-avatar.is-unavailable{color:#ffebebe0;background:linear-gradient(#7d57574d,#5c303080)}.auth-avatar.is-loading{background:linear-gradient(#426f9247,#213a528a)}.auth-avatar-icon{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.auth-avatar-spinner{border:2px solid #ffffff38;border-top-color:#ffffffeb;border-radius:999px;width:16px;height:16px;animation:.85s linear infinite auth-avatar-spin}@keyframes auth-avatar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-menu-dropdown{z-index:var(--z-menu);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 0;background:#091018f5;border:1px solid #ffffff14;border-radius:14px;gap:4px;min-width:156px;padding:8px;transition:opacity .16s,transform .18s cubic-bezier(.22,.82,.31,1),visibility 0s linear .18s;display:grid;position:absolute;top:100%;right:0;transform:scale(.92);box-shadow:0 16px 36px #00000052}.auth-menu-dropdown.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .16s,transform .18s cubic-bezier(.22,.82,.31,1),visibility;transform:translate(0,0)scale(1)}.auth-menu-item{color:#f1f5f9;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;min-height:38px;padding:0 12px;font-size:.92rem;transition:background .14s,color .14s}.auth-menu-item:hover{color:#fff;background:#ffffff14}.auth-menu-item:focus-visible{color:#fff;outline:2px solid var(--primary-ring);outline-offset:-2px;background:#ffffff14}.auth-menu-item:disabled{color:#f1f5f96b;cursor:not-allowed}.nav-button,a.nav-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:42px;padding:0 14px;transition:color .14s,background .14s}a.nav-button{align-items:center;text-decoration:none;display:inline-flex}.nav-button:hover{color:var(--text)}.nav-button.is-active{color:var(--text);background:#ffffff14}.desktop-nav .nav-button{border-bottom:2px solid #0000;border-radius:0;min-height:40px;padding:0 8px}.desktop-nav .nav-button.is-active{color:#f8fbff;border-bottom-color:var(--primary);background:0 0}.page-shell{min-height:0;position:relative;overflow:visible}.page{position:absolute;inset:0;overflow:auto}.page-immersive{padding:0}.page[hidden]{display:none}.page-grid{gap:14px;min-height:100%;display:grid}.watch-layout,.live-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,400px);align-items:start}.stack{gap:12px;display:grid}label{gap:6px;font-size:.9rem;display:grid}input,select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text);background:#ffffff0a;border-radius:14px;padding:9px 12px}textarea{border:1px solid var(--line);width:100%;min-height:96px;color:var(--text);resize:vertical;background:#ffffff0a;border-radius:14px;padding:11px 13px}input:focus,select:focus,textarea:focus{border-color:var(--primary-ring);box-shadow:0 0 0 3px var(--primary-ring-soft);outline:none}input[readonly],textarea[readonly]{color:#d8e6f4}button{color:#fff;cursor:pointer;background:0 0;border:1px solid #0000;padding:0;transition:border-color .16s,box-shadow .16s,filter .16s,transform .16s,opacity .16s}button.primary,button.secondary,button.success{border-radius:999px;min-height:42px;padding:0 16px}button.primary{background:linear-gradient(180deg, var(--primary), var(--primary-strong));color:#fff;box-shadow:0 12px 28px var(--primary-shadow);filter:brightness()}button.primary:hover{box-shadow:0 14px 34px var(--primary-shadow);filter:brightness(1.12)saturate(1.08);transform:translateY(-1px)}button.primary:focus-visible{box-shadow:0 14px 34px var(--primary-shadow);filter:brightness(1.12)saturate(1.08);outline:2px solid var(--primary-ring);outline-offset:2px;transform:translateY(-1px)}button.primary:active{filter:brightness(.96);transform:translateY(0)}button.primary:disabled,button.secondary:disabled,button.success:disabled{opacity:.5;box-shadow:none;cursor:not-allowed;filter:none;transform:none}button.primary:disabled{background:linear-gradient(180deg, var(--primary), var(--primary-strong))}button.secondary{color:var(--text);background:#ffffff14;border-color:#ffffff14}button.success{background:linear-gradient(180deg, var(--status-online), #0ea89a);color:#fff}.action-row{flex-wrap:wrap;gap:10px;display:flex}.status{min-height:24px;color:var(--text);overflow-wrap:anywhere;line-height:1.45}.inline-warning{color:var(--status-danger);margin:-2px 2px 0;font-size:.88rem;line-height:1.45}.summary-item{border:1px solid var(--line);background:#ffffff0a;border-radius:16px;padding:12px 14px}.summary-item strong{margin-bottom:5px;font-size:.9rem;display:block}.summary-item span{color:var(--muted);overflow-wrap:anywhere;line-height:1.45;display:block}.watch-idle-page{height:100%;min-height:100%;overflow:hidden}.watch-idle-shell{height:100%;min-height:100%;padding:0;display:grid}.watch-idle-panel{grid-template-rows:auto minmax(0,1fr);gap:0;width:100%;height:100%;min-height:100%;margin:0;display:grid}.watch-idle-form{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;height:60px;min-height:60px;padding:0 8px;display:grid}.watch-idle-form input{border-radius:10px;min-width:0;height:40px;min-height:40px;padding:0 12px;font-size:.92rem}.watch-idle-form button{width:40px;min-width:40px;height:40px;min-height:40px;color:var(--text);box-shadow:none;background:0 0;border:0;border-radius:0;justify-self:start;place-items:center;padding:0;display:grid}.watch-idle-form button svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.watch-room-section{gap:8px;min-height:0;padding:0 8px 8px;display:grid;overflow:auto}.watch-room-section.is-empty{place-items:center;overflow:hidden}.watch-room-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;display:grid}.watch-room-row{min-height:0;color:inherit;text-align:left;cursor:pointer;background:linear-gradient(#0d1722eb,#080f18f0),radial-gradient(circle at 0 0,#10c4b60f,#0000 38%);border:1px solid #ffffff14;border-radius:6px;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:0;padding:0;text-decoration:none;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:grid;overflow:hidden;box-shadow:0 12px 30px #0000002e}.watch-room-row:hover{background:linear-gradient(#0f1a27f5,#09101bfa),radial-gradient(circle at 0 0,#10c4b614,#0000 40%);border-color:#ffffff24;transform:translateY(-1px);box-shadow:0 16px 36px #00000038}.watch-room-row:focus-visible{outline:2px solid var(--primary-ring);outline-offset:2px;background:linear-gradient(#0f1a27f5,#09101bfa),radial-gradient(circle at 0 0,#10c4b614,#0000 40%);border-color:#ffffff24;transform:translateY(-1px);box-shadow:0 16px 36px #00000038}.watch-room-row.is-no-cover{grid-template-columns:minmax(0,1fr);min-height:0}.watch-room-cover{aspect-ratio:16/9;background:linear-gradient(135deg,#10c4b633,#ff72402e),#ffffff0a;border-radius:0;min-height:0;margin:0;overflow:hidden}.watch-room-cover.is-placeholder{background:linear-gradient(#ffffff05,#ffffff03),#ffffff04;border-radius:0;place-items:center;margin:0;display:grid}.watch-room-cover img{object-fit:cover;width:100%;height:100%;display:block}.watch-room-cover-placeholder{color:#ebf4fbad;text-align:center;align-content:center;justify-items:center;gap:8px;width:100%;height:100%;padding:16px 12px;display:grid}.watch-room-cover-placeholder svg{stroke:currentColor;stroke-width:1.7px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.watch-room-cover-placeholder span{font-size:.8rem}.watch-room-row-body{align-content:start;gap:10px;padding:14px 14px 16px;display:grid}.watch-room-row-main{gap:4px;min-width:0;display:grid}.watch-room-row-main strong,.watch-room-row-host>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.watch-room-row-main strong{font-size:1.05rem;font-weight:650;line-height:1.3}.watch-room-row-host{color:#ebf4fbe0;align-items:center;gap:10px;min-width:0;font-size:.9rem;display:flex}.watch-room-host-avatar{width:34px;height:34px;color:var(--text);background:#ffffff0f;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.86rem;font-weight:700;display:inline-flex}.watch-room-host-avatar img{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.watch-room-host-avatar.is-placeholder,.watch-room-host-avatar.is-monogram{border:1px solid #ffffff14}.watch-room-host-avatar.is-placeholder{color:var(--muted)}.watch-room-host-avatar svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}@media (width>=761px){.watch-room-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.watch-room-row{align-self:start}.watch-room-row-body{gap:8px;padding:12px 12px 14px}.watch-room-row-main strong{font-size:1rem}.watch-room-row-host{gap:8px;font-size:.88rem}.watch-room-row.is-no-cover .watch-room-cover-placeholder{padding:12px 10px}}.watch-room-state{color:var(--muted);text-align:center;justify-self:center;padding:2px 0 0;font-size:.92rem;line-height:1.5}.watch-room-state.is-error{color:#ffd3d9}@media (width<=760px){.watch-room-grid{grid-template-columns:minmax(0,1fr)}.watch-room-row,.watch-room-row.is-no-cover{grid-template-columns:minmax(0,1fr);min-height:0}.watch-room-cover{aspect-ratio:16/9;min-height:0}.watch-room-row-body{align-content:start;gap:8px;padding:14px 14px 16px}}.settings-layout{grid-template-columns:minmax(0,1fr);max-width:1120px;margin:0 auto;padding:18px 0}.my-page-shell{align-content:start;width:100%;min-height:100%;margin:0 auto;padding:20px 0 36px;display:grid}.my-page-main{grid-template-columns:minmax(280px,320px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.my-page-aside,.my-page-content{min-width:0}.my-account-card{background:linear-gradient(#0d1a26fa,#09121cfa),radial-gradient(circle at 0 0,#10c4b61a,#0000 34%);border:1px solid #ffffff14;border-radius:24px;overflow:hidden}.my-page-toolbar{justify-content:flex-end;align-items:center;min-height:60px;display:none}.my-page-settings-button{width:42px;min-width:42px;min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.my-page-settings-button svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.my-profile-row{width:100%;min-width:0;min-height:96px;color:var(--text);text-align:left;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.my-profile-row:disabled{cursor:default}.my-profile-row.is-loading{opacity:.88}.my-profile-avatar{width:72px;height:72px;color:var(--text);background:0 0;place-items:center;font-size:1.35rem;font-weight:700;display:grid}.my-profile-avatar img{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.my-profile-avatar svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.my-profile-avatar.is-placeholder,.my-profile-avatar.is-monogram{background:#ffffff0f;border-radius:999px}.my-profile-avatar.is-placeholder{color:var(--muted)}.my-profile-avatar.is-monogram{color:var(--text)}.my-profile-avatar span{line-height:1;display:block}.my-profile-copy{gap:4px;min-width:0;display:grid}.my-profile-copy strong{font-size:1.24rem;font-weight:650;line-height:1.25;display:block}.my-profile-copy span{color:var(--muted);font-size:.9rem;line-height:1.4}.my-profile-chevron{color:#99aec1d9;justify-content:center;align-items:center;line-height:0;display:inline-flex}.my-profile-row.is-loading .my-profile-chevron{opacity:.5}.mobile-settings-profile,.mobile-settings-content.my-page-sections{display:none}.desktop-settings-sidebar{display:grid}.desktop-settings-list{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;display:grid;overflow:hidden}.desktop-settings-list-item{width:100%;min-width:0;min-height:56px;color:var(--text);text-align:left;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.desktop-settings-list-item+.desktop-settings-list-item{border-top:1px solid #ffffff0e}.desktop-settings-list-item:hover,.desktop-settings-list-item.is-active{background:#ffffff0e}.desktop-settings-list-item:focus-visible{outline:2px solid var(--primary-ring);outline-offset:-2px}.desktop-settings-list-item>span:first-child{gap:4px;min-width:0;display:grid}.desktop-settings-list-item strong{font-size:1rem;font-weight:650;line-height:1.35;display:block}.desktop-settings-list-item.is-active .my-row-chevron{color:var(--accent-2)}.my-profile-chevron svg,.my-row-chevron svg{stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:18px;height:18px}.my-page-sections,.settings-panel-body{gap:16px;display:grid}.my-page-sections>.my-section:first-child{margin-top:0}.my-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;overflow:hidden}.my-section-head{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px 10px;display:flex}.my-section-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;flex:none;font-size:.84rem;line-height:1.2}.my-section-link{width:auto;min-width:auto;min-height:auto;color:var(--status-danger);background:0 0;border:0;border-radius:0;flex:none;margin-left:auto;padding:0;font-size:.88rem;font-weight:600}.my-section-body{gap:0;display:grid}.my-page-content .my-section{min-height:320px}.my-info-row,.my-field{border-top:1px solid #ffffff0f;padding:14px 18px}.my-info-row:first-child,.my-field:first-child{border-top:0}.my-info-row{gap:6px;display:grid}.my-info-row strong{font-size:.96rem;line-height:1.3;display:block}.my-info-row span{color:var(--muted);overflow-wrap:anywhere;line-height:1.45}.my-field{gap:8px;display:grid}.my-field>span{color:var(--text);font-size:.92rem}.card{border:1px solid var(--line);background:#ffffff08;border-radius:24px;min-width:0;padding:16px}.card h2,.card h3{margin-bottom:6px}.card p{color:var(--muted);line-height:1.48}.state-pill{border:1px solid var(--line);white-space:nowrap;background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:.9rem;display:inline-flex}.state-pill:before{content:"";background:#708396;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 4px #70839624}.state-pill[data-state=live]:before{background:var(--status-live);box-shadow:0 0 0 4px var(--status-live-soft)}.state-pill[data-state=warm]:before{background:var(--status-warning);box-shadow:0 0 0 4px var(--status-warning-soft)}.state-pill[data-state=error]:before{background:var(--status-danger);box-shadow:0 0 0 4px var(--status-danger-soft)}.account-panel-list{--account-list-label-width:72px;--account-list-gap:16px;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;display:grid}.account-list-item{grid-template-columns:var(--account-list-label-width) minmax(0, 1fr);align-items:center;gap:var(--account-list-gap);min-width:0;padding:16px 20px;display:grid}.account-panel-list>*+*{border-top:1px solid #ffffff0b}.account-list-label{color:#99aec1db;font-size:.92rem;line-height:1.4}.account-list-value{min-width:0;color:var(--text);text-align:right;justify-content:flex-end;align-items:center;gap:12px;display:flex}.account-list-value strong{overflow-wrap:anywhere;font-size:1rem;font-weight:600;line-height:1.4}.account-list-item-avatar{align-items:center}.account-list-item-button{cursor:pointer;transition:background-color .16s}.account-list-item-button:hover{background:#ffffff08}.account-list-item-button:focus-visible{outline:2px solid var(--primary-ring);outline-offset:2px}.account-list-item-button[aria-disabled=true]{cursor:default}.account-list-avatar{grid-template-columns:minmax(0,1fr) auto;justify-content:flex-end;align-items:center;column-gap:12px;display:grid}.account-list-avatar .my-profile-avatar{width:48px;height:48px}.account-list-avatar-editable{justify-items:end;gap:10px;display:grid}.account-list-chevron{color:#99aec1db;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.account-list-chevron svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.account-avatar-input{display:none}.account-editable-row{min-width:0;padding:16px 20px;display:grid}.account-editable-row-main{grid-template-columns:var(--account-list-label-width) minmax(0, 1fr);align-items:center;gap:var(--account-list-gap);min-width:0;display:grid}.account-editable-value{min-width:0;color:var(--text);text-align:right;justify-content:flex-end;align-items:center;gap:12px;display:flex}.account-editable-value strong{overflow-wrap:anywhere;font-size:1rem;font-weight:600;line-height:1.4}.account-editable-value-inline{min-height:32px}.account-editable-value-editing{justify-content:flex-end;display:flex}.account-editable-value-editing input{flex:0 240px;width:auto;min-width:0}.account-editable-collapse{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.4,0,.2,1),opacity .16s;display:grid}.account-editable-collapse.is-open{opacity:1;grid-template-rows:1fr}.account-editable-collapse-inner{min-height:0;margin-left:calc(var(--account-list-label-width) + var(--account-list-gap));overflow:hidden}.account-editable-note{color:var(--muted);text-align:right;overflow-wrap:anywhere;margin:10px 0 0;font-size:.92rem;line-height:1.5}.account-icon-actions{align-items:center;gap:8px;display:inline-flex}.account-icon-button{width:32px;min-width:32px;min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.account-icon-button svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.account-icon-button:disabled{opacity:.4}.my-account-form{gap:18px;display:grid}.my-account-form-content{gap:18px;padding:0 20px;display:grid}.my-actions{flex-wrap:wrap;gap:10px;padding:16px 18px 18px;display:flex}.my-actions button{flex:180px}.my-plain-login-button{min-height:auto;color:var(--accent-2);background:0 0;border:0;border-radius:0;flex:none;padding:0}.my-plain-login-button:disabled{opacity:.64}.my-history-list{margin:0;padding:0;list-style:none;display:grid}.my-history-row{width:100%;min-width:0;color:var(--text);text-align:left;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 18px;text-decoration:none;display:grid}.my-history-list>li+li .my-history-row{border-top:1px solid #ffffff0f}.my-history-copy{gap:4px;min-width:0;display:grid}.my-history-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.35;display:block;overflow:hidden}.my-history-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;line-height:1.4;overflow:hidden}.my-history-meta{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:.82rem;display:inline-flex}.my-row-chevron{justify-content:center;align-items:center;line-height:0;display:inline-flex}.my-empty-state{min-height:220px;color:var(--muted);align-content:start;gap:14px;padding:18px;display:grid}.my-log-block{border-top:1px solid #ffffff0f;gap:10px;padding:14px 18px 18px;display:grid}.my-log-block h3{margin:0;font-size:.96rem}.my-log-block pre{height:260px;margin:0}.settings-panel-backdrop{z-index:var(--z-panel-backdrop);background:#040b118f;border:0;border-radius:0;position:fixed;inset:0}.settings-panel{z-index:var(--z-panel);width:min(420px,100vw);box-shadow:var(--shadow);background:linear-gradient(#081019fa,#050d14fa),radial-gradient(circle at 0 0,#10c4b61a,#0000 32%);border-left:1px solid #ffffff14;grid-template-rows:auto minmax(0,1fr);padding:20px 18px 24px;display:grid;position:fixed;top:0;bottom:0;right:0}.settings-panel-head{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:12px;display:grid}.settings-panel-head strong{text-align:center;margin:0;font-size:1.15rem}.panel-head-spacer{width:40px;height:40px}.settings-panel-close{width:40px;min-width:40px;min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:0;justify-content:center;justify-self:start;align-items:center;padding:0;line-height:1;display:inline-flex}.settings-panel-close svg{stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:22px;height:22px}.settings-panel-body{min-height:0;padding-right:2px;overflow:auto}.auth-panel-backdrop{z-index:var(--z-auth-backdrop);background:#040b1199;border:0;border-radius:0;position:fixed;inset:0}.auth-panel{z-index:var(--z-auth-panel);background:linear-gradient(#0a131d,#050c14),radial-gradient(circle at 0 0,#10c4b614,#0000 30%);grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.auth-panel-login{background:linear-gradient(#0b141ffa,#060d16fa),radial-gradient(circle at top,#10c4b61a,#0000 42%);border:1px solid #94a3b82e;border-radius:28px;width:min(460px,100vw - 32px);max-height:min(560px,100vh - 32px);inset:50% auto auto 50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 28px 80px #00000061}.account-panel-head{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:12px;padding:20px 20px 8px;display:grid}.account-panel-head strong{text-align:center;margin:0;font-size:1.15rem}.account-panel-close{width:40px;min-width:40px;min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:0;justify-content:center;justify-self:start;align-items:center;padding:0;line-height:1;display:inline-flex}.account-panel-close svg{stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:22px;height:22px}.account-panel-body{align-content:start;min-height:0;padding:0 0 32px;display:grid}.auth-panel-edit{z-index:var(--z-edit-panel)}.auth-panel-edit-backdrop{z-index:var(--z-edit-panel-backdrop)}.account-edit-panel-body{min-height:0;padding:12px 20px 32px;overflow:auto}.account-edit-form{gap:14px;display:grid}.account-edit-field{gap:8px;display:grid}.account-edit-field>span,.account-edit-note{color:var(--muted);font-size:.9rem;line-height:1.45}.account-edit-note{margin:0}.account-edit-actions{grid-template-columns:1fr;margin-top:6px;display:grid}.login-panel-head{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:12px;padding:18px 22px 4px;display:grid}.login-panel-head strong{text-align:center;margin:0;font-size:1.15rem}.login-panel-close{width:40px;min-width:40px;min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:0;justify-content:center;justify-self:start;align-items:center;padding:0;line-height:1;display:inline-flex}.login-panel-close svg{stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:22px;height:22px}.login-panel-body{flex-direction:column;justify-content:center;gap:24px;min-height:0;padding:0 20px 32px;display:flex}.login-panel-copy{text-align:center;justify-items:center;gap:8px;display:grid}.login-panel-copy h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}.login-panel-copy p{max-width:28rem;color:var(--muted);margin:0;line-height:1.55}.login-provider-button{color:#18232d;background:#f5f7fa;border:1px solid #ffffff1f;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:56px;padding:0 18px;font-weight:650;display:inline-flex}.login-provider-button:disabled{opacity:.64}.login-provider-icon{flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.login-provider-icon svg{width:100%;height:100%;display:block}.settings-shell{grid-template-columns:minmax(320px,380px) minmax(0,1fr);align-items:start;gap:20px;min-height:100%;display:grid}.settings-overview,.settings-detail-panel{align-content:start;gap:16px;padding:0;display:grid;overflow:hidden}.settings-overview.card,.settings-detail-panel.card{padding:0}.settings-overview-head,.settings-detail-head{gap:6px;padding:18px 20px 8px;display:grid}.settings-overview-head{text-align:center;justify-items:center}.settings-overview-head h2,.settings-detail-head h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.3rem,2vw,1.7rem)}.settings-overview-head p,.settings-detail-head p{color:var(--muted);font-size:.9rem;line-height:1.55}.settings-overview-groups,.settings-stack{gap:14px;padding:0 14px 14px;display:grid}.settings-profile-row{min-height:72px;color:var(--text);text-align:left;box-shadow:none;background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 14px;padding:14px 16px;display:grid}.settings-profile-avatar{color:#fff;background:linear-gradient(135deg,#10c4b638,#ff72403d);border-radius:999px;place-items:center;width:44px;height:44px;font-size:1rem;font-weight:700;display:grid;overflow:hidden}.settings-profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.settings-profile-avatar svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.settings-profile-copy{min-width:0;display:block}.settings-profile-copy strong{font-size:1rem;font-weight:600;line-height:1.3;display:block}.settings-row{width:100%;min-width:0;min-height:60px;color:var(--text);text-align:left;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 16px;display:grid}.settings-row+.settings-row{border-top:1px solid #ffffff0f}.settings-row:hover{background:#ffffff05;transform:none}.settings-row.is-active{background:#10c4b614}.settings-row-main{gap:2px;min-width:0;display:grid}.settings-row-main strong{font-size:1.02rem;font-weight:600;line-height:1.35;display:block}.settings-row-trailing{color:var(--muted);align-items:center;gap:10px;display:inline-flex}.settings-row-chevron{color:#99aec1e6;font-size:1.5rem;line-height:1}.settings-back-button{width:auto;min-height:32px;color:var(--text);box-shadow:none;background:0 0;border:0;border-radius:0;justify-self:start;align-items:center;gap:2px;padding:0;display:none}.settings-back-button span[aria-hidden=true]{font-size:1.8rem;line-height:1}@media (width<=760px){.settings-layout{padding:0}.my-page-shell{width:100%;padding:0 0 calc(16px + env(safe-area-inset-bottom))}.my-page-main{grid-template-columns:1fr;gap:0}.my-account-card{background:0 0;border:0;border-radius:0}.my-page-toolbar{padding:0 12px;display:flex}.my-page-settings-button{width:34px;min-width:34px;min-height:34px}.my-profile-row{box-shadow:none;background:0 0;border:0;border-radius:0;padding:10px 16px}.desktop-settings-sidebar,.desktop-settings-content{display:none}.mobile-settings-profile{display:block}.mobile-settings-content.my-page-sections{display:grid}.my-profile-avatar{width:72px;height:72px}.my-profile-copy strong{font-size:1.1rem}.my-profile-copy span{font-size:.86rem}.my-page-sections,.settings-panel-body{gap:12px}.my-page-sections>.my-section:first-child{margin-top:10px}.my-section{background:0 0;border:0;border-radius:0}.my-page-content .my-section{min-height:0}.my-section-head{background:#ffffff08;padding:8px 16px}.my-section-title{letter-spacing:0;text-transform:none;font-size:.9rem}.my-section-link{width:auto;font-size:.86rem}.my-info-row,.my-field,.my-history-row{background:#081019d1;padding:14px 16px}.my-actions{grid-template-columns:1fr;padding:14px 16px 0;display:grid}.my-actions button{width:100%}.my-plain-login-button{justify-self:start;width:auto}.my-empty-state{background:#081019d1;min-height:0;padding:16px}.my-log-block{background:#081019d1;padding:14px 16px 16px}.my-log-block pre{border-radius:14px;height:220px}.settings-panel{width:100%;height:100svh;max-height:none;padding:0 0 calc(16px + env(safe-area-inset-bottom));border-top:0;border-left:0;border-radius:0;inset:0}.settings-panel-head{min-height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0}.account-panel-head,.login-panel-head{min-height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0}.auth-panel-login{width:auto;max-height:none;box-shadow:none;border:0;border-radius:0;inset:0}.account-panel-body{padding:0 0 calc(24px + env(safe-area-inset-bottom))}.account-edit-panel-body{padding:10px 16px calc(24px + env(safe-area-inset-bottom))}.account-edit-form{gap:12px}.account-edit-field{gap:8px;padding:14px 0 4px}.account-edit-field input{border-radius:14px;min-height:48px}.account-edit-note{padding:0 2px}.account-edit-actions{margin-top:8px}.account-edit-actions button{width:100%}.login-panel-body{padding:0 16px calc(24px + env(safe-area-inset-bottom));gap:20px}.my-account-form-content{padding:0 16px}.login-panel-copy h2{font-size:1.5rem}.account-panel-list{--account-list-label-width:64px;--account-list-gap:12px}.account-list-item{grid-template-columns:var(--account-list-label-width) minmax(0, 1fr);gap:var(--account-list-gap)}.account-list-item,.account-editable-row{padding:14px 16px}.account-list-avatar .my-profile-avatar{width:44px;height:44px}.login-provider-button{max-width:none}.settings-shell{min-height:calc(100svh - var(--mobile-nav-height) - env(safe-area-inset-bottom));grid-template-columns:1fr;gap:0}.settings-shell.is-detail-open .settings-overview{display:none}.settings-detail-panel{min-height:calc(100svh - var(--mobile-nav-height) - env(safe-area-inset-bottom));padding-bottom:calc(8px + env(safe-area-inset-bottom));display:none}.settings-shell.is-detail-open .settings-detail-panel{display:grid}.settings-back-button{align-items:center;display:inline-flex}.settings-overview,.settings-detail-panel{box-shadow:none;background:0 0;border:0;border-radius:0;gap:10px}.settings-overview-head,.settings-detail-head{background:#081019eb;border-bottom:1px solid #ffffff0d;align-items:center;min-height:58px;padding:14px 16px 10px;position:relative}.settings-overview-head{justify-items:center}.settings-detail-head{grid-template-columns:1fr;justify-items:center}.settings-overview-head p,.settings-detail-head p{display:none}.settings-overview-head h2,.settings-detail-head h2{margin:0;font-size:1.2rem;font-weight:650;line-height:1.2}.settings-overview-groups,.settings-stack{padding:0 0 calc(8px + env(safe-area-inset-bottom));gap:10px}.settings-profile-row{background:#081019d1;border:1px solid #ffffff0d;border-left:0;border-right:0;border-radius:0;min-height:72px;margin:0;padding:14px 16px}.settings-profile-copy strong{font-size:1.02rem;font-weight:600}.settings-row{min-height:72px;padding:0 16px}.settings-row-main strong{font-size:1.02rem;font-weight:500}.settings-row-trailing{gap:6px}.settings-row-chevron{font-size:1.8rem}.settings-back-button{min-width:32px;min-height:32px;color:var(--text);justify-content:center;display:inline-flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.settings-stack{gap:0}.settings-stack>label,.settings-stack>.summary-item,.settings-stack>article.stack,.settings-stack>form.stack{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.settings-stack>form.stack,.settings-stack>article.stack{gap:0;display:grid}.settings-stack>label,.settings-stack>form.stack>label,.settings-stack>.summary-item,.settings-stack>form.stack>.summary-item{background:#081019d1;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:14px 16px}.settings-stack>form.stack>.summary-item,.settings-stack>form.stack>label+.summary-item{border-top:0}.settings-stack>form.stack>.inline-warning,.settings-stack>form.stack>.status,.settings-stack>.inline-warning,.settings-stack>.status{margin:10px 16px 0}.settings-stack>.action-row,.settings-stack>form.stack>.action-row{margin:14px 16px 0}.settings-stack input{border-radius:12px;margin-top:8px}.settings-stack .summary-item{border-radius:0}.settings-stack .summary-item strong{margin-bottom:6px}.settings-stack article.stack h3{color:#99aec1d9;padding:14px 16px 6px;font-size:.9rem;font-weight:600}.settings-stack article.stack pre{border:1px solid #ffffff0d;border-left:0;border-right:0;border-radius:0;height:260px;margin:0}}.stage-frame{aspect-ratio:16/9;border:1px solid var(--line);background:radial-gradient(circle at 0 0,#10c4b62e,#0000 24%),radial-gradient(circle at 100% 100%,#ff72402e,#0000 24%),#040b11;border-radius:24px;min-height:0;position:relative;overflow:hidden}.page-immersive .stage-frame{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.live-stage-frame,.watch-stage-frame{border-radius:0}.watch-stage-frame{aspect-ratio:16/9}.watch-stage-frame.is-portrait{aspect-ratio:9/16}.page-immersive .placeholder,.page-immersive .publisher-placeholder{padding:0}#playerMount,.publisher-host{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.player-moq,.publisher-preview,publisher-moq{background:#040b11;max-width:100%;max-height:100%;display:block}publisher-moq{width:100%;height:100%}.player-moq{object-fit:contain;object-position:center;width:auto;height:auto}.publisher-preview{object-fit:contain;object-position:center;width:100%;height:100%;position:absolute;inset:0}.publisher-preview.is-mirrored{transform:scaleX(-1)}.placeholder,.publisher-placeholder,.stage-error{text-align:center;place-items:center;width:100%;height:100%;padding:24px;display:grid}.placeholder,.publisher-placeholder{color:#ebf4fbcc;background:linear-gradient(#ffffff0a,#0000),radial-gradient(circle at 18% 18%,#ff724052,#0000 35%),radial-gradient(circle at 84% 18%,#10c4b638,#0000 30%),#040b11;position:absolute;inset:0}.stage-error{color:#ebf4fbe0;background:#040b11d1;position:absolute;inset:0}.stage-error p{max-width:420px;line-height:1.55}.stage-controls{z-index:2;opacity:0;pointer-events:none;justify-content:space-between;align-items:end;padding:28px 14px 14px;transition:opacity .16s;display:flex;position:absolute;inset:auto 0 0}.stage-frame.controls-visible .stage-controls,.stage-controls.is-visible{opacity:1;pointer-events:auto}.stage-controls-fade{pointer-events:none;background:linear-gradient(#0000 0%,#040b112e 34%,#040b11b8 100%);position:absolute;inset:0}.stage-controls-right{gap:8px;display:flex}.stage-unmute-prompt{z-index:3;width:fit-content;max-width:min(360px,100% - 28px);min-height:42px;color:var(--text);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03080ee0;border:1px solid #ffffff29;justify-content:center;align-items:center;padding:0 18px;display:inline-flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000047}.stage-unmute-prompt:hover{background:#0a121cf5}.stage-unmute-prompt:focus-visible{outline:2px solid var(--primary-ring);outline-offset:2px;background:#0a121cf5}.stage-mobile-hud,.stage-mobile-leave,.stage-mobile-hud-left{display:none}.stage-control-button{z-index:1;width:36px;min-height:36px;color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03080eb8;border:1px solid #ffffff1f;border-radius:999px;padding:0;position:relative}.stage-control-button svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;margin:0 auto;display:block}.stage-control-primary{width:40px;min-height:40px}.placeholder p,.publisher-placeholder p{max-width:360px;line-height:1.55}.stage-overlay{pointer-events:none;position:absolute;bottom:14px;left:14px;right:14px}.overlay-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03080eb8;border:1px solid #ffffff14;border-radius:18px;max-width:min(100%,460px);padding:12px 14px}.overlay-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.76rem;display:block}.overlay-value{text-overflow:ellipsis;white-space:nowrap;font-family:IBM Plex Mono,SF Mono,monospace;font-size:.82rem;display:block;overflow:hidden}.settings-stack{align-content:start;gap:14px;display:grid}.stage-column,.control-column{align-content:start;min-width:0;display:grid}.live-desktop-meta{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;gap:14px;padding:18px 18px 0;display:flex;position:absolute;inset:0 0 auto}.live-desktop-meta>*{pointer-events:auto}.live-desktop-room{gap:4px;min-width:0;display:grid}.live-desktop-room span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.live-desktop-room strong{overflow-wrap:anywhere;font-size:1rem;line-height:1.4;display:block}.live-desktop-warning{max-width:min(100%,520px);margin:0}.live-desktop-overlay{z-index:3;pointer-events:none;position:absolute;inset:0}.live-desktop-backdrop{cursor:default;pointer-events:auto;background:0 0;border:0;border-radius:0;position:absolute;inset:0}.live-desktop-dock{pointer-events:none;justify-items:center;gap:12px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.live-desktop-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:linear-gradient(#09121dfa,#070f18f5),radial-gradient(circle at 100% 0,#10c4b61a,#0000 34%);border:1px solid #ffffff14;border-radius:22px;gap:12px;width:min(100%,420px);min-height:0;padding:16px;display:grid;overflow:auto;box-shadow:0 22px 56px #0000004d}.live-desktop-panel-head{gap:4px;display:grid}.live-desktop-panel-head strong{font-size:.98rem;line-height:1.35}.live-desktop-panel-head span{color:var(--muted);overflow-wrap:anywhere;font-size:.84rem;line-height:1.45}.live-desktop-summary{margin:0}.live-cover-input{display:none}.live-cover-card{gap:10px;display:grid}.live-cover-card>strong{font-size:.98rem;line-height:1.2}.live-cover-preview{aspect-ratio:16/9;cursor:pointer;width:100%;color:var(--muted);text-align:center;background:linear-gradient(160deg,#10c4b624,#ff72401a),#ffffff08;border:1px solid #ffffff14;border-radius:18px;transition:border-color .16s,transform .16s,background-color .16s;position:relative;overflow:hidden}.live-cover-preview:hover{border-color:#ffffff2e}.live-cover-preview:focus-visible{outline:2px solid var(--primary-ring);outline-offset:2px}.live-cover-preview.is-disabled{cursor:default}.live-cover-preview img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.live-cover-preview-placeholder{place-items:center;padding:16px;display:grid;position:absolute;inset:0}.live-cover-note{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.live-desktop-actions{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#040b11bd;border:1px solid #ffffff14;border-radius:20px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex;box-shadow:0 18px 44px #0000003d}.live-dock-button{width:44px;min-width:44px;min-height:44px;color:var(--text);box-shadow:none;background:0 0;border:0;border-radius:16px;flex:none;justify-content:center;align-items:center;padding:0;transition:background-color .16s,box-shadow .16s,filter .16s,transform .16s;display:inline-flex}.live-dock-button:hover,.live-dock-button.is-active{background:#ffffff0f}.live-dock-button:focus-visible{outline:2px solid var(--primary-ring);outline-offset:2px;background:#ffffff0f}.live-dock-button.is-muted{color:#8ea4b8}.live-dock-button-primary{background:linear-gradient(180deg, var(--primary), var(--primary-strong));color:#fff;box-shadow:0 14px 32px var(--primary-shadow);filter:brightness()}.live-dock-button-primary.is-live{background:linear-gradient(#ff5e76,#ef3d57);box-shadow:0 14px 32px #ef3d5747}.live-dock-button-primary:hover,.live-dock-button-primary.is-active,.live-dock-button-primary:focus-visible{filter:brightness(1.12)saturate(1.08);transform:translateY(-1px)}.live-dock-button-primary.is-live:hover,.live-dock-button-primary.is-live:focus-visible,.live-dock-button-primary.is-live.is-active{filter:none;background:linear-gradient(#ff6f85,#f14e67);transform:none}.live-dock-button svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.live-chat-column{min-height:0}.live-circular-progress{border:3px solid #ffffff2e;border-top-color:var(--accent-2);border-radius:50%;width:34px;height:34px;animation:.76s linear infinite live-circular-progress-spin;display:inline-block}@keyframes live-circular-progress-spin{to{transform:rotate(360deg)}}.live-activation-page{min-height:100%}.live-activation-shell{background:linear-gradient(#ffffff09,#0000 42%),#040b11;place-items:center;min-height:100%;padding:24px;display:grid}.live-activation-panel{background:#09121df0;border:1px solid #ffffff1a;border-radius:18px;gap:18px;width:min(100%,420px);padding:22px;display:grid;box-shadow:0 22px 56px #0000004d}.live-activation-copy{gap:8px;display:grid}.live-activation-copy span{color:var(--accent-2);font-size:.78rem}.live-activation-copy h2,.live-activation-copy p{margin:0}.live-activation-copy h2{font-size:1.35rem;line-height:1.25}.live-activation-copy p{color:var(--muted);line-height:1.55}.live-activation-copy .live-activation-error{color:#ffb6a3}.live-activation-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.live-activation-actions button{border:0;border-radius:12px;min-height:42px}.live-activation-actions button:only-child{grid-column:1/-1}.live-activation-actions .live-activation-secondary{color:var(--text);box-shadow:none;background:#ffffff14}@media (width<=760px){.live-mobile-page{height:calc(100svh - var(--mobile-nav-height) - env(safe-area-inset-bottom))}.live-mobile-shell{background:#050d14;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;display:grid;position:relative}.live-mobile-head{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:12px;left:12px;right:12px}.live-mobile-head>*{pointer-events:auto}.live-mobile-room{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.98rem;line-height:1;overflow:hidden}.live-stage-frame-mobile{aspect-ratio:auto;border:0;width:100%;height:auto;min-height:100%;position:absolute;inset:0}.live-mobile-warning{left:16px;right:16px;bottom:calc(238px + env(safe-area-inset-bottom));z-index:4;background:var(--status-danger-soft);color:#ffd3db;text-align:center;border:1px solid #ff647938;border-radius:16px;padding:10px 12px;font-size:.86rem;line-height:1.45;position:absolute}.live-mobile-chat-overlay{left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:4;pointer-events:none;min-height:0;position:absolute}.chat-panel-live-mobile{width:100%}.chat-panel-live-mobile .chat-message-list{width:100%;min-height:0;max-height:min(24vh,156px);box-shadow:none;background:0 0;border:0;border-radius:0;outline:0;flex-direction:column;flex:0 auto;align-items:flex-start;gap:8px;padding:0 2px 6px 0;display:flex;overflow:auto}.chat-panel-live-mobile .chat-message-card{background:#09121d94;border:1px solid #ffffff0a;border-radius:12px;grid-template-columns:16px minmax(0,1fr);gap:5px;max-width:min(84%,320px);padding:4px 6px}.chat-panel-live-mobile .chat-avatar{width:16px;height:16px;margin-top:1px}.chat-panel-live-mobile .chat-message-body p{font-size:.86rem;line-height:1.42;display:block}.chat-panel-live-mobile .chat-message-body strong{font-size:.86rem;line-height:1.42}.chat-panel-live-mobile .chat-composer-floating{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.chat-panel-live-mobile .chat-composer-floating input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1822d6;border:0;border-radius:999px;height:36px;min-height:36px}.chat-panel-live-mobile .chat-composer-floating button{border-radius:999px;width:auto;min-width:64px;height:36px;min-height:36px;padding:0 16px}.chat-panel-live-mobile .chat-floating-warning{background:var(--status-danger-soft);color:#ffd6de;border-radius:14px;margin:0;padding:8px 10px}.live-mobile-actions{left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:4;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid;position:absolute}.live-fab{width:100%;min-width:0;min-height:48px;color:var(--text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040b11b8;border:1px solid #ffffff14;border-radius:18px;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 14px 32px #0000003d}.live-fab.is-muted{color:#8ea4b8}.live-fab.is-active,.live-fab-primary{background:linear-gradient(180deg, var(--primary), var(--primary-strong));color:#fff}.live-fab svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.live-mobile-drawer-backdrop{z-index:5;opacity:0;background:#040b1185;border:0;border-radius:0;transition:opacity .22s;position:absolute;inset:0}.live-mobile-drawer-backdrop.is-open{opacity:1}.live-mobile-drawer{z-index:6;padding-bottom:env(safe-area-inset-bottom);transform:translateY(calc(100% + env(safe-area-inset-bottom)));will-change:transform;background:#081019fa;border-radius:28px 28px 0 0;gap:0;transition:transform .26s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -18px 40px #00000057}.live-mobile-drawer.is-open{transform:translateY(0)}.live-mobile-drawer-handle{touch-action:none;justify-content:center;padding:10px 0 6px;display:flex}.live-mobile-drawer-indicator{background:#99aec180;border-radius:999px;width:42px;height:5px}.live-mobile-more-panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;gap:10px;max-height:min(72svh,640px);padding:6px 16px 18px;display:grid;overflow:auto}.live-mobile-more-header{gap:4px;padding:4px 2px 6px;display:grid}.live-mobile-more-header strong{font-size:1rem;line-height:1.2}.live-mobile-more-header span{color:var(--muted);font-size:.82rem;line-height:1.4}}.watch-layout .control-column,.live-layout .control-column{padding:18px 18px 18px 0}.control-block{border-bottom:1px solid var(--line);gap:12px;padding-bottom:18px;display:grid}.control-block:last-child{border-bottom:0;padding-bottom:0}.control-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.control-head h3{margin:0}.info-strip{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:12px;display:grid}.info-strip-mobile{display:none}.info-item{border-top:1px solid var(--line)}.info-item>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;display:block}.info-item>strong{overflow-wrap:anywhere;line-height:1.38;display:block}.info-item-pill{justify-content:flex-end;align-items:center;padding-top:0;display:flex}.info-item-pill .state-pill{justify-content:center;align-self:center;align-items:center;display:inline-flex}.watch-layout .info-strip{padding:12px}.watch-layout .info-item{border-top:0;align-items:center;display:flex}.watch-desktop-room-meta{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.watch-desktop-room-avatar{width:42px;height:42px;color:var(--text);background:#ffffff0f;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.92rem;font-weight:700;display:inline-flex}.watch-desktop-room-avatar img{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.watch-desktop-room-avatar.is-placeholder,.watch-desktop-room-avatar.is-monogram{border:1px solid #ffffff1a}.watch-desktop-room-avatar-icon{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.watch-desktop-room-copy{gap:3px;min-width:0;display:grid}.watch-desktop-room-copy strong,.watch-desktop-room-copy p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.watch-desktop-room-copy strong{color:var(--text);font-size:1rem;font-weight:650}.watch-desktop-room-copy p{color:#ebf4fbb8;letter-spacing:0;text-transform:none;font-size:.88rem}.live-layout .info-item{border-top:0;align-items:center;display:flex}.watch-layout .info-item-pill{justify-content:flex-end}.watch-desktop-status-actions{gap:10px;position:relative}.watch-desktop-share-button{width:38px;min-width:38px;min-height:38px;color:var(--text);box-shadow:none;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background-color .16s,color .16s,opacity .16s;display:inline-flex}.watch-desktop-share-button:hover{background:#ffffff1a}.watch-desktop-share-button:focus-visible{outline:2px solid var(--primary-ring);outline-offset:2px;background:#ffffff1a}.watch-desktop-share-button:disabled{cursor:default;opacity:.48}.watch-desktop-share-button svg,.watch-desktop-share-action svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.watch-desktop-share-backdrop{z-index:var(--z-share-backdrop);cursor:default;background:0 0;border:0;border-radius:0;min-height:0;padding:0;position:fixed;inset:0}.watch-desktop-share-panel{z-index:var(--z-share-panel);opacity:0;transform-origin:100% 100%;background:#081019fa;border:1px solid #ffffff1a;border-radius:18px;gap:8px;width:248px;padding:12px;transition:opacity .16s,transform .18s cubic-bezier(.22,1,.36,1);display:grid;position:fixed;transform:translateY(8px)scale(.98);box-shadow:0 22px 56px #00000052}.watch-desktop-share-panel.is-open{opacity:1;transform:translateY(0)scale(1)}.watch-desktop-share-title{color:var(--muted);padding:4px 6px 6px;font-size:.78rem;line-height:1.2}.watch-desktop-share-action{min-height:42px;color:var(--text);box-shadow:none;text-align:left;background:0 0;border-radius:12px;justify-content:flex-start;align-items:center;gap:10px;padding:0 12px;display:flex}.watch-desktop-share-action:hover{background:#ffffff12}.watch-desktop-share-action:focus-visible{outline:2px solid var(--primary-ring);outline-offset:-2px;background:#ffffff12}.watch-desktop-share-action:disabled{cursor:default;opacity:.45}.watch-desktop-share-action span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.live-layout .info-item-pill{justify-content:flex-end}@media (width>=761px){.watch-layout,.live-layout{--stage-min-height:360px;--stage-max-height:max(360px, calc(100vh - 12rem));--stage-aspect-ratio:16 / 9;--stage-aspect-width:16;--stage-aspect-height:9}.watch-layout .stage-column{gap:0}.watch-layout .stage-column,.live-layout .stage-column{justify-items:center}.watch-layout .watch-stage-frame,.live-layout .live-stage-frame{width:100%;min-height:var(--stage-min-height);max-height:var(--stage-max-height);aspect-ratio:var(--stage-aspect-ratio);background:#000;justify-self:center;place-items:center;display:grid}.watch-layout .watch-stage-frame #playerMount,.live-layout .live-stage-frame .publisher-host{width:min(100%, calc(var(--stage-max-height) * var(--stage-aspect-width) / var(--stage-aspect-height)));height:100%;aspect-ratio:var(--stage-aspect-ratio)}.watch-layout .watch-stage-frame.is-portrait{--stage-aspect-ratio:9 / 16;--stage-aspect-width:9;--stage-aspect-height:16}.watch-layout .info-strip,.live-layout .info-strip{width:100%}}.chat-panel-block{min-height:0}.chat-panel-floating{-webkit-backdrop-filter:none;backdrop-filter:none;min-height:0;box-shadow:none;pointer-events:auto;background:0 0;border:0;border-radius:0;flex-direction:column;gap:8px;padding:0;display:flex}.chat-panel-head{align-items:center}.watch-layout .control-column .chat-panel-block .chat-panel-head{flex:none;margin:0;padding-inline:16px}.chat-panel-title-row{align-items:baseline;gap:8px;min-width:0;display:flex}.chat-panel-head h3{font-size:.94rem;font-weight:650;line-height:1.35}.chat-panel-online-count,.chat-panel-note{color:var(--muted);font-size:.84rem;line-height:1.45}.watch-portrait-chat-overlay{display:none}.chat-connection-state{min-width:92px;min-height:28px;color:var(--muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:4px 10px;font-size:.78rem;display:inline-flex}.chat-connection-state.is-connected{color:#9af2d1;border-color:var(--status-online-soft)}.chat-connection-state.is-idle,.chat-connection-state.is-reconnecting,.chat-connection-state.is-connecting{color:#ffd89a;border-color:var(--status-warning-soft)}.chat-connection-state.is-closed{color:#ffc0ca;border-color:var(--status-danger-soft)}.chat-message-list{flex-direction:column;gap:10px;min-height:220px;max-height:min(48vh,460px);padding-right:4px;display:flex;overflow:auto}.watch-layout .control-column .chat-panel-block .chat-message-list{flex:auto;min-height:0;max-height:none;padding:0 16px 6px}.chat-message-card{background:#ffffff08;border:1px solid #ffffff0a;border-radius:14px;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:8px;padding:8px 10px;display:grid}.chat-message-card-system{border-color:var(--status-online-soft);background:#10c4b614}.chat-message-card-system-no-avatar{gap:0;display:block}.chat-avatar{color:#fff;background:linear-gradient(135deg,#10c4b642,#ff724047);border-radius:999px;place-items:center;width:18px;height:18px;margin-top:2px;font-size:.56rem;font-weight:700;display:grid;overflow:hidden}.chat-avatar img{object-fit:cover;width:100%;height:100%;display:block}.chat-message-body{min-width:0}.chat-message-body p{color:#dce8f4;overflow-wrap:anywhere;line-height:1.5;display:inline}.chat-message-body strong{color:var(--text);margin-right:6px;font-size:.88rem}.chat-message-body span{color:#dce8f4}.chat-message-body-system strong{color:#9af2d1;margin-right:6px}.chat-message-body-system span{color:#d8fff4}.chat-message-body-system p{overflow-wrap:break-word;word-break:normal;width:auto;display:block}.chat-composer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.watch-layout .control-column .chat-panel-block .chat-composer,.watch-layout .control-column .chat-panel-block .chat-composer-readonly,.watch-layout .control-column .chat-panel-block .chat-panel-note,.watch-layout .control-column .chat-panel-block .inline-warning{flex:none;margin-inline:16px}.watch-layout .control-column .chat-panel-block .chat-empty-state{border-radius:18px;height:100%;min-height:0;margin-inline:16px}.chat-composer input{min-width:0}.chat-composer input:disabled,.chat-composer-floating input:disabled{color:#d8e6f494;cursor:not-allowed;background:#ffffff0d;border-color:#ffffff0f}.chat-composer button:disabled[data-disabled-reason=blocked],.chat-composer-floating button:disabled[data-disabled-reason=blocked],.chat-composer-readonly button:disabled[data-disabled-reason=blocked]{color:#f4f8fc8a;box-shadow:none;cursor:not-allowed;background:#ffffff14;border-color:#ffffff0f}.chat-composer-readonly input{cursor:pointer}pre{border:1px solid var(--line);color:#cfe1f1;white-space:pre-wrap;overflow-wrap:anywhere;background:#060d15;border-radius:20px;height:300px;padding:16px;font-family:IBM Plex Mono,SF Mono,monospace;font-size:12px;line-height:1.5;overflow:auto}.nav-icon{width:22px;height:22px;display:block}.nav-icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.nav-label{font-size:.74rem;line-height:1}@media (width<=760px){.settings-panel-backdrop.mobile-panel-transition,.auth-panel-backdrop.mobile-panel-transition{will-change:opacity;animation:.22s both mobile-panel-backdrop-in}.settings-panel-backdrop.mobile-panel-transition.is-closing,.auth-panel-backdrop.mobile-panel-transition.is-closing{animation:.18s both mobile-panel-backdrop-out}.settings-panel.mobile-panel-transition,.auth-panel.mobile-panel-transition{will-change:opacity, transform;animation:.28s cubic-bezier(.22,1,.36,1) both mobile-panel-enter}.settings-panel.mobile-panel-transition.is-closing,.auth-panel.mobile-panel-transition.is-closing{animation:.22s both mobile-panel-exit}@media (prefers-reduced-motion:reduce){.settings-panel-backdrop.mobile-panel-transition,.auth-panel-backdrop.mobile-panel-transition,.settings-panel.mobile-panel-transition,.auth-panel.mobile-panel-transition{animation:none}}}@keyframes mobile-panel-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes mobile-panel-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes mobile-panel-enter{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes mobile-panel-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(28px)}}.mobile-nav{display:none}@media (width<=760px){.mobile-nav{z-index:20;padding:0 0 env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#070e16f5;grid-template-columns:repeat(3,1fr);gap:0;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav .nav-button{color:#8ea4b8;width:100%;min-width:0;min-height:var(--mobile-nav-height);background:#fff0;border-radius:0;justify-items:center;gap:4px;padding:6px 0;display:grid}.mobile-nav .nav-button.is-active{color:var(--primary-hover);background:0 0}}@media (width<=980px){.watch-layout,.live-layout{grid-template-columns:1fr}.watch-layout .control-column,.live-layout .control-column{padding:18px}.info-strip{grid-template-columns:minmax(0,1fr) auto}.chat-message-list{max-height:none}}@media (width>=761px) and (width<=980px){.page[data-page=watch][data-joined=true]{overflow:auto}.watch-layout{flex-direction:column;align-items:stretch;gap:0;min-height:100%;display:flex}.watch-layout .stage-column{flex:none;min-height:auto;padding:0;overflow:visible}.watch-layout .control-column[data-joined=true]{flex-direction:column;flex:auto;min-height:320px;display:flex;overflow:visible}.watch-layout .control-column[data-joined=true] .chat-panel-block{flex-direction:column;flex:auto;min-height:0;display:flex}}@media (width>=981px){.page[data-page=watch][data-joined=true],.page[data-page=live]{overflow:hidden}.watch-layout{grid-template-columns:minmax(0,1fr) minmax(360px,420px);gap:0;height:100%;min-height:0}.watch-layout .stage-column{-ms-overflow-style:none;scrollbar-width:none;height:100%;min-height:0;max-height:100%;padding:0;overflow:auto}.watch-layout .stage-column::-webkit-scrollbar{display:none}.watch-layout .control-column{flex-direction:column;height:100%;min-height:0;padding:0;display:flex;overflow:hidden}.watch-layout .watch-leave-block,.watch-layout .control-column>.control-block:not(.chat-panel-block){flex:none;padding:18px}.watch-layout .control-column .chat-panel-block{flex-direction:column;flex:auto;min-height:0;padding:18px 0;display:flex}.watch-layout .control-column>.control-block:first-child{margin-top:18px}.watch-layout .control-column>.chat-panel-block:first-child{margin-top:0}.live-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(360px,420px);align-items:stretch;gap:0;height:100%;min-height:0}.live-layout .stage-column{grid-template-rows:minmax(0,1fr);align-items:stretch;height:100%;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.live-layout .control-column{border-left:1px solid var(--line);flex-direction:column;height:100%;min-height:0;padding:0;display:flex;overflow:hidden}.live-layout .live-stage-frame{aspect-ratio:auto;width:100%;height:100%;min-height:320px;max-height:none}.live-layout .live-stage-frame .publisher-host{aspect-ratio:auto;width:100%;height:100%;max-height:none}.live-layout .chat-panel-block{border-bottom:0;flex-direction:column;flex:auto;min-height:0;padding:18px;display:flex}.live-layout .chat-message-list{flex:auto;min-height:0;max-height:none}.live-layout .chat-panel-head,.live-layout .chat-composer,.live-layout .chat-composer-readonly,.live-layout .inline-warning{flex:none;margin-right:0}.live-layout .chat-message-card,.live-layout .chat-empty-state{margin-right:0}}@media (width<=760px){.app-container{grid-template-rows:minmax(0,1fr);gap:0}.topbar,.auth-toolbar,.desktop-nav{display:none}.page[data-page=watch],.page[data-page=live]{overflow:hidden}.page-shell{min-height:100%}.page.watch-idle-page[data-page=watch]{overflow:hidden}.watch-idle-shell{padding:0}.watch-room-section{padding:0 8px calc(96px + env(safe-area-inset-bottom))}.page[data-page=watch][data-joined=true]{height:calc(100svh - var(--mobile-nav-height) - env(safe-area-inset-bottom))}.app-container-watch-joined .page[data-page=watch][data-joined=true]{height:100svh}.watch-layout,.live-layout{flex-direction:column;gap:0;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.page[data-page=watch] .page-grid,.page[data-page=live] .page-grid{min-height:0}.watch-layout .control-column,.live-layout .control-column{box-sizing:border-box;width:100%;padding:14px 12px calc(84px + env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:linear-gradient(#061018e0,#061018fa),radial-gradient(circle at 0 0,#10c4b614,#0000 45%);flex:auto;align-self:stretch;gap:12px;min-height:0;overflow:auto}.app-container-watch-joined .watch-layout .control-column{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.watch-layout .stage-column,.live-layout .stage-column{background:#050d14;flex-direction:column;flex:auto;align-self:stretch;gap:0;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.watch-layout .stage-column{flex:none;height:auto}.watch-layout .control-column[data-joined=false]{flex:auto;padding-top:20px;display:grid}.stage-frame{border-bottom:0;border-right:0}.watch-stage-frame.is-portrait{aspect-ratio:9/16;flex:auto;width:100%;height:auto;min-height:0}.watch-layout .stage-column:has(.watch-stage-frame.is-portrait) .watch-stage-frame{flex:auto;width:100%;height:100%}.watch-layout .stage-column:has(.watch-stage-frame.is-portrait){flex:auto;height:100%}.watch-layout .stage-column{position:relative}.stage-mobile-hud{z-index:3;opacity:0;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;transition:opacity .16s;display:flex}.stage-mobile-hud-overlay{position:absolute;top:12px;left:12px;right:12px}.stage-mobile-hud-top{margin:12px 12px 10px}.stage-mobile-hud.is-visible{opacity:1;pointer-events:auto}.stage-mobile-hud-left{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.stage-mobile-leave{width:28px;min-width:28px;min-height:28px;color:var(--text);box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.stage-mobile-leave svg{stroke:currentColor;fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.stage-mobile-meta{align-items:center;gap:10px;display:flex}.stage-mobile-meta strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);font-size:.92rem;overflow:hidden}.stage-mobile-meta-left{max-width:min(72vw,260px)}.stage-mobile-hud-actions{flex:none;align-items:center;gap:8px;display:flex}.stage-unmute-prompt{bottom:calc(72px + env(safe-area-inset-bottom));width:fit-content;max-width:calc(100% - 24px)}.stage-mobile-hud-actions>.state-pill{flex:none}.stage-mobile-more{color:#ebf4fbeb;width:28px;min-width:28px;min-height:28px;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.stage-mobile-more svg{fill:currentColor;width:16px;height:16px}.info-strip{background:#050d14f0;grid-template-columns:minmax(0,1fr) auto;gap:0}.stage-column>.info-strip:not(.info-strip-mobile){display:none}.watch-layout .info-strip-mobile{display:grid}.watch-layout .watch-control-column-landscape .info-strip-mobile,.watch-layout .watch-leave-block,.watch-layout .watch-link-block{display:none}.watch-layout:has(.watch-stage-frame.is-portrait) .info-strip-mobile{display:none}.live-layout .info-strip-mobile{display:grid}.info-item+.info-item{border-top:0;border-left:0}.info-item span{font-size:.7rem}.info-item strong{font-size:1rem;line-height:1}.info-item-pill .state-pill{vertical-align:middle;justify-content:center;align-items:center;min-height:34px;padding:0 12px;line-height:1;display:inline-flex}.control-block{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff09;border-radius:22px;gap:14px;padding:16px}.control-block:last-child{border:1px solid var(--line);padding:16px}.watch-layout .control-column[data-joined=true]{background:linear-gradient(#061018f5,#061018fc),radial-gradient(circle at 0 0,#10c4b612,#0000 50%);flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.watch-layout .control-column[data-joined=true] .info-strip-mobile,.watch-layout .control-column[data-joined=true] .watch-leave-block{display:none}.watch-layout .control-column[data-joined=true] .chat-panel-block{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:auto;gap:12px;min-height:0;margin:0;padding:16px 0 12px;display:flex}.control-head{align-items:start}.control-head h3{letter-spacing:-.04em;font-size:1.5rem}.chat-panel-head{align-items:center}.chat-panel-head h3{letter-spacing:0;font-size:.94rem}.state-pill{min-height:36px;padding:0 12px;font-size:.84rem}label{color:#c8d7e5;gap:8px;font-size:.82rem}input,select{background:#ffffff0d;border-radius:16px;min-height:44px}textarea{background:#ffffff0d;border-radius:16px;min-height:112px}.status{display:block}.summary-item{border-radius:18px;padding:14px}.watch-layout:has(.watch-stage-frame.is-portrait) .control-column[data-joined=true]{display:none}.action-row{grid-template-columns:1fr;gap:12px;display:grid}button.primary,button.secondary,button.success{width:100%;min-height:44px;font-weight:650}.watch-idle-form button{width:auto}.chat-composer,.chat-composer-floating{gap:8px}.chat-composer input,.chat-composer button,.chat-composer-floating input,.chat-composer-floating button{height:36px;min-height:36px}.chat-composer input,.chat-composer-floating input{border-radius:999px;padding-top:0;padding-bottom:0}.chat-composer button,.chat-composer-floating button{width:auto;padding:0 14px}.watch-mobile-more-backdrop{z-index:20;opacity:0;-webkit-tap-highlight-color:transparent;background:#040b118f;border:0;border-radius:0;transition:opacity .22s;position:fixed;inset:0}.watch-mobile-more-backdrop.is-open{opacity:1}.watch-mobile-more-panel{left:12px;right:12px;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 12px);z-index:21;border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;transform-origin:bottom;will-change:transform, opacity;background:#081019fa;border-radius:24px;gap:12px;padding:16px;transition:opacity .22s,transform .26s cubic-bezier(.22,1,.36,1);display:grid;position:fixed;transform:translateY(22px)scale(.985)}.app-container-watch-joined .watch-mobile-more-panel{bottom:calc(env(safe-area-inset-bottom) + 12px)}.watch-mobile-more-panel.is-open{opacity:1;transform:translateY(0)scale(1)}.watch-mobile-more-header{gap:4px;display:grid}.watch-mobile-more-header strong{font-size:1rem;line-height:1.2}.watch-mobile-more-header span{color:var(--muted);font-size:.82rem;line-height:1.4}.watch-layout:has(.watch-stage-frame.is-portrait) .watch-portrait-chat-overlay{z-index:3;pointer-events:none;isolation:isolate;flex-direction:column;justify-content:flex-end;min-height:0;padding:0 10px 12px;display:flex;position:absolute;inset:auto 0 0}.chat-panel-watch-overlay{z-index:1;width:100%;position:relative}.chat-panel-watch-overlay .chat-message-list{--watch-chat-list-max-height:min(34vh, 260px);--watch-chat-list-fade-size:30px;min-height:0;max-height:var(--watch-chat-list-max-height);-ms-overflow-style:none;scrollbar-width:none;-webkit-mask-image:linear-gradient(0deg, #000 0, #000 calc(var(--watch-chat-list-max-height) - var(--watch-chat-list-fade-size)), #0000006b calc(var(--watch-chat-list-max-height) - 12px), transparent var(--watch-chat-list-max-height));-webkit-mask-image:linear-gradient(0deg, #000 0, #000 calc(var(--watch-chat-list-max-height) - var(--watch-chat-list-fade-size)), #0000006b calc(var(--watch-chat-list-max-height) - 12px), transparent var(--watch-chat-list-max-height));mask-image:linear-gradient(0deg, #000 0, #000 calc(var(--watch-chat-list-max-height) - var(--watch-chat-list-fade-size)), #0000006b calc(var(--watch-chat-list-max-height) - 12px), transparent var(--watch-chat-list-max-height));flex:0 auto;align-items:flex-start;gap:8px;padding:0 72px 8px 0;overflow:auto}.chat-panel-watch-overlay .chat-message-list::-webkit-scrollbar{display:none}.chat-panel-watch-overlay .chat-message-card{background:#09121db8;border:0;border-radius:16px;grid-template-columns:18px minmax(0,1fr);gap:6px;max-width:min(84%,320px);padding:8px 10px;box-shadow:0 12px 24px #0000002e}.chat-panel-watch-overlay .chat-message-card-system-no-avatar{max-width:min(84%,320px)}.chat-panel-watch-overlay .chat-message-body p{font-size:.9rem;line-height:1.42}.chat-panel-watch-overlay .chat-message-body strong{font-size:.9rem}.chat-panel-watch-overlay .chat-composer-floating{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding-right:0;display:grid}.chat-panel-watch-overlay .chat-composer-floating input{background:#0f1822c7;border:0;border-radius:999px;height:36px;min-height:36px;padding:0 14px}.chat-panel-watch-overlay .chat-composer-floating button{width:auto;min-width:60px;height:36px;min-height:36px;box-shadow:0 12px 24px var(--primary-shadow);border-radius:999px;padding:0 14px}.chat-panel-watch-overlay .chat-floating-warning{color:#ffd6de;background:#ff647924;border-radius:14px;margin:0 0 2px;padding:8px 10px}}.watch-layout .watch-stage-frame:fullscreen{aspect-ratio:auto;background:#000;border:0;border-radius:0;width:100vw;max-width:none;height:100vh}.watch-layout .watch-stage-frame:fullscreen #playerMount{aspect-ratio:auto;background:#000;width:100%;height:100%;max-height:none}:is(.watch-layout .watch-stage-frame:fullscreen .stage-error,.watch-layout .watch-stage-frame:fullscreen .placeholder){position:absolute;inset:0}