@font-face{font-family:ptRootUI;src:url(../media/PT_Root_UI_VF-s.p.3li_ffkz9e_5u.woff2)format("woff2");font-display:swap;font-weight:300 700;font-style:normal}@font-face{font-family:ptRootUI Fallback;src:local(Arial);ascent-override:97.7%;descent-override:26.52%;line-gap-override:0.0%;size-adjust:101.44%}.dStPUW_className{font-family:ptRootUI,ptRootUI Fallback,Arial}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--text:#fff;--brand:#64ff00;--muted:#999;--surface:#171717;--surface-raised:#3a3a3a;--surface-hover:#555;--surface-focus:#646464;--overlay:#000c;--danger:#ff5c5c;--opacity-disabled:.4;--radius-none:0;--radius-full:999px;--type-heading-size:24px;--type-heading-line:32px;--type-body-size:16px;--type-body-line:24px;--type-supporting-size:14px;--type-supporting-line:20px;--type-regular:400;--type-emphasis:500}*{box-sizing:border-box}[hidden]{display:none!important}::selection{background:var(--brand);color:var(--bg)}html{scrollbar-color:var(--muted) var(--surface);scrollbar-gutter:stable;-webkit-tap-highlight-color:transparent;overflow-y:scroll}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{font-family:PT Root UI,Arial,sans-serif;font-size:var(--type-body-size);font-weight:var(--type-regular);line-height:var(--type-body-line)}a{color:inherit;text-decoration:none}button,input{border-radius:var(--radius-none);font:inherit;color:inherit}code{font:inherit}button{touch-action:manipulation;border:0}input{caret-color:var(--brand)}button,a,input{-webkit-tap-highlight-color:transparent;outline:0}@media (hover:hover) and (pointer:fine){button:active:not(:disabled){background:var(--surface);color:var(--brand)}a:active{color:var(--brand)}}.logo{width:auto;height:32px;display:block}.icon{fill:currentColor;flex:none;width:24px;height:24px}.loadingIcon{animation:1s linear infinite iconLoading}@keyframes iconLoading{to{transform:rotate(360deg)}}.srOnly{clip:rect(0 0 0 0);width:1px;height:1px;font:inherit;white-space:nowrap;margin:-1px;position:absolute;overflow:hidden}.action{min-height:48px;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:8px 16px;display:flex}.iconText{gap:8px}@media (hover:hover) and (pointer:fine){.action:hover:not(:disabled){background:var(--surface)}}.action:disabled{opacity:var(--opacity-disabled);cursor:default}.action[data-variant=icon]{border-radius:var(--radius-full);width:48px;color:var(--muted);flex:none;padding:0}@media (hover:hover) and (pointer:fine){.action[data-variant=icon]:hover:not(:disabled){color:var(--text)}}.action[data-variant=primary]{border-radius:var(--radius-full);background:var(--brand);width:100%;color:var(--bg)}@media (hover:hover) and (pointer:fine){.action[data-variant=primary]:hover:not(:disabled),.action[data-variant=primary]:active:not(:disabled){background:var(--text);color:var(--bg)}}:root:not([data-input-modality=pointer]) .action[data-variant=primary]:focus-visible:not(:disabled){background:var(--surface-focus);color:var(--text)}.action[data-variant=danger]{border-radius:var(--radius-full);background:var(--danger);width:100%;color:var(--bg)}@media (hover:hover) and (pointer:fine){.action[data-variant=danger]:hover:not(:disabled),.action[data-variant=danger]:active:not(:disabled){color:var(--bg);background:#ff8585}}:root:not([data-input-modality=pointer]) .action[data-variant=danger]:focus-visible:not(:disabled){background:var(--text);color:var(--bg)}.action[data-variant=secondary]{border-radius:var(--radius-full);background:var(--surface)}@media (hover:hover) and (pointer:fine){.action[data-variant=secondary]:hover:not(:disabled){color:var(--brand)}}.action[data-variant=text]{color:var(--muted);font-size:var(--type-supporting-size);font-weight:var(--type-regular);line-height:var(--type-supporting-line);background:0 0;padding:8px 0}@media (hover:hover) and (pointer:fine){.action[data-variant=text]:hover:not(:disabled){color:var(--text);background:0 0}}.field{background:var(--surface);border:0;outline:0;width:100%;min-width:0;height:48px;padding:0 16px;display:block}.field::placeholder{color:var(--muted)}.stack{flex-direction:column;gap:16px;display:flex}.stack[data-gap=none]{gap:0}.homeMain{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:48px;padding:32px 0 64px;display:flex}@media (max-width:900px){.homeMain{padding-top:32px;padding-bottom:48px}}@media (max-width:600px){.homeMain{padding-top:0}}.accountTrigger{border-radius:var(--radius-full);flex:none;width:48px;min-width:48px;padding:0;position:relative}.accountTrigger[data-signed-in=true]{min-width:48px;color:var(--brand)}.accountBadge{border-radius:var(--radius-full);background:var(--brand);min-width:20px;height:20px;color:var(--bg);font-size:var(--type-supporting-size);font-weight:var(--type-regular);line-height:var(--type-supporting-line);text-align:center;position:absolute;top:0;right:0}.accountDialog{background:var(--surface);width:min(384px,100% - 32px);height:fit-content;max-height:calc(100dvh - 32px);color:var(--text);overscroll-behavior:contain;border:0;border-radius:0;margin:auto;padding:24px;scroll-padding-top:64px;overflow-y:auto}.accountDialog::backdrop{background:var(--overlay)}.accountHeading{z-index:1;background:var(--surface);justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex;position:sticky;top:0}.accountHeading h2{font-size:var(--type-heading-size);font-weight:var(--type-emphasis);line-height:var(--type-heading-line);margin:0}.accountHint{color:var(--muted);font-size:var(--type-supporting-size);font-weight:var(--type-regular);line-height:var(--type-supporting-line);overflow-wrap:anywhere;margin:0}.accountHint a{color:var(--brand)}.accountDialog .field:disabled{opacity:var(--opacity-disabled);cursor:default}.accountDialog .field{border-radius:var(--radius-full);background:var(--bg)}.accountCodeField{position:relative}.accountCodeField .field{padding-right:48px}.accountCodeStatus{pointer-events:none;align-items:center;display:flex;position:absolute;inset:0 16px 0 auto}.socialDialog .action[data-variant=secondary]{background:var(--surface-raised)}.accountIdentity p,.accountPerson>p{margin:0}.accountIdentity>span,.accountPersonStatus{color:var(--muted);font-size:var(--type-supporting-size);font-weight:var(--type-regular);line-height:var(--type-supporting-line);overflow-wrap:anywhere;display:block}.accountIdentity .action{justify-content:flex-start}.accountSection{padding-top:16px}.accountSection h3{font-size:var(--type-body-size);font-weight:var(--type-regular);line-height:var(--type-body-line);margin:0}.accountPerson{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.accountPersonActions{align-items:center;gap:8px;display:flex}.socialDialog .accountPerson>p{overflow-wrap:anywhere;min-width:0}.accountSessionActions{padding-top:16px}.stateMessage{text-align:center;grid-template-columns:minmax(0,600px);place-content:center;padding:24px 0;display:grid}.stateMessage h1{font-size:var(--type-heading-size);font-weight:var(--type-emphasis);line-height:var(--type-heading-line);margin:0}.stateMessage>.action{margin:16px auto 0}.stateMessage>.stateRetry{gap:8px;width:auto;min-width:200px}:root[data-input-modality=keyboard] button:focus,:root[data-input-modality=keyboard] a:focus,:root:not([data-input-modality=pointer]) button:focus-visible,:root:not([data-input-modality=pointer]) a:focus-visible,:root:not([data-input-modality=pointer]) input:focus-visible{background:var(--surface-focus);color:var(--text)}:root:not([data-input-modality=pointer]) input:focus-visible::placeholder{color:var(--text)}:root:not([data-input-modality=pointer]) .action[data-variant=secondary]:focus-visible:not(:disabled),:root:not([data-input-modality=pointer]) .action[data-variant=text]:focus-visible:not(:disabled),:root:not([data-input-modality=pointer]) .action[data-variant=icon]:focus-visible:not(:disabled){background:var(--surface-focus);color:var(--text)}:root:not([data-input-modality=pointer]) .accountHint a:focus-visible{color:var(--text)}:root[data-input-modality=keyboard] .action[data-variant=danger]:focus:not(:disabled){background:var(--text);color:var(--bg)}.formError{min-height:24px;color:var(--danger);font-size:var(--type-supporting-size);font-weight:var(--type-regular);line-height:var(--type-supporting-line);margin:8px 0 0}.room{grid-template-rows:var(--app-header-height) minmax(0, 1fr);background:var(--bg);width:100%;display:grid;overflow:hidden}.connectionNotice{width:48px;height:48px;color:var(--muted);place-items:center;display:grid}.providerIcon{width:32px;height:32px;color:var(--muted);font-size:var(--type-supporting-size);font-weight:var(--type-regular);line-height:var(--type-supporting-line);flex:0 0 32px;place-items:center;display:grid}.providerBrandIcon{width:75%;height:75%;display:block}.providerBrandIconRutube{border-radius:24.25%;overflow:hidden}.resilientThumbnail{background:var(--surface);color:var(--muted);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.resilientThumbnailFill{width:100%;height:100%}.resilientThumbnail>.providerIcon{flex-basis:48px;width:48px;height:48px}.resilientThumbnailImage{object-fit:cover;opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.resilientThumbnailImage[data-loaded=true]{opacity:1}.voice{place-items:center;display:grid;position:relative}.voice[data-state=live]{background:var(--brand);color:var(--bg)}@media (hover:hover) and (pointer:fine){.voice[data-state=live]:hover:not(:disabled){background:var(--brand);color:var(--bg)}}.voice[data-state=muted]{background:var(--surface);color:var(--text)}.voice[data-state=error]{color:var(--danger)}.voice[data-muted=true]:after{content:"";background:currentColor;width:24px;height:2px;position:absolute;transform:rotate(45deg)}.voice[aria-pressed=true]{background:var(--surface);color:var(--text)}.roomWorkspace{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-content:start;width:100%;min-width:0;min-height:0;display:grid;overflow:hidden}.playerFrame{aspect-ratio:16/9;background:var(--bg);justify-self:start;width:100%;max-width:calc(177.778dvh - 142.222px);position:relative;overflow:hidden}.playerFrame iframe,.playerFrame video,.providerPlayer{background:var(--bg);border:0;width:100%;height:100%;display:block}.playerFrame video{object-fit:contain}.playerFrame[data-media-kind=audio]{background:var(--bg)}.nativeAudioPlayer{background:var(--bg);grid-template-rows:minmax(0,1fr) auto;align-items:center;width:100%;height:100%;display:grid}.nativeAudioIdentity{text-align:center;justify-items:center;gap:16px;min-width:0;padding:24px;display:grid}.nativeAudioIdentity strong{white-space:nowrap;max-width:min(560px,90%);overflow:hidden}.nativeAudioIdentity .nativeAudioIcon{flex-basis:88px;width:88px;height:88px}.nativeAudioPlayer audio{width:100%;min-height:54px;display:block}.playerSkeleton,.playerNotice,.playerResume{position:absolute;inset:0}.playerSkeleton,.playerNotice{pointer-events:none}.playerSkeleton{z-index:1;background:var(--surface);overflow:hidden}.playerNotice{z-index:2;background:var(--bg);color:var(--text);text-align:center;place-items:center;padding:16px;display:grid}.playerErrorContent{overscroll-behavior:contain;flex-direction:column;align-items:center;gap:16px;max-width:min(100%,28rem);min-height:0;max-height:100%;display:flex;overflow-y:auto}.playerErrorContent p{overflow-wrap:anywhere;margin:0}.playerErrorContent .playerErrorHelp{color:var(--muted);font-size:var(--type-supporting-size);line-height:var(--type-supporting-line)}.playerResume{z-index:3;background:var(--overlay);color:var(--text);cursor:pointer;text-align:center;place-items:center;padding:24px;display:grid}.playerDiagnostics{z-index:3;background:var(--overlay);flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:0 8px;display:flex;position:absolute;bottom:16px;right:16px}.roomChat{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-self:stretch;min-width:0;height:100%;min-height:0;padding:0 24px 16px;display:grid}.chatPanel{grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid}.chatLog{overscroll-behavior:contain;scrollbar-width:none;min-height:0;overflow-y:auto}.chatLog::-webkit-scrollbar{display:none}.chatMessages{flex-direction:column;justify-content:flex-end;min-height:100%;padding-top:16px;display:flex}.chatMessage{width:fit-content;max-width:min(84%,640px);margin:0 0 2px;padding-left:40px}.chatMessage[data-group-end=true]{margin-bottom:10px}.chatAuthor{color:var(--muted);font-size:var(--type-supporting-size);font-weight:var(--type-regular);line-height:var(--type-supporting-line);margin:6px 0 4px 8px;display:block}.chatMessage p{overflow-wrap:anywhere;font-size:var(--type-body-size);font-weight:var(--type-regular);line-height:var(--type-body-line);margin:0;padding:4px 0}.chatSystem{color:var(--muted);font-size:var(--type-supporting-size);font-weight:var(--type-regular);line-height:var(--type-supporting-line);text-align:center;align-self:center;margin:6px auto 10px}.chatInvite{background:var(--surface);align-self:stretch;gap:8px;margin:0 0 16px;padding:16px;display:grid}.chatInviteAction{gap:8px;min-width:0;display:grid}.chatInviteLink{overflow-wrap:anywhere;min-width:0;color:var(--muted);font-size:var(--type-supporting-size);line-height:var(--type-supporting-line);-webkit-user-select:all;user-select:all}.chatInviteCopy{justify-self:start}.chatInviteError{color:var(--danger);font-size:var(--type-supporting-size);line-height:var(--type-supporting-line)}.chatForm{align-items:center;gap:8px;min-width:0;margin-top:16px;display:flex}.chatForm .field{flex:1 1 0;width:0;min-width:0}.chatError{color:var(--danger);font-size:var(--type-supporting-size);font-weight:var(--type-regular);line-height:var(--type-supporting-line);margin:8px 0 0}@media (max-width:900px){.stateMessage{padding-top:24px;padding-bottom:24px}.connectionNotice{z-index:3;background:var(--overlay);position:absolute;top:calc(100% + 8px);right:16px}.accountPerson{grid-template-columns:minmax(0,1fr);gap:8px}.accountPersonActions{flex-wrap:wrap}.accountDialog{padding:16px}}@media (prefers-reduced-motion:reduce){.loadingIcon{animation:none}}
:root{--app-header-height:64px;--app-page-gutter:32px;--app-content-narrow:760px}.pageShell{flex-direction:column;width:100%;min-height:100dvh;display:flex}.pageShellMain{flex-direction:column;flex:auto;width:100%;min-width:0;min-height:0;display:flex}.appHeader{z-index:30;width:100%;min-width:0;height:var(--app-header-height);background:var(--surface);flex:none;grid-template-columns:64px minmax(0,1fr) 128px;align-items:center;gap:0;padding:0;display:grid;position:relative}.appLogo{border-radius:0;grid-column:1;justify-self:stretch;place-items:center;width:64px;height:64px;display:grid}.appLogo .logo{width:24px;height:24px}.appHeader .appHeaderProfile>.accountTrigger .mionAvatar,.appHeader .appHeaderProfile>.mionAvatar{flex-basis:24px;width:24px;height:24px}.appHeaderMain{grid-column:2;justify-self:center;width:min(824px,100%);min-width:0;padding:0 32px;position:relative}.appHeaderActions{grid-column:3;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:stretch;align-items:center;gap:0;width:128px;min-width:0;height:64px;display:grid;position:relative}.appHeaderPeople,.appHeaderProfile{place-items:center;min-width:0;height:100%;display:grid;position:relative}.socialTrigger{position:relative}.roomHeaderStatus{position:absolute;top:100%;right:0}.appFooter{width:100%;padding:0 var(--app-page-gutter) max(8px, env(safe-area-inset-bottom));color:var(--muted);font-size:var(--type-supporting-size);font-weight:var(--type-regular);line-height:var(--type-supporting-line);flex:none;justify-content:flex-start;gap:16px;margin:0;display:flex}.appFooter a{align-items:center;min-height:48px;display:flex}@media (hover:hover) and (pointer:fine){.appFooter a:hover{color:var(--text)}}.pageShellMain>.homeMain,.pageShellMain>.stateMessage{min-height:0;padding-right:var(--app-page-gutter);padding-left:var(--app-page-gutter);flex:auto}.legalShell .pageShellMain{padding:64px var(--app-page-gutter)}.legalPage{width:100%;max-width:var(--app-content-narrow);margin:0 auto}.legalPage h1{font-size:var(--type-heading-size);font-weight:var(--type-emphasis);line-height:var(--type-heading-line);margin:0 0 32px}.legalPage h2{font-size:var(--type-heading-size);font-weight:var(--type-emphasis);line-height:var(--type-heading-line);margin:48px 0 16px}.legalPage p,.legalPage li{color:var(--muted)}.legalPage a{color:var(--brand)}.legalPage ul{padding-left:24px}.legalPage .providerSupportList{gap:8px;padding:0;list-style:none;display:grid}.providerSupportItem{align-items:center;gap:12px;min-height:48px;display:flex}.providerSupportItem>span{flex-direction:column;min-width:0;display:flex}.providerSupportItem strong{color:var(--text);font-weight:var(--type-regular)}.providerSupportItem small{color:var(--muted);font-size:var(--type-supporting-size);line-height:var(--type-supporting-line)}@media (max-width:900px){:root{--app-header-height:64px;--app-page-gutter:16px}.appHeaderMain{padding-left:16px;padding-right:16px}.legalShell .pageShellMain{padding-top:32px;padding-bottom:48px}}@media (max-width:480px){.appHeader{grid-template-columns:48px minmax(0,1fr) 96px}.appLogo{width:48px}.appHeaderActions{width:96px}.appHeaderMain{padding:0}}@media (max-width:360px){.appHeader{grid-template-columns:44px minmax(0,1fr) 88px}.appLogo{width:44px}.appHeaderActions{width:88px}.appHeaderPeople>.action,.appHeaderProfile>.accountTrigger{width:44px;min-width:44px}}
.shareLoading{min-height:48px;color:var(--muted);place-items:center;display:grid}.chatInvite>p{margin:0}.chatInviteCopy{min-width:0;max-width:100%}.peoplePanel{overscroll-behavior:contain;scrollbar-color:var(--surface) transparent;scrollbar-width:thin;flex-direction:column;min-height:0;padding-right:8px;display:flex;overflow-y:auto}.peopleShare{flex-direction:column;gap:8px;padding:16px 0 8px;display:flex}.peopleCopy{gap:8px;width:100%}.peoplePanel .action[data-variant=secondary],.chatInvite .action[data-variant=secondary],.peoplePanel .participantMore{background:var(--surface-raised)}@media (hover:hover) and (pointer:fine){.peoplePanel .action[data-variant=secondary]:hover:not(:disabled),.chatInvite .action[data-variant=secondary]:hover:not(:disabled),.peoplePanel .participantMore:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}}:root:not([data-input-modality=pointer]) .peoplePanel .action[data-variant=secondary]:focus-visible,:root:not([data-input-modality=pointer]) .chatInvite .action[data-variant=secondary]:focus-visible,:root:not([data-input-modality=pointer]) .peoplePanel .participantMore:focus-visible{background:var(--surface-focus);color:var(--text)}.peopleFriendsPanel{flex-direction:column;gap:8px;padding:24px 0 8px;display:flex}.peopleFriends{flex-direction:column;gap:8px;display:flex}.peopleFriend{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.peopleFriend>.overflowFade{white-space:nowrap;min-width:0;display:block;overflow:hidden}.peopleFriend .action{gap:8px}.peoplePanel .participantAvatarWrap{width:44px;height:44px}.peoplePanel .participantAvatarWrap .accountTrigger{width:44px;min-width:44px;min-height:44px}.participantPanel{flex-direction:column;min-height:0;display:flex}.participantList{flex-direction:column;display:flex}.participantRow{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 12px;min-height:56px;padding:4px 0;display:grid}.participantIdentity{flex-direction:column;min-width:0;display:flex}.participantName{align-items:center;gap:4px;min-width:0;display:flex}.participantName>span{text-overflow:clip;white-space:nowrap;min-width:0;overflow:hidden}.participantIdentity>small{color:var(--muted);font-size:var(--type-supporting-size);font-weight:var(--type-regular);line-height:var(--type-supporting-line);overflow-wrap:anywhere}.participantMic{flex:0 0 44px;position:relative;width:44px!important;min-width:44px!important;min-height:44px!important;color:var(--muted)!important;padding:0!important}.participantMic[data-speaking=true]{background:var(--bg)!important;color:var(--brand)!important}.participantMic[data-muted=true]:after,.participantMic[data-local-muted=true]:after{content:"";background:currentColor;width:24px;height:2px;position:absolute;transform:rotate(45deg)}.participantMic[data-local-muted=true]{color:var(--muted)!important}.participantMic[data-local-muted=true][data-speaking=true]{background:var(--bg)!important;color:var(--muted)!important}:root:not([data-input-modality=pointer]) .participantMic:focus-visible{background:var(--surface-focus)!important;color:var(--text)!important}.participantMore{width:48px;min-height:44px;color:var(--muted);justify-self:end;padding:0}.participantRowControls{align-items:center;gap:4px;display:flex}.participantFriend{width:44px;min-height:44px;padding:0}@media (hover:hover) and (pointer:fine){.participantMore:hover:not(:disabled){color:var(--text)}}.participantActions{flex-wrap:wrap;grid-column:2/-1;gap:0 16px;min-width:0;display:flex}.participantRemovalPrompt{overflow-wrap:anywhere;flex-basis:100%;margin:0 0 8px}.participantGovernance{flex-direction:column;gap:8px;padding-top:24px;display:flex}.participantGovernance h3,.peopleFriendsPanel h3{font-size:var(--type-body-size);font-weight:var(--type-emphasis);line-height:var(--type-body-line);margin:0 0 8px}.roomModeToggle{text-align:left;justify-content:space-between;gap:12px;width:100%}.roomModeToggle>span{max-width:48%;color:var(--brand);text-align:right;flex:none}:root:not([data-input-modality=pointer]) .roomModeToggle:focus-visible>span{color:var(--text)}.peoplePanel .roomModeToggle[aria-pressed=true]{background:var(--surface-hover)}.participantDanger{color:var(--danger)}.participantModeNotice{color:var(--muted);font-size:var(--type-supporting-size);line-height:var(--type-supporting-line);margin:24px 0 0}@media (max-width:900px){.participantRow{gap:8px}}
html:has(.room){overscroll-behavior:none;background:var(--surface);height:100%;overflow:hidden}body:has(.room){overscroll-behavior:none;background:var(--surface);height:100%;overflow:hidden}.room{height:100dvh;position:relative}.room>.roomHeader{grid-template-rows:var(--app-header-height)}.room>.roomHeader .appLogo,.room>.roomHeader .appHeaderMain,.room>.roomHeader .appHeaderActions{grid-row:1}.roomSearchTrigger{position:relative}.roomSourceText{white-space:nowrap;text-align:left;flex:auto;min-width:0;overflow:hidden}.roomPeopleTrigger{width:48px;min-width:48px;height:48px;color:var(--muted);background:0 0;gap:0;padding:0;position:relative}@media (hover:hover) and (pointer:fine){.roomPeopleTrigger:hover:not(:disabled){color:var(--text);background:0 0}}.roomPeopleTrigger[aria-expanded=true]{color:var(--text);background:0 0}.roomPeopleCount{border-radius:var(--radius-full);background:var(--bg);min-width:20px;height:20px;color:var(--text);font-size:var(--type-supporting-size);font-variant-numeric:tabular-nums;line-height:var(--type-supporting-line);place-items:center;padding:0 4px;display:grid;position:absolute;top:0;right:0}.room .roomChat{grid-template-rows:minmax(0,1fr)}.chatNewMessages{justify-self:center;min-height:40px;margin:0 auto 8px;padding:0 16px}.playerError{pointer-events:auto;color:var(--text);gap:16px}.playerErrorAction{min-width:160px;width:auto!important}.room .chatPanel{flex-direction:column;height:100%;display:flex}.room .chatLog{contain:size;flex:1 1 0}.chatFeedback{overscroll-behavior:contain;scrollbar-width:thin;flex:0 auto;min-height:0;overflow-y:auto}.voiceFeedback{min-height:0;color:var(--danger);font-size:var(--type-supporting-size);line-height:var(--type-supporting-line);overflow-wrap:anywhere;flex:0 auto;margin:0;padding:8px 16px;overflow-y:auto}.room .chatForm{background:var(--surface);flex:none;gap:0;min-height:64px;margin-top:0;padding:0 8px 0 24px}.room .chatForm .field{background:0 0;height:64px;padding:0}:root:not([data-input-modality=pointer]) .room .chatForm .field:focus-visible{background:0 0;outline:0}.room .voiceSession{display:none!important}.room .chatForm .chatSend{min-width:44px;min-height:48px;color:var(--brand);flex:0 0 44px;padding:0}.room .chatForm .voiceComposer{min-height:64px;color:var(--muted);background:0 0;flex:0 0 56px}@media (hover:hover) and (pointer:fine){.room .chatForm .voiceComposer:hover:not(:disabled){color:var(--text);background:0 0}}.room .chatForm .voiceComposer[aria-pressed=true],.room .chatForm .voiceComposer[data-state=muted]{color:var(--text);background:0 0}.room .chatForm .voiceComposer[data-state=live],.room .chatForm .voiceComposer[data-speaking=true]{color:var(--brand);background:0 0;outline:0}.room .chatForm .voiceComposer[data-state=error]{color:var(--danger);background:0 0}:root:not([data-input-modality=pointer]) .room .chatForm .voiceComposer:focus-visible{background:var(--surface-focus);color:var(--text)}.roomLayerBackdrop{inset:var(--app-header-height) 0 0;z-index:20;background:var(--overlay);cursor:default;border:0;padding:0;position:absolute}.roomLayerBackdrop[data-layer=media]{background:#0000008c}.roomPeopleSurface{z-index:23;background:var(--surface)}.roomMediaSurface[hidden],.roomPeopleSurface[hidden]{display:none!important}.roomMediaSurface{top:var(--app-header-height);left:0;right:0;bottom:min(120px, calc((100dvh - var(--app-header-height)) * .15));z-index:35;background:var(--bg);flex-direction:column;gap:16px;width:100%;padding:16px 24px 0;display:flex;position:absolute;overflow:hidden}.roomMediaToolbar{flex:none;justify-content:space-between;align-items:center;gap:16px;display:flex}.roomMediaToolbar h2{font-size:var(--type-body-size);font-weight:var(--type-emphasis);line-height:var(--type-body-line);margin:0}.roomMediaClose{white-space:nowrap;flex:none}.roomMediaResults{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;padding-bottom:24px;overflow-y:auto}.roomMediaResults .discoveryCard{content-visibility:visible}.roomPeopleSurface{top:var(--app-header-height);grid-template-rows:auto minmax(0,1fr);width:min(384px,100%);display:grid;position:absolute;bottom:0;right:0}.roomPeopleToolbar{padding:16px}.roomPeopleSurface>.peoplePanel{min-height:0;padding:0 16px max(16px, env(safe-area-inset-bottom));overflow-y:auto}@media (min-width:901px){.roomWorkspace{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(280px,28vw,360px);align-content:stretch}.playerFrame{width:min(100%, calc((100dvh - var(--app-header-height)) * 16 / 9));place-self:center;max-width:none;height:auto;max-height:none}.roomChat{height:100%;min-height:0;padding:0}.chatLog{padding:0 24px}.chatError{margin-left:24px;margin-right:24px}}@media (max-width:900px) and (orientation:portrait){:is(html:has(.room),body:has(.room)){height:auto;overflow:visible}html:has(.room){overflow-y:auto}.room{height:100svh;min-height:0;grid-template-rows:var(--app-header-height) minmax(0, 1fr)!important}.room>.roomHeader{grid-template-rows:var(--app-header-height)!important;height:var(--app-header-height)!important}.roomWorkspace{flex-direction:column;display:flex}.playerFrame{flex:0 auto;max-width:none;min-height:0;max-height:100%}.room .playerFrame{flex:none;width:100%}.roomChat{flex:1 1 0;max-height:100%;height:auto!important;min-height:0!important;padding:0 16px!important}.room .chatForm{min-height:calc(64px + max(8px, env(safe-area-inset-bottom)));padding:0 8px max(8px, env(safe-area-inset-bottom)) 16px;margin:0 -16px!important;position:static!important}.roomLayerBackdrop{inset:var(--app-header-height) 0 0}.roomMediaSurface{padding:16px 16px 0;bottom:0}.roomMediaResults{padding-bottom:max(16px, env(safe-area-inset-bottom))}.roomPeopleSurface{width:100%}}@media (max-width:900px) and (orientation:landscape){.roomWorkspace{grid-template-rows:minmax(0,1fr)!important;grid-template-columns:minmax(0,1fr) clamp(220px,32vw,300px)!important}.roomChat{height:100%!important;min-height:0!important;padding:0!important}.chatLog{padding:0 24px}.chatError{margin-left:24px;margin-right:24px}.playerFrame{width:min(100%, calc((100dvh - var(--app-header-height)) * 16 / 9));place-self:center;height:auto;max-width:none!important}.roomPeopleSurface{width:min(340px,60vw)}.roomMediaSurface{padding:12px 16px 0;bottom:0}}@media (max-width:600px) and (orientation:portrait){.roomChat{padding-left:0!important;padding-right:0!important}.chatLog{padding-left:16px;padding-right:16px}.room .chatForm{padding-left:16px;margin-left:0!important;margin-right:0!important}}
.videoPickerForm{background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;min-width:0;min-height:48px;display:grid;position:relative}.videoPickerForm[data-leading-icon=true]{grid-template-columns:32px minmax(0,1fr) auto}.videoPickerForm .field{height:48px;color:var(--text);background:0 0;padding:0 8px}.videoPickerProviderIcon,.videoPickerSearchIcon,.roomProviderIcon{color:var(--muted);justify-self:center;margin-left:0}svg.videoPickerProviderIcon,svg.videoPickerSearchIcon,svg.roomProviderIcon{fill:currentColor;flex:0 0 24px;width:24px;height:24px}.videoPickerActions{align-items:center;min-width:44px;display:flex}.videoPickerActions .action{width:44px;min-width:44px;height:48px;padding:0}.videoPickerActions .videoPickerOpen[data-ready=true]{background:var(--brand);color:var(--bg)}.videoPickerActions .videoPickerOpen[data-ready=true]:disabled{opacity:var(--opacity-disabled)}.videoPickerForm[aria-busy=true] .field{color:var(--muted);cursor:wait}.videoPickerError{background:var(--surface);width:100%;max-width:1440px;color:var(--danger);font-size:var(--type-supporting-size);line-height:var(--type-supporting-line);overflow-wrap:anywhere;flex-direction:column;gap:8px;margin:0 auto 16px;padding:16px;display:flex}.videoPickerError p{margin:0}.videoPickerError a{color:var(--brand);align-self:flex-start}.navigationSearchFeedback{top:calc(var(--app-header-height) + 8px);z-index:40;width:min(384px,100vw - 32px);position:fixed;left:50%;transform:translate(-50%)}.navigationSearchFeedback .videoPickerError{margin:0}.operationStatus{top:calc(var(--app-header-height) + 8px);z-index:40;border-radius:var(--radius-full);background:var(--surface-raised);width:max-content;max-width:calc(100vw - 32px);color:var(--text);font-size:var(--type-supporting-size);line-height:var(--type-supporting-line);pointer-events:none;align-items:center;gap:8px;padding:8px 16px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.operationStatus .icon{flex:0 0 24px}.roomSourceStatus{min-height:48px;color:var(--muted);font-size:var(--type-supporting-size);line-height:var(--type-supporting-line);align-items:center;padding:0 16px;display:flex}.homePicker{width:100%;min-width:0;position:relative}.roomSearchTrigger{width:100%;min-width:0;height:48px;color:var(--muted);grid-template-columns:32px minmax(0,1fr);gap:0;padding:0;display:grid}.roomSearchTrigger .roomSourceText{white-space:nowrap;text-align:left;min-width:0;padding-left:8px;display:block;overflow:hidden}@media (hover:hover) and (pointer:fine){.roomSearchTrigger:hover:not(:disabled),.roomSearchTrigger:active:not(:disabled){color:var(--muted);background:0 0}}:root:not([data-input-modality=pointer]) .roomSearchTrigger:focus-visible{color:var(--brand);background:0 0}:root:not([data-input-modality=pointer]) .videoPickerForm .field:focus-visible{color:var(--text);background:0 0}@media (max-width:900px){.roomSourceStatus{padding:0 8px}}@media (max-width:360px){.videoPickerForm[data-leading-icon=true]{grid-template-columns:24px minmax(0,1fr) auto}.videoPickerForm .field{padding:0}.roomSearchTrigger{grid-template-columns:24px minmax(0,1fr)}.roomSearchTrigger .roomSourceText{padding-left:0}}
.mionAvatar{border-radius:var(--radius-full);background:var(--surface-raised);width:32px;height:32px;color:var(--text);font-size:var(--type-supporting-size);font-weight:var(--type-regular);line-height:var(--type-supporting-line);flex:0 0 32px;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.mionAvatar img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.mionAvatarInitial{transform:translateY(-.02em)}.accountTrigger .mionAvatar{flex-basis:32px;width:32px;height:32px}.accountAvatarProfile{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:16px;display:grid}.accountAvatarEdit{border-radius:var(--radius-full);width:48px;min-width:48px;height:48px;padding:0;position:relative}.accountAvatarEdit>.mionAvatar{width:48px;height:48px;font-size:var(--type-body-size);line-height:var(--type-body-line);flex-basis:48px}.accountAvatarEditIcon{border-radius:var(--radius-full);background:var(--brand);width:22px;height:22px;color:var(--bg);place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.accountAvatarEditIcon .icon{width:14px;height:14px}.accountNicknameEdit{text-align:left;align-items:center;gap:8px;min-width:44px;max-width:100%;min-height:44px;padding:0;display:flex}.accountNicknameEdit .overflowFade{flex:0 auto;min-width:0}.accountNicknameEdit .icon{width:20px;height:20px;color:var(--muted);flex:0 0 20px}.accountIdentity .accountNicknameEdit{color:var(--text);font-size:var(--type-body-size);line-height:var(--type-body-line);padding:0}.participantAvatarWrap{place-items:center;width:40px;height:40px;display:grid}.participantAvatar{flex-basis:40px;width:40px;height:40px}.participantAvatarWrap .accountTrigger{width:40px;min-width:40px;min-height:40px}.participantAvatarWrap .accountTrigger .mionAvatar{flex-basis:40px;width:40px;height:40px}.participantRow[data-speaking=true]{background:var(--surface-raised)}.participantRow[data-speaking=true] .participantAvatarWrap .mionAvatar{background:var(--brand);color:var(--bg)}.chatMessageHeader{align-items:center;gap:8px;margin:0 0 2px -40px;display:flex}.chatMessageHeader .chatAuthor{white-space:nowrap;min-width:0;margin:0;overflow:hidden}.chatProfileTrigger{border-radius:var(--radius-full);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:8px;min-width:0;max-width:100%;min-height:44px;padding:6px 0;display:flex}@media (hover:hover) and (pointer:fine){.chatProfileTrigger:hover{background:var(--surface)}}:root:not([data-input-modality=pointer]) .chatProfileTrigger:focus-visible{background:var(--surface-focus)}:root:not([data-input-modality=pointer]) .chatProfileTrigger:focus-visible .chatAuthor{color:var(--text)}.chatProfileTrigger .chatAuthor{text-overflow:clip;white-space:nowrap;min-width:0;overflow:hidden}.chatAvatar{width:32px;height:32px;font-size:var(--type-supporting-size);line-height:var(--type-supporting-line);flex-basis:32px}.socialInvitationSummary{min-width:0}.socialInvitationSummary>p{margin:0}.socialInvitationTitle{max-height:calc(var(--type-supporting-line) * 2);min-width:0;color:var(--muted);font-size:var(--type-supporting-size);line-height:var(--type-supporting-line);display:block;overflow:hidden}
.home>.appHeader{position:sticky;top:0}.homeDiscovery{width:100%;min-width:0;max-width:1440px;margin:0 auto}.discoveryHeading{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;min-width:0;margin-bottom:16px;display:flex}.discoveryHeading>h2{font-size:var(--type-heading-size);font-weight:var(--type-emphasis);line-height:var(--type-heading-line);margin:0}.discoveryToolbar{align-items:flex-start;gap:8px;min-width:0;display:flex}.discoveryFilters{overscroll-behavior-x:contain;scrollbar-width:none;flex:auto;gap:8px;min-width:0;display:flex;overflow-x:auto}.discoveryFilters::-webkit-scrollbar{display:none}.discoveryFilter{border-radius:var(--radius-full);background:var(--surface);min-width:max-content;height:40px;color:var(--muted);cursor:pointer;font-size:var(--type-supporting-size);line-height:var(--type-supporting-line);border:0;padding:0 16px}@media (hover:hover) and (pointer:fine){.discoveryFilter:hover{color:var(--text)}}:root:not([data-input-modality=pointer]) .discoveryFilter:focus-visible{color:var(--text)}.discoveryFilter[aria-pressed=true]{background:var(--brand);color:var(--bg);font-weight:var(--type-emphasis)}:root:not([data-input-modality=pointer]) .discoveryFilter:focus-visible{background:var(--surface-focus);color:var(--text)}.discoveryFilter:disabled{opacity:var(--opacity-disabled);cursor:default}.discoveryGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:32px 16px;width:100%;min-width:0;display:grid}.discoveryCard{content-visibility:auto;contain-intrinsic-size:0 240px;min-width:0}.discoveryCardMain{width:100%;min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;flex-direction:column;padding:0;display:flex}.discoveryCardMain:disabled{opacity:var(--opacity-disabled);cursor:default}:root:not([data-input-modality=pointer]) button.discoveryCardMain:focus-visible .discoveryTitle{color:var(--brand)}@media (hover:hover) and (pointer:fine){button.discoveryCardMain:hover:not(:disabled) .discoveryTitle{color:var(--brand)}}.discoveryThumb{aspect-ratio:16/9;background:var(--surface);width:100%;color:var(--muted);place-items:center;display:grid;position:relative;overflow:hidden}.discoveryDuration{background:var(--overlay);color:var(--text);font-size:var(--type-supporting-size);line-height:var(--type-supporting-line);padding:2px 4px;position:absolute;bottom:8px;right:8px}.discoveryCardBody{flex-direction:column;gap:4px;width:100%;min-width:0;padding-top:8px;display:flex}.discoveryTitle{min-height:48px;max-height:calc(var(--type-body-line) * 2);overflow-wrap:anywhere;color:var(--text);font-size:var(--type-body-size);line-height:var(--type-body-line);display:block;overflow:hidden}.discoveryMeta{min-width:0;color:var(--muted);font-size:var(--type-supporting-size);line-height:var(--type-supporting-line);white-space:nowrap;align-items:center;gap:6px;display:flex}.discoveryAvatar{flex-basis:24px;width:24px;height:24px}.discoveryDetails{text-overflow:clip;flex:auto;min-width:0;overflow:hidden}.discoveryAuthor{align-items:center;gap:4px;min-width:0;display:flex}.discoveryTrusted{width:16px;height:16px;color:var(--text);flex:0 0 16px;place-items:center;display:grid}.discoveryTrusted .icon{width:14px;height:14px}.discoveryStats{min-width:0;color:var(--muted);font-size:var(--type-supporting-size);line-height:var(--type-supporting-line);flex-wrap:wrap;align-items:center;gap:6px;min-height:20px;display:flex}.discoveryViews{overflow-wrap:anywhere;flex:0 auto;min-width:0}.discoveryPublished{overflow-wrap:anywhere;min-width:0}.discoveryStatus,.discoveryFailure{min-height:64px;color:var(--muted);font-size:var(--type-supporting-size);line-height:var(--type-supporting-line);text-align:center;justify-content:center;align-items:center;gap:8px;margin:24px 0 0;display:flex}.discoveryFailure{color:var(--danger);flex-direction:column}.discoveryFailure p{margin:0}.discoveryFailure .action{color:var(--text)}.discoveryBoundary{width:100%;height:1px}.discoverySkeleton{flex-direction:column;gap:8px;min-width:0;display:flex}.discoverySkeletonThumb,.discoverySkeletonLine{background:var(--surface);display:block}.discoverySkeletonThumb{aspect-ratio:16/9;width:100%}.discoverySkeletonLine{width:100%;height:20px}.discoverySkeletonLine[data-short=true]{width:60%}@media (max-width:900px){.discoveryGrid{row-gap:24px}}@media (max-width:600px){.homeDiscovery{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}.discoveryHeading{padding-left:16px;padding-right:16px}.discoveryGrid{grid-template-columns:minmax(0,1fr);gap:24px 0}.discoveryCardBody{padding:8px 16px 0}.discoveryTitle{min-height:0}}
.overflowFade{text-overflow:clip}.overflowFade[data-overflow=true]{-webkit-mask-image:linear-gradient(to right, #000 calc(var(--overflow-fade-end) - 24px), transparent var(--overflow-fade-end));mask-image:linear-gradient(to right, #000 calc(var(--overflow-fade-end) - 24px), transparent var(--overflow-fade-end));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.overflowFade[data-overflow=true][data-fade-lines="2"]{-webkit-mask-image:linear-gradient(#000, #000), linear-gradient(to right, #000 calc(var(--overflow-fade-end) - 24px), transparent var(--overflow-fade-end));mask-image:linear-gradient(#000, #000), linear-gradient(to right, #000 calc(var(--overflow-fade-end) - 24px), transparent var(--overflow-fade-end));-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-size:100% calc(100% - 1lh),100% 1lh;mask-size:100% calc(100% - 1lh),100% 1lh}.nativeAudioIdentity strong.overflowFade{text-overflow:clip}