@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-void: #06080f;--bg-deep: #090d16;--bg-surface: rgba(255,255,255,.04);--bg-float: rgba(255,255,255,.07);--bg-hover: rgba(255,255,255,.1);--glass-border: rgba(255,255,255,.09);--glass-shine: rgba(255,255,255,.15);--accent: #00e5c8;--accent-dim: rgba(0,229,200,.18);--accent-glow: rgba(0,229,200,.12);--blue: #4d9eff;--blue-dim: rgba(77,158,255,.18);--purple: #a78bfa;--danger: #f87171;--danger-dim: rgba(248,113,113,.18);--text-primary: #eef2f8;--text-secondary: #94a3c0;--text-tertiary: #5a6a87;--text-muted: #3a4560;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;font-family:Outfit,ui-sans-serif,system-ui,sans-serif;color:var(--text-primary);background:var(--bg-void);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(0,229,200,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(77,158,255,.07) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 50% 50%,rgba(167,139,250,.04) 0%,transparent 70%),var(--bg-void);color:var(--text-primary)}button,input{font:inherit}button{cursor:pointer;border:none}h1,h2,h3{font-family:Syne,sans-serif;letter-spacing:-.02em;color:var(--text-primary)}p{color:var(--text-secondary);line-height:1.55}.authShell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse 90% 60% at 15% 0%,rgba(0,229,200,.09) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 85% 100%,rgba(77,158,255,.09) 0%,transparent 55%),var(--bg-void)}.authPanel{width:min(440px,100%);background:#ffffff0a;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--glass-border);border-top:1px solid var(--glass-shine);border-radius:var(--radius-xl);padding:36px;box-shadow:0 0 0 1px #0006 inset,0 40px 80px #00000080,0 0 60px #00e5c80f}.brandMark{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent),var(--blue));box-shadow:0 8px 24px #00e5c84d;color:#000}.authPanel h1{margin:20px 0 8px;font-size:30px;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.authPanel p{color:var(--text-secondary)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:22px 0;background:#ffffff0d;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.segmented button{border-radius:9px;padding:10px;background:transparent;color:var(--text-secondary);font-weight:500;transition:all .2s ease}.segmented .active{background:#00e5c826;color:var(--accent);box-shadow:0 0 0 1px #00e5c84d}.authForm{display:flex;flex-direction:column;gap:14px}label{display:grid;gap:7px;color:var(--text-secondary);font-weight:500;font-size:14px}input{width:100%;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:11px 14px;background:#ffffff0d;color:var(--text-primary);outline:none;transition:all .2s ease}input::placeholder{color:var(--text-tertiary)}input:focus{border-color:#00e5c880;background:#00e5c80d;box-shadow:0 0 0 3px #00e5c81a}.primaryButton,.secondaryButton{border-radius:var(--radius-sm);padding:11px 16px;font-weight:600;font-size:14px;transition:all .18s ease;border:none}.primaryButton{background:linear-gradient(135deg,var(--accent),#00b8a6);color:#030f0d;box-shadow:0 8px 24px #00e5c840}.primaryButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #00e5c859}.secondaryButton{background:#ffffff12;color:var(--text-primary);border:1px solid var(--glass-border)}.secondaryButton:hover:not(:disabled){background:#ffffff1f;border-color:var(--glass-shine);transform:translateY(-1px)}.notifyButton{display:inline-flex;align-items:center;justify-content:center;gap:8px}.dangerButton{border-radius:var(--radius-sm);padding:10px 16px;background:var(--danger-dim);color:var(--danger);font-weight:600;border:1px solid rgba(248,113,113,.25);transition:all .18s ease}.dangerButton:hover{background:#f8717147;transform:translateY(-1px)}.error{color:var(--danger);font-size:13px}.appShell{width:100%;height:100vh;min-height:100svh;display:grid;grid-template-columns:300px minmax(0,1fr);overflow:hidden}.sidebar{display:flex;flex-direction:column;height:100%;background:#ffffff08;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border-right:1px solid var(--glass-border);padding:18px;overflow:hidden;position:relative}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-shine),transparent);pointer-events:none}.sidebarScroll{flex:1 1 auto;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.sidebarScroll::-webkit-scrollbar{width:4px}.sidebarScroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebarHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}.brandTitle{margin:0;font-size:24px;font-weight:800;letter-spacing:.5px;background:linear-gradient(90deg,#00e5c8,#3b82f6,#7c3aed,#00e5c8);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 8s ease-in-out infinite,softGlow 3s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(0,229,200,.18))}@keyframes shimmer{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes softGlow{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.015);opacity:1}}.sidebarHeaderActions{display:flex;align-items:center;gap:8px}.eyebrow{display:block;margin-bottom:4px;color:var(--accent);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.sidebar h2{font-size:22px;font-weight:800}.searchBox{display:flex;align-items:center;gap:8px;padding:0 12px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-tertiary);transition:all .2s ease}.searchBox:focus-within{border-color:#00e5c859;background:#00e5c80d}.searchBox input{border:none;padding:10px 0;background:transparent;box-shadow:none}.searchBox input:focus{box-shadow:none;border:none;background:transparent}.peopleResults{display:grid;gap:4px;padding:4px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-md)}.peopleResults button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;background:transparent;color:var(--text-primary);text-align:left;transition:background .15s ease}.peopleResults button:hover{background:var(--bg-hover)}.chatList{display:flex;flex-direction:column;gap:3px;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.chatItem{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);text-align:left;border:1px solid transparent;transition:all .16s ease}.chatItem:hover{background:var(--bg-float);border-color:var(--glass-border)}.chatItem.active{background:#00e5c817;border-color:#00e5c838;box-shadow:inset 3px 0 0 var(--accent),0 4px 16px #00e5c814}.chatItem>span:last-child{display:grid;gap:3px;min-width:0;flex:1}.chatItem strong{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatItem small{color:var(--text-tertiary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebarFooter{flex-shrink:0;display:grid;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--glass-border)}.accountCard{display:flex;align-items:center;gap:11px;width:100%;padding:11px 13px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffff0d;color:var(--text-primary);text-align:left;transition:all .18s ease}.accountCard:hover{background:var(--bg-hover);border-color:var(--glass-shine)}.accountCardText{display:grid;gap:3px;min-width:0}.accountCardText strong{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accountCardText small{color:var(--text-tertiary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profileAvatar{position:relative;width:42px;height:42px;border-radius:50%;flex:0 0 42px}.avatarStatusDot{position:absolute;right:0;bottom:0;width:11px;height:11px;border:2px solid var(--bg-void);border-radius:50%;background:var(--accent);box-shadow:0 0 8px #00e5c899}.sidebarFooterActions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sidebarActionButton{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;padding:9px 12px}.sidebarActionButton span{white-space:nowrap}.iconButton{display:inline-grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff0d;color:var(--text-secondary);transition:all .16s ease}.iconButton:hover{background:var(--bg-hover);border-color:var(--glass-shine);color:var(--text-primary);transform:translateY(-1px)}.avatar{width:36px!important;height:36px!important;min-width:36px;min-height:36px;max-width:36px;max-height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 36px;box-sizing:border-box;overflow:hidden;color:#fff;font-size:12px;font-weight:700;line-height:1;border:1px solid rgba(255,255,255,.12)}.chatWindow{display:flex;flex-direction:column;height:100%;min-height:0;background:radial-gradient(ellipse 80% 60% at 80% 0%,rgba(77,158,255,.05) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 20% 100%,rgba(0,229,200,.04) 0%,transparent 50%),var(--bg-deep)}.chatHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid var(--glass-border);background:#ffffff06;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.chatHeader>div:first-child{display:flex;flex-direction:column}.chatHeader h2{font-size:19px;font-weight:700}.chatHeader p{margin-top:3px;color:var(--text-tertiary);font-size:13px}.chatTitleButton,.senderNameButton,.avatarButton{border:0;padding:0;background:transparent;color:inherit;text-align:left}.chatTitleButton h2{margin:0}.senderNameButton{color:var(--text-tertiary);font-size:12px;font-weight:600;margin-bottom:3px}.typingIndicator{margin-top:5px;color:var(--accent);font-size:12px;font-weight:600}.callActions{display:flex;gap:8px}.mobileMenuButton,.mobileCloseButton{display:none}.messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:24px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.messages::-webkit-scrollbar{width:4px}.messages::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.message{display:flex;gap:10px;align-items:flex-end;max-width:74%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.message.mine{align-self:flex-end}.messageContent{position:relative;display:grid;gap:5px}.message p{margin:0;padding:11px 14px;border-radius:16px 16px 16px 4px;background:#ffffff12;border:1px solid var(--glass-border);color:var(--text-primary);line-height:1.5;overflow-wrap:anywhere;font-size:14px}.message.mine p{background:linear-gradient(135deg,#00e5c838,#4d9eff2e);border-color:#00e5c84d;border-bottom-left-radius:16px;border-bottom-right-radius:4px}.deletedMessage{color:var(--text-tertiary);font-style:italic;font-size:13px}.editedLabel{font-size:11px;color:var(--text-tertiary)}.messageReceipt{display:flex;justify-content:flex-end;padding-right:2px}.receiptChip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-tertiary);font-size:11px;font-weight:600}.receiptChip.delivered{background:var(--blue-dim);border-color:#4d9eff40;color:var(--blue)}.receiptChip.read{background:var(--accent-dim);border-color:#00e5c840;color:var(--accent)}.replyReference,.replyComposer{border:0;border-left:2px solid var(--accent);border-radius:0 8px 8px 0;background:#00e5c812;color:var(--text-secondary);text-align:left;padding:7px 10px}.replyReference{display:grid;gap:2px;max-width:min(320px,70vw);font-size:13px}.replyReference span,.replyComposer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messageActions,.reactionSummary{display:flex;flex-wrap:wrap;gap:4px}.messageActions{opacity:0;transition:opacity .15s ease}.message:hover .messageActions,.message:focus-within .messageActions{opacity:1}.messageActions button,.reactionSummary button{min-width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid var(--glass-border);border-radius:7px;background:#ffffff12;color:var(--text-secondary);font-size:13px;transition:all .14s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.messageActions button:hover,.reactionSummary button:hover{background:var(--bg-hover);border-color:var(--glass-shine);color:var(--text-primary);transform:translateY(-1px)}.reactionSummary button{width:auto;padding:0 8px}.editMessageForm{display:flex;flex-wrap:wrap;gap:8px;max-width:min(420px,72vw)}.editMessageForm input{flex:1 0 180px}.editMessageForm button{padding:9px 12px}.attachments{display:grid;gap:8px}.imageAttachment,.fileAttachment{overflow:hidden;border-radius:var(--radius-md);text-decoration:none}.imageAttachment{display:grid;max-width:min(300px,68vw);background:#0006;color:var(--text-primary);border:1px solid var(--glass-border)}.imageAttachment img{width:100%;max-height:240px;display:block;object-fit:cover}.imageAttachment span{overflow:hidden;padding:7px 9px;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.fileAttachment{display:flex;align-items:center;gap:10px;min-width:min(260px,68vw);padding:10px 12px;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-primary)}.message.mine .fileAttachment{background:#00e5c814;border-color:#00e5c833}.fileAttachment span{display:grid;gap:3px;min-width:0}.fileAttachment strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.fileAttachment small{color:var(--text-tertiary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer{display:flex;flex-wrap:wrap;gap:10px;padding:14px 22px;border-top:1px solid var(--glass-border);background:#ffffff06;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.replyComposer{flex:0 0 100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.replyComposer button{width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 24px;border:1px solid var(--glass-border);border-radius:5px;background:#ffffff0f;color:var(--text-secondary)}.composer>input:not(.fileInput){flex:1;min-width:180px;border-radius:999px;padding-left:16px;background:#ffffff0f;border-color:var(--glass-border)}.fileInput{display:none}.attachmentPreviewBar,.attachmentError{flex:0 0 100%}.attachmentPreviewBar{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.attachmentPreview{display:flex;align-items:center;gap:8px;max-width:220px;flex:0 0 auto;padding:8px 10px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffff0d}.attachmentPreview img{width:32px;height:32px;border-radius:5px;object-fit:cover}.attachmentPreview span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:var(--text-primary)}.attachmentPreview button{width:22px;height:22px;display:inline-grid;place-items:center;flex:0 0 22px;border:1px solid var(--glass-border);border-radius:4px;background:#ffffff12;color:var(--text-secondary)}.attachmentError{color:var(--danger);font-size:13px;font-weight:600}.sendButton{background:linear-gradient(135deg,var(--accent),#00b8a6);color:#030f0d;border-color:transparent;box-shadow:0 4px 16px #00e5c840}.sendButton:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00e5c859}.emptyState{display:grid;place-content:center;justify-items:center;gap:12px;min-height:100vh;padding:28px;text-align:center;color:var(--text-tertiary)}.emptyState h2{color:var(--text-primary);margin-bottom:6px}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modalPanel{width:min(520px,100%);max-height:calc(100vh - 36px);display:flex;flex-direction:column;background:#0f1423e6;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--glass-border);border-top:1px solid var(--glass-shine);border-radius:var(--radius-xl);box-shadow:0 0 0 1px #00000080 inset,0 40px 80px #00000080;overflow:hidden}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--glass-border)}.modalHeader h2{font-size:20px;font-weight:700;margin:0}.modalHeader p{margin:4px 0 0;color:var(--text-tertiary);font-size:13px}.modalBody{display:grid;gap:16px;min-height:0;overflow:auto;padding:20px}.profileHero{display:flex;align-items:center;gap:14px}.profileField{display:grid;gap:4px}.profileField span{color:var(--text-tertiary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.profileField strong{font-size:14px;color:var(--text-primary)}.profileActions{display:flex;flex-wrap:wrap;gap:8px}.profileActions button{display:inline-flex;align-items:center;gap:8px;font-size:13px}.sharedGroups,.groupSettingsModal section{display:grid;gap:10px}.sharedGroups h3,.groupSettingsModal h3{font-size:14px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.sharedGroup{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffff0a}.sharedGroup span{color:var(--text-tertiary);font-size:12px}.renameGroupForm{display:flex;gap:8px}.renameGroupForm input{flex:1}.groupMemberActions{display:flex;flex-wrap:wrap;gap:6px;max-height:110px;overflow:auto}.groupMemberActions button{border:1px solid var(--glass-border);border-radius:999px;background:#ffffff0d;padding:6px 12px;color:var(--text-secondary);font-size:12px;font-weight:500;transition:all .14s ease}.groupMemberActions .selected{border-color:#00e5c866;background:var(--accent-dim);color:var(--accent)}.settingsMemberList{display:grid;gap:6px}.settingsMember{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffff0a}.settingsMember>span{display:grid;gap:3px;min-width:0;flex:1}.settingsMember strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settingsMember small{color:var(--text-tertiary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memberAdminActions{display:flex;gap:6px}.memberAdminActions button{border:1px solid var(--glass-border);border-radius:7px;background:#ffffff0d;padding:5px 9px;color:var(--text-secondary);font-size:12px;font-weight:600;transition:all .14s ease}.memberAdminActions button:hover{background:var(--bg-hover);color:var(--text-primary)}.groupForm{display:flex;min-height:0;flex-direction:column;gap:14px;padding:20px}.modalSearch{margin:0}.memberList{display:grid;gap:6px;max-height:280px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.memberOption{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:10px 12px;background:#ffffff0a;color:var(--text-primary);font-weight:400;transition:all .14s ease}.memberOption.selected{border-color:#00e5c84d;background:var(--accent-dim)}.memberOption input{width:16px;height:16px;flex:0 0 16px;accent-color:var(--accent)}.memberOption span{display:grid;gap:3px;min-width:0}.memberOption strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memberOption small{color:var(--text-tertiary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modalActions{display:flex;justify-content:flex-end;gap:10px}.muted{color:var(--text-tertiary);font-size:13px}.callToast{position:fixed;right:18px;bottom:18px;z-index:25;display:grid;gap:12px;width:min(360px,calc(100vw - 36px));padding:16px;background:#0c1220eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-top:1px solid var(--glass-shine);border-radius:var(--radius-lg);box-shadow:0 20px 50px #00000080,0 0 40px #00e5c812}.incomingCallHeader{display:flex;align-items:center;gap:12px}.incomingCallHeader div{display:grid;gap:3px;min-width:0}.incomingCallHeader strong{font-size:14px}.incomingCallHeader span{color:var(--text-tertiary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resumeCallIcon{width:38px;height:38px;display:inline-grid;place-items:center;flex:0 0 38px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent),var(--blue));color:#000}.resumeCallText{color:var(--text-secondary);font-size:13px;line-height:1.5}.callToastActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.callPanel{position:fixed;right:18px;bottom:18px;z-index:15;width:min(500px,calc(100vw - 36px));max-height:min(600px,calc(100vh - 36px));display:flex;flex-direction:column;overflow:hidden;background:#060a14f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:var(--text-primary);border:1px solid var(--glass-border);border-top:1px solid var(--glass-shine);border-radius:var(--radius-lg);box-shadow:0 24px 70px #00000080,0 0 50px #00e5c80f}.callPanel.maximized{top:18px;right:18px;bottom:18px;left:18px;width:auto;max-height:none;border-radius:var(--radius-xl)}.callPanel.minimized{width:min(340px,calc(100vw - 24px))}.callPanelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#ffffff0a;border-bottom:1px solid var(--glass-border)}.callPanelHeader>div{display:grid;gap:3px;min-width:0}.callPanelHeader strong{font-family:Syne,sans-serif;font-size:15px}.callPanelHeader span{color:var(--text-tertiary);font-size:12px}.callWindowActions{display:flex;align-items:center;gap:6px;flex-shrink:0}.callIconButton{width:32px;height:32px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#ffffff12;color:var(--text-primary);transition:all .15s ease}.callIconButton:hover{background:#ffffff24;transform:translateY(-1px)}.callIconButton.danger{background:#f8717133;border-color:#f871714d;color:var(--danger)}.callIconButton.danger:hover{background:#f871714d}.callPanelBody{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.videoGrid,.voiceCallBody{display:grid;gap:8px;padding:12px}.videoGrid{flex:1;min-height:0;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));overflow:auto}.callPanel.maximized .videoGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.voiceCallBody{flex:1;min-height:0;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));overflow:auto}.videoTile,.waitingCall{position:relative;min-height:140px;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--glass-border);color:var(--text-secondary)}.voiceCallBody .videoTile,.voiceCallBody .waitingCall{min-height:110px}.videoTile video{width:100%;height:100%;object-fit:cover}.cameraDisabled video{opacity:0}.cameraDisabled>svg{position:absolute;color:var(--text-tertiary)}.videoTile span,.waitingCall span{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;border-radius:6px;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-primary);font-size:12px;font-weight:600}.audioStream{display:none}.callControls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 12px 14px;margin-top:auto}.callControl{display:inline-flex;align-items:center;gap:8px;min-width:106px;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;background:#ffffff12;color:var(--text-primary);font-weight:600;font-size:13px;transition:all .15s ease}.callControl:hover{background:#ffffff24;transform:translateY(-1px)}.callControl.active{background:#ffffff24;border-color:#ffffff40}.callControl.danger{background:#f8717133;border-color:#f871714d;color:var(--danger)}.callControl.danger:hover{background:#f871714d}@media (max-width: 980px){.appShell{grid-template-columns:280px minmax(0,1fr)}}@media (max-width: 768px){.appShell{grid-template-columns:1fr;height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:24;width:min(80vw,310px);max-width:310px;height:100dvh;transform:translate(-108%);transition:transform .22s cubic-bezier(.4,0,.2,1)}.sidebar.mobileOpen{transform:translate(0)}.sidebarBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:23;background:#0000008c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fadeIn .18s ease}.chatWindow{width:100%;min-width:0}.chatHeader{padding:12px 14px;position:sticky;top:0;z-index:4}.mobileMenuButton{display:inline-grid;margin-right:8px;flex:0 0 38px}.mobileCloseButton{display:inline-grid}.chatHeader>div:first-child{display:flex;align-items:flex-start;gap:8px;min-width:0}.chatHeader p{max-width:calc(100vw - 110px)}.chatTitleButton h2{font-size:18px}.messages{padding:14px}.message{max-width:90%}.composer{padding:12px 14px}.composer>input:not(.fileInput){min-width:0}.sidebarFooterActions{grid-template-columns:1fr 1fr}.callToast{left:8px;right:8px;bottom:8px;width:auto}.callPanel{left:8px;right:8px;bottom:8px;width:auto;max-height:calc(100vh - 16px);border-radius:var(--radius-lg)}.callPanel.mobile.maximized{top:0;right:0;bottom:0;left:0;width:auto;max-height:none;border-radius:0}.callPanel.minimized{width:auto}.callControl{flex:1 1 0;min-width:0}.callControl span{white-space:nowrap}.callPanel.maximized .videoGrid{grid-template-columns:1fr}.videoTile,.waitingCall{min-height:180px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}