*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,sans-serif;background:#202124;color:#e8eaed;overflow:hidden}button{font:inherit;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;background:#3c4043;color:#e8eaed}button:hover{filter:brightness(1.15)}button.primary{background:#1a73e8}input{font:inherit;padding:10px 12px;border-radius:8px;border:1px solid #5f6368;background:#303134;color:#e8eaed;width:100%}*{scrollbar-width:thin;scrollbar-color:#5f6368 #26282b}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#26282b;border-radius:8px}::-webkit-scrollbar-thumb{background:#5f6368;border-radius:8px;border:3px solid #26282b}::-webkit-scrollbar-thumb:hover{background:#80868b}::-webkit-scrollbar-thumb:active{background:#9aa0a6}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-button:single-button{background-color:#26282b;background-repeat:no-repeat;background-position:center;height:14px;width:12px}::-webkit-scrollbar-button:single-button:vertical:decrement{border-radius:8px 8px 0 0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8'><path d='M4 1 L7.5 6 L0.5 6 Z' fill='%239aa0a6'/></svg>")}::-webkit-scrollbar-button:single-button:vertical:increment{border-radius:0 0 8px 8px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8'><path d='M4 7 L7.5 2 L0.5 2 Z' fill='%239aa0a6'/></svg>")}::-webkit-scrollbar-button:single-button:horizontal:decrement{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8'><path d='M1 4 L6 0.5 L6 7.5 Z' fill='%239aa0a6'/></svg>")}::-webkit-scrollbar-button:single-button:horizontal:increment{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8'><path d='M7 4 L2 0.5 L2 7.5 Z' fill='%239aa0a6'/></svg>")}::-webkit-scrollbar-button:single-button:hover{background-color:#3c4043}.home{height:100%;display:flex;align-items:center;justify-content:center}.home .card{background:#303134;border-radius:16px;padding:32px;width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px}.home .card.center{align-items:center;text-align:center}.home h1{font-size:22px;margin-bottom:4px}.home .divider{text-align:center;color:#9aa0a6;font-size:13px}.home .hint{color:#9aa0a6;font-size:14px}.error{color:#f28b82;font-size:14px}.buildTag{position:fixed;bottom:8px;right:12px;color:#5f6368;font-size:11px}.spinner{width:36px;height:36px;border:4px solid #3c4043;border-top-color:#1a73e8;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.room{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:#202124;padding-bottom:env(safe-area-inset-bottom,0px);user-select:none;-webkit-user-select:none}@supports (height: 100dvh){.room{bottom:auto;height:100dvh}}.room input{user-select:text;-webkit-user-select:text}.grid{flex:1;min-height:0;display:grid;gap:8px;padding:8px;overflow:hidden}.duo{flex:1;min-height:0;position:relative;padding:8px}.duoMain{position:absolute;top:8px;right:8px;bottom:8px;left:8px;display:flex;align-items:center;justify-content:center}.duoMain .tile{flex:none;width:min(76vw,calc((100vh - 200px) * 16 / 9));max-width:100%;aspect-ratio:16 / 9}.duoSelf{position:absolute;right:22px;bottom:22px;width:224px;height:128px;z-index:3;display:flex;box-shadow:0 4px 16px #0000008c;border-radius:12px}.duoSelf .tile{flex:1;min-height:0}.stage{flex:1;min-height:0;display:flex;gap:8px;padding:8px}.stage .main{flex:1;min-width:0;display:flex}.stage .main .tile{flex:1}.stage .strip{width:220px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.stage .strip .tile{height:132px;flex:none}.tile{position:relative;min-width:0;min-height:0;background:#3c4043;border-radius:12px;overflow:hidden;border:2px solid transparent;animation:tileIn .5s cubic-bezier(.2,0,0,1)}@keyframes tileIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.tile{--spk: #8ab4f8}.tile.speaking{border-color:var(--spk)}.tile.speaking .avatar{box-shadow:0 0 0 4px color-mix(in srgb,var(--spk) 85%,transparent),0 0 22px color-mix(in srgb,var(--spk) 50%,transparent);animation:speakPulse 1.3s ease-in-out infinite}@keyframes speakPulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--spk) 85%,transparent),0 0 22px color-mix(in srgb,var(--spk) 50%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--spk) 45%,transparent),0 0 30px color-mix(in srgb,var(--spk) 35%,transparent)}}.tile video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tile video.mirror{transform:scaleX(-1)}.tile.screen{background:#000}.tile.presentCard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#26292e;color:#8ab4f8}.presentText{color:#e8eaed;font-size:15px;font-weight:500}.stopPresent{background:#ea4335;color:#fff;border-radius:20px;padding:9px 20px;font-size:14px;font-weight:500}.tile .placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#3c4043}.tile .avatar{width:clamp(48px,30%,96px);aspect-ratio:1;border-radius:50%;background:#1a73e8;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,5vw,40px);font-weight:700;color:#fff}.tile .label{position:absolute;left:12px;bottom:10px;display:flex;align-items:center;gap:5px;color:#fff;font-weight:600;font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.8);max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile .label svg{flex:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.tile .badges{position:absolute;top:10px;right:10px;display:flex;gap:8px}.tile .badge{background:transparent;padding:0;color:#fff;display:flex;align-items:center;filter:drop-shadow(0 1px 3px rgba(0,0,0,.85))}.tile .handBadge{position:absolute;top:10px;left:10px;color:#fff;display:flex;align-items:center;filter:drop-shadow(0 1px 3px rgba(0,0,0,.85));z-index:1}.tile .tileActions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:10px;opacity:0;transition:opacity .15s;z-index:2}.tile:hover .tileActions{opacity:1}.tile .tileBtn{width:44px;height:44px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;background:#20212447;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.tile .tileBtn:hover{background:#20212473;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.tile .tileActions.show{opacity:1}.menuWrap{position:relative}.tileMenu{position:absolute;top:110%;left:50%;transform:translate(-50%);background:#303134;border-radius:8px;padding:4px;min-width:150px;box-shadow:0 4px 12px #00000080;z-index:3}.tileMenu button{width:100%;text-align:left;background:transparent;padding:9px 12px;font-size:13px;white-space:nowrap}.tileMenu button:hover{background:#3c4043}.tile .placeholder{flex-direction:column;gap:10px}.tile .caption{color:#9aa0a6;font-size:13px}.controls{position:relative;flex:none;height:76px;display:flex;align-items:center;justify-content:center;gap:12px;background:#202124}.controls .ctl{width:52px;height:52px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;background:#3c4043;color:#e8eaed}.controls .ctl.off{background:#ea4335;color:#fff}.controls .ctl.raised{background:#fff;color:#202124}.controls .ctl.presenting{background:#8ab4f8;color:#202124}.controls .ctl.recording{background:#ea4335;color:#fff;animation:recPulse 1.6s ease-in-out infinite}@keyframes recPulse{0%,to{box-shadow:0 0 #ea43358c}50%{box-shadow:0 0 0 8px #ea433500}}.controls .ctl.hangup{background:#ea4335;width:64px;border-radius:26px}.controls .callid{position:absolute;left:16px;font-size:13px;color:#9aa0a6;display:flex;gap:8px;align-items:center}.controls .callid .timer{color:#e8eaed;font-variant-numeric:tabular-nums;font-size:14px;padding-right:12px;border-right:1px solid #3c4043}.callid.netSpeed{gap:12px}.speed{font-size:12px;font-variant-numeric:tabular-nums;color:#9aa0a6;white-space:nowrap}.speed.down{color:#81c995}.speed.up{color:#8ab4f8}.controls .callid button{height:36px;padding:0 14px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #5f6368;border-radius:18px;color:#8ab4f8;transition:background .15s}.controls .callid button:hover{background:#8ab4f81f;filter:none}.controls .callid button svg{flex:none}.controls .ctl.active{background:#8ab4f8;color:#202124}.layoutWrap{position:relative;display:flex}.layoutPanel{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:#303134;border-radius:12px;padding:16px;width:240px;box-shadow:0 4px 16px #00000080;z-index:8;animation:slideInUp .3s cubic-bezier(.2,0,0,1)}.layoutTitle{font-size:13px;color:#9aa0a6;margin:12px 0 8px}.layoutTitle:first-child{margin-top:0}.layoutPanel select{width:100%;font:inherit;font-size:13px;padding:8px 10px;border-radius:8px;border:1px solid #5f6368;background:#202124;color:#e8eaed}.layoutPanel input[type=range]{width:100%;accent-color:#8ab4f8}.layoutSteps{display:flex;justify-content:space-between;margin-top:6px}.layoutSteps button{background:transparent;padding:4px 8px;font-size:13px;color:#9aa0a6;border-radius:6px}.layoutSteps button.on{background:#8ab4f8;color:#202124}.moreTile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;background:#2a2d31}.moreTile:hover{background:#33363b}.moreAvatars{display:flex}.moreAvatars .avatar.small{width:44px;height:44px;font-size:18px;font-weight:700;color:#fff;border:2px solid #202124;border-radius:50%;background:#5f6368;display:flex;align-items:center;justify-content:center}.moreAvatars .avatar.small:not(:first-child){margin-left:-12px}.moreText{color:#e8eaed;font-size:15px;font-weight:500}.personPin{background:transparent;padding:5px;border-radius:50%;color:#9aa0a6;display:flex;align-items:center;opacity:.75}.personPin:hover{background:#4a4e54;opacity:1}.personPin.on{color:#8ab4f8;opacity:1}.controls .count{position:absolute;right:16px;color:#e8eaed;font-size:14px;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;background:#3c4043}.controls .count.active{background:#8ab4f8;color:#202124}.panel{position:fixed;right:12px;top:12px;bottom:12px;width:300px;background:#303134;border-radius:12px;display:flex;flex-direction:column;z-index:10;box-shadow:0 4px 16px #00000080;animation:slideInRight .4s cubic-bezier(.2,0,0,1)}@keyframes slideInRight{0%{transform:translate(48px);opacity:0}to{transform:none;opacity:1}}.personRow{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.panelHead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-weight:500;border-bottom:1px solid #3c4043}.panelHead button{padding:4px 10px;background:transparent}.panelSearch{padding:10px 12px 2px}.panelSearch input{font-size:14px;padding:8px 12px}.panelEmpty{color:#9aa0a6;font-size:14px;text-align:center;padding:20px 0}.panelList{flex:1;overflow-y:auto;padding:8px}.personRow{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px}.personRow:hover{background:#3c4043}.personAvatar{width:32px;height:32px;border-radius:50%;background:#1a73e8;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex:none}.personName{flex:1;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.personRow{animation:rowIn .25s cubic-bezier(.2,0,0,1)}@keyframes rowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.personIcon{color:#9aa0a6;display:flex;align-items:center;animation:iconIn .2s ease}@keyframes iconIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.personIcon.off{color:#ea4335}.personIcon.hand{color:#fbbc04}@media (max-width: 640px){.panel{left:12px;width:auto;animation:slideInUp .35s cubic-bezier(.2,0,0,1)}}@keyframes slideInUp{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.tile .badge{display:flex;align-items:center}.topBar{flex:none;height:54px;display:flex;align-items:center;gap:12px;padding:8px 14px 0}.topBar .timer{color:#fff;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;padding-left:10px;padding-right:14px;border-right:2px solid #fff}.topUser{margin-left:auto;position:relative;background:transparent;padding:2px 8px 2px 2px;display:flex;align-items:center}.topUser:hover{filter:none}.topAvatar{width:32px;height:32px;border-radius:50%;color:#fff;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center}.topPeople{width:32px;height:32px;border-radius:50%;background:#3c4043;color:#e8eaed;display:flex;align-items:center;justify-content:center}.topCount{position:absolute;right:-2px;top:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#3c4043;color:#e8eaed;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;border:1px solid #202124}.reconnPill{display:flex;align-items:center;gap:8px;background:#3c4043;color:#e8eaed;padding:6px 14px;border-radius:16px;font-size:13px;font-weight:500;animation:slideInLeft .3s cubic-bezier(.2,0,0,1)}.netPill{padding:6px 14px;border-radius:16px;font-size:13px;font-weight:500;animation:slideInLeft .3s cubic-bezier(.2,0,0,1)}.netPill.fair{background:#fde293;color:#3f2e00}.netPill.poor{background:#f5b544;color:#3f2000}.netPill.critical{background:#f2b8b5;color:#601410}.miniSpin{width:14px;height:14px;border:2px solid #5f6368;border-top-color:#8ab4f8;border-radius:50%;animation:spin .9s linear infinite}.room.reconnecting .grid,.room.reconnecting .stage,.room.reconnecting .duo{opacity:.55}.handPill{display:flex;align-items:center;gap:8px;background:#fbbc04;color:#202124;padding:6px 14px;border-radius:16px;font-size:13px;font-weight:500;animation:slideInLeft .4s cubic-bezier(.2,0,0,1)}.recPill{display:flex;align-items:center;gap:8px;background:#ea4335;color:#fff;padding:7px 16px;border-radius:20px;font-size:14px;font-weight:500;animation:slideInLeft .4s cubic-bezier(.2,0,0,1)}.recPill.iconOnly{padding:7px;border-radius:50%}.recPill svg{animation:recBlink 1.4s ease-in-out infinite}@keyframes recBlink{0%,to{opacity:1}50%{opacity:.35}}.personIcon.rec{color:#ea4335}.controls .ctl:disabled{opacity:.4;cursor:not-allowed}.controls .ctl{position:relative}.ctlGroup{position:relative;display:flex;align-items:center;background:#333537;border-radius:26px}.ctlGroup.off{background:#f2b8b5}.ctlGroup.off .ctl.plain{color:#601410}.ctlGroup.off .ctl.plain:hover{background:#60141014}.ctlGroup .ctl.plain{background:transparent}.ctlGroup .ctl.plain:hover{filter:none;background:#ffffff14;border-radius:50%}.ctlCaret{width:28px;height:52px;padding:0 0 0 4px;background:#2d2f31;color:#e8eaed;border-right:2px solid #202124;border-radius:26px 0 0 26px;font-size:17px;display:flex;align-items:center;justify-content:center}.ctlCaret:hover{background:#3c4043;filter:none}.ctlGroup.off .ctlCaret{color:#f2b8b5;background:#5c1a16;border-right-color:#601410}.ctlGroup.off .ctlCaret:hover{background:#6e221d}.devMenu{position:absolute;bottom:calc(100% + 12px);left:0;min-width:250px;max-width:320px;background:#303134;border-radius:12px;padding:8px;box-shadow:0 4px 16px #00000080;z-index:9;animation:slideInUp .3s cubic-bezier(.2,0,0,1)}.devTitle{font-size:12px;color:#9aa0a6;padding:8px 10px 4px}.devEmpty{font-size:13px;color:#9aa0a6;padding:6px 10px}.devItem{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;padding:10px;font-size:13px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devItem:hover{background:#3c4043}.devItem:disabled{opacity:.45;cursor:not-allowed}.devItem:disabled:hover{background:transparent;filter:none}.devItem svg{flex:none}.settingsWrap{position:relative;display:flex}.devItem.mobileOnly,.mobileOnlyInline{display:none}.devMenu.rightAnchor{left:auto;right:0}.settingsWrap .layoutPanel{left:auto;right:0;transform:none}.devItem.on{color:#8ab4f8}.errDot{position:absolute;top:-3px;right:-3px;width:17px;height:17px;border-radius:50%;background:#fbbc04;color:#202124;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #202124}@keyframes slideInLeft{0%{transform:translate(-24px);opacity:0}to{transform:none;opacity:1}}.handBar button{display:flex;align-items:center;gap:8px;background:#fbbc04;color:#202124;padding:7px 16px;border-radius:20px;font-size:14px;font-weight:500}.handBar button:hover{filter:brightness(1.05)}.snacks{position:fixed;left:16px;bottom:92px;display:flex;flex-direction:column;gap:8px;z-index:11;pointer-events:none}.snack{display:flex;align-items:center;gap:12px;background:#3c4043;color:#e8eaed;padding:11px 18px;border-radius:8px;font-size:14px;max-width:340px;box-shadow:0 3px 10px #00000080;animation:slideInLeft .3s cubic-bezier(.2,0,0,1);pointer-events:auto}.snackClose{background:transparent;padding:2px 6px;font-size:13px;color:inherit;border-radius:50%;flex:none}.snackClose:hover{background:#ffffff26;filter:none}.snack.warning .snackClose:hover{background:#0000001f}.snack.warning{background:#fde293;color:#3f2e00;font-weight:500}.toast{position:fixed;top:14px;left:50%;transform:translate(-50%);background:#3c4043;padding:8px 18px;border-radius:8px;font-size:14px;z-index:10}@media (max-width: 640px){.hideOnMobile,.controls .ctl.presentCtl{display:none}.devItem.mobileOnly{display:flex}.mobileOnlyInline{display:inline;font-weight:600}.controls .callid{gap:8px}.controls .callid .timer{padding-right:8px}.controls .callid button{width:36px;padding:0;justify-content:center;border-radius:50%}.controls{height:64px;gap:8px}.controls .ctl{width:44px;height:44px}.ctlGroup{border-radius:22px}.ctlCaret{width:22px;height:44px;font-size:13px;border-radius:22px 0 0 22px}.controls .ctl.hangup{width:56px;border-radius:22px}.devMenu{min-width:220px;max-width:calc(100vw - 24px)}.controls .callid span{display:none}.controls .callid{left:10px}.controls .count{right:10px}.grid{gap:6px;padding:6px}.stage{flex-direction:column;padding:6px;gap:6px}.stage .strip{width:100%;height:92px;flex-direction:row;overflow-x:auto;overflow-y:hidden}.stage .strip .tile{width:130px;height:100%;flex:none}.tile .tileBtn{width:38px;height:38px}.duoMain .tile{width:100%;height:100%;aspect-ratio:auto}.duoSelf{width:120px;height:160px;right:14px;bottom:14px}}.zHome{max-width:560px;margin:0 auto;padding:16px 12px 20px;color:#e8eaed;display:flex;flex-direction:column;gap:12px;height:100%;overflow:hidden}.zHome .zList{flex:1;min-height:0;overflow-y:auto;padding-bottom:40px}.zHeader{display:flex;align-items:center;gap:12px}.zHeader h1{font-size:20px;margin:0}.zLink{margin-left:auto;background:none;border:none;color:#8ab4f8;cursor:pointer;font-size:13px}.zTabs{display:flex;gap:6px}.zTabs button{flex:1;padding:9px 0;border:none;border-radius:18px;cursor:pointer;background:#2a2b2e;color:#bdc1c6;font-weight:600;font-size:14px}.zTabs button.on{background:#0b5c3f;color:#fff}.zSearch{padding:10px 14px;border-radius:20px;border:1px solid #3c4043;background:#202124;color:#e8eaed;font-size:14px;outline:none}.zList{display:flex;flex-direction:column}.zRow{display:flex;align-items:center;gap:12px;padding:10px 6px;border:none;background:none;color:inherit;text-align:left;width:100%;border-bottom:1px solid #2a2b2e;cursor:default}button.zRow{cursor:pointer;border-radius:10px}button.zRow:hover{background:#26282b}.zRowText{min-width:0;flex:1}.zName{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zSub{font-size:12px;color:#9aa0a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zOnline{color:#34a853}.zOffline{color:#f29900}.zAvatar{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex:none;width:44px;height:44px}.zAvatar.group{color:#fff}.zAvatar.big{width:96px;height:96px;font-size:40px}.zCallBtn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}.zCallBtn.audio{background:#0b5c3f;color:#fff}.zCallBtn.video{background:#2a2b2e;color:#8ab4f8}.zCallBtn:hover{filter:brightness(1.2)}.zEmpty{color:#9aa0a6;text-align:center;padding:40px 0}.zMissed{color:#ea4335}.zOut{color:#34a853}.zIn{color:#8ab4f8}.zToast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:#3c4043;color:#e8eaed;padding:10px 18px;border-radius:8px;font-size:14px;z-index:400;box-shadow:0 4px 16px #0006}.incomingToast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:500;display:flex;align-items:center;gap:12px;width:min(460px,calc(100vw - 24px));background:#26282b;border:1px solid #3c4043;border-radius:18px;padding:12px 14px;box-shadow:0 10px 32px #0000008c;animation:incomingSlide .3s cubic-bezier(.2,0,0,1)}@keyframes incomingSlide{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}.incomingText{flex:1;min-width:0}.incomingTitle{font-size:15px;font-weight:700;color:#e8eaed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incomingSub{color:#9aa0a6;margin:0;font-size:12.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.incomingBtn{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;flex:none;padding:0}.incomingBtn.accept{background:#34a853;animation:incomingPulse 1.6s ease-out infinite}.incomingBtn.decline{background:#ea4335}.incomingConnecting{flex:none;padding:0 12px;font-size:13px;color:#9aa0a6;white-space:nowrap}@keyframes incomingPulse{0%{box-shadow:0 0 #34a85380}70%{box-shadow:0 0 0 12px #34a85300}to{box-shadow:0 0 #34a85300}}.ringBanner{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:6px}.ringRow{background:#202124eb;border:1px solid #3c4043;border-radius:20px;padding:8px 16px;color:#e8eaed;font-size:14px;display:flex;gap:10px;align-items:baseline}.ringRow .ringName{font-weight:600}.ringRow .ringState{color:#9aa0a6;font-size:13px}.ringRow.ringing .ringState{color:#8ab4f8}.ringRow.declined .ringState,.ringRow.busy .ringState,.ringRow.missed .ringState{color:#ea4335}.cupPanel{position:fixed;right:10px;top:10px;bottom:10px;width:340px;z-index:310;background:#191a1cf7;border:1px solid #3c4043;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 30px #00000080}.cupHeader{display:flex;align-items:center;gap:8px;padding:12px 14px;font-weight:600;font-size:14px;color:#e8eaed;border-bottom:1px solid #2a2b2e}.cupClose{margin-left:auto;background:none;padding:2px 8px;color:#9aa0a6}.cupScroll{overflow-y:auto;padding:6px 10px 12px}.cupSection{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#9aa0a6;padding:12px 4px 6px}.cupRow{display:flex;align-items:center;gap:10px;padding:5px 2px}.cupName{font-size:13.5px;color:#e8eaed;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cupChip{font-size:11px;color:#9aa0a6;flex:none}.cupChip.in_call{color:#34a853}.cupChip.calling,.cupChip.ringing{color:#8ab4f8}.cupChip.declined,.cupChip.missed,.cupChip.busy{color:#ea4335}.cupAdd{display:flex;align-items:center;gap:5px;flex:none;background:#0b5c3f;color:#fff;border-radius:14px;padding:5px 11px;font-size:12px}@media (max-width: 640px){.cupPanel{left:8px;right:8px;width:auto}}.cupIcons{display:flex;gap:5px;align-items:center;flex:none;color:#9aa0a6}.cupIcon{display:flex;align-items:center}.cupIcon.off{color:#ea4335}.cupIcon.hand{color:#fbbc04}.cupIcon.rec{color:#ea4335}.cupMenuWrap{position:relative;flex:none}.cupDots{background:none;border:none;padding:4px 6px;color:#9aa0a6;display:flex;align-items:center;border-radius:50%}.cupDots:hover{background:#2a2b2e;color:#e8eaed}.cupMenu{position:absolute;right:0;top:28px;z-index:20;background:#2a2b2e;border:1px solid #3c4043;border-radius:10px;min-width:180px;padding:4px;box-shadow:0 6px 20px #00000080;display:flex;flex-direction:column}.cupMenuItem{background:none;border:none;text-align:left;padding:9px 12px;color:#e8eaed;font-size:13px;border-radius:7px;cursor:pointer}.cupMenuItem:hover{background:#3c4043}.label .labelText{display:flex;flex-direction:column;line-height:1.2}.label .labelDesig{font-size:10.5px;font-weight:400;opacity:.85}.cupSearch{padding:10px 12px 4px}.cupSearch input{padding:8px 12px;border-radius:16px;font-size:13px;background:#202124;border:1px solid #3c4043}.cupText{flex:1;min-width:0;display:flex;flex-direction:column}.cupText .cupName{flex:none}.cupDesig{font-size:11px;color:#9aa0a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 641px){.room{transition:right .3s cubic-bezier(.2,0,0,1)}body.usersOpen .room{right:360px}.cupPanel{animation:cupSlideIn .3s cubic-bezier(.2,0,0,1)}}@keyframes cupSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.zLogTools{display:flex;justify-content:flex-end;padding:4px 6px}.zLink.danger{color:#f28b82}.zChevron{color:#9aa0a6;font-size:12px;flex:none;padding:0 4px}.zLogDetail{background:#26282b;border-radius:10px;margin:2px 6px 8px 54px;padding:10px 12px;display:flex;flex-direction:column;gap:7px}.zLogDetailTitle{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#9aa0a6}.zLogDetailRow{display:flex;align-items:center;gap:9px;font-size:13px;color:#e8eaed}.zModalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:#0a0b0ca8;display:flex;align-items:center;justify-content:center;padding:16px}.zModal{width:min(440px,100%);max-height:80vh;display:flex;flex-direction:column;background:#26282b;border:1px solid #3c4043;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #0009}.zModalHead{display:flex;align-items:center;padding:14px 16px;font-weight:700;font-size:15px;color:#e8eaed;border-bottom:1px solid #2f3134}.zModalHead .cupClose{margin-left:auto}.zModalMeta{padding:12px 16px;border-bottom:1px solid #2f3134}.zModalMeta .zName{font-size:16px}.zModalSection{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#9aa0a6;padding:12px 16px 4px}.zModalList{overflow-y:auto;padding:4px 12px 14px}.zModalList .zLogDetailRow{padding:6px 4px}.zSection{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#34a853;padding:10px 6px 4px}.zRow.ongoing{background:#0b5c3f24;border-radius:12px}.zAvatar.live{position:relative}.zSub.zLive{color:#34a853;font-weight:600}.zJoinBtn{display:flex;align-items:center;gap:6px;flex:none;background:#34a853;color:#fff;border-radius:16px;padding:7px 14px;font-size:13px;font-weight:600}.zJoinBtn:hover{filter:brightness(1.1)}.zModalActions{display:flex;gap:10px;padding:12px 16px;border-top:1px solid #2f3134}.zModalBtn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:22px;padding:11px 0;font-size:14px;font-weight:600}.zModalBtn.cancel{background:#3c4043;color:#e8eaed}.zModalBtn.join{background:#34a853;color:#fff}.guestChip{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:8px;background:#f9ab00;color:#202124;font-size:10px;font-weight:700;vertical-align:middle;letter-spacing:.02em}.admitGuestWrap{position:relative;margin-left:auto;display:flex;align-items:center}.admitGuestIcon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:#e8eaed;cursor:pointer}.admitGuestIcon:hover{background:#35363a}.admitBadge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;box-sizing:border-box;padding:0 4px;border-radius:8px;background:#ea4335;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.guestPanel{position:absolute;top:48px;left:0;z-index:40;width:280px;background:#2a2b2e;border:1px solid #3c4043;border-radius:12px;padding:8px;box-shadow:0 8px 28px #00000073}.guestPanel.right{left:auto;right:0}.guestPanelTitle{font-size:12px;color:#9aa0a6;padding:4px 8px 8px}.guestRow{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px}.guestRow:hover{background:#35363a}.guestRowName{flex:1;font-size:14px;color:#e8eaed;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miniPrimary{border:none;border-radius:16px;padding:6px 12px;background:#34a853;color:#fff;font-weight:600;font-size:13px;cursor:pointer}.miniGhost{border:none;border-radius:16px;padding:6px 12px;background:#3c4043;color:#e8eaed;font-size:13px;cursor:pointer}.guestName{width:100%;box-sizing:border-box;margin:8px 0 14px;padding:12px 14px;border:1px solid #3c4043;border-radius:10px;background:#202124;color:#e8eaed;font-size:15px}.cupSection{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9aa0a6;padding:12px 12px 4px}.guestLinkBtn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border:1px solid #5f6368;border-radius:20px;background:#2a2b2e;color:#e8eaed;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.guestLinkBtn:hover{background:#35363a}