.cpd-theme-dark,.cpd-theme-dark-hc,:root{--app-rail:#1e1f22;--app-sidebar:#2b2d31;--app-canvas:#313338;--app-raised:#383a40;--app-text:#f2f3f5;--app-muted:#b5bac1;--app-accent:#5865f2;--app-focus:#00a8fc;--app-danger:#f23f43}body{font-family:Inter,Segoe UI,sans-serif}.cpd-theme-dark,body.cpd-theme-dark{--cpd-color-bg-canvas-default:var(--app-canvas);--cpd-color-bg-subtle-primary:var(--app-sidebar);--cpd-color-bg-subtle-secondary:var(--app-sidebar);--cpd-color-bg-action-primary-rest:var(--app-accent);--cpd-color-text-primary:var(--app-text);--cpd-color-text-secondary:var(--app-muted);--cpd-color-text-action-accent:#a5acff}.mx_SpacePanel{background:var(--app-rail)!important;padding:12px 8px}.mx_SpacePanel.collapsed{min-width:72px;width:72px!important}.mx_SpacePanel .mx_SpaceButton{border-radius:18px;transition:border-radius .15s,background .15s}.mx_SpacePanel .mx_SpaceButton:hover{border-radius:14px}.mx_LeftPanel,.mx_RoomListPanel{background:var(--app-sidebar)!important}.mx_RoomView{background:var(--app-canvas)}.mx_RoomHeader{border-bottom:1px solid #202125;min-height:48px}.mx_MessageComposer{background:var(--app-raised);border:0;border-radius:8px;margin:0 16px 16px}.mx_EventTile{line-height:1.45}.app_CommunityChannels{color:var(--app-muted);flex:1;overflow-y:auto;padding:12px 8px}.app_ChannelCategory{margin-bottom:18px}.app_CategoryHeader{position:relative}.app_CategoryHeader .app_CategoryToggle{padding-right:36px}.app_CategoryHeader .app_CategoryMove{opacity:1;right:0;top:0}.app_CategoryMove:disabled{cursor:default;opacity:.4}.app_ChannelCategory ul,.app_VoiceMembers{list-style:none;margin:0;padding:0}.app_CategoryToggle{font-size:11px;font-weight:750;letter-spacing:.6px;padding:8px 4px}.app_CategoryToggle,.app_ChannelButton{background:none;border:0;color:var(--app-muted);cursor:pointer;text-align:left;width:100%}.app_ChannelButton{align-items:center;border-radius:5px;display:flex;font-size:15px;gap:9px;min-height:36px;padding:6px 9px}.app_ChannelButton:focus-visible,.app_ChannelButton:hover{background:var(--app-raised);color:var(--app-text)}.app_ChannelButton.unread{color:#fff;font-weight:650}.app_ChannelGlyph{color:#9297a1;font-size:22px;width:21px}.app_ChannelName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app_MentionBadge{background:var(--app-danger);border-radius:12px;color:#fff;font-size:11px;margin-left:auto;min-width:17px;padding:1px 4px;text-align:center}.app_VoiceMembers{font-size:13px;padding:4px 12px 4px 36px!important}.app_VoiceMembers li{align-items:center;display:flex;gap:8px;padding:5px 0}.app_Presence{background:#23a55a;border-radius:50%;height:8px;width:8px}.app_EmptyChannels{font-size:13px;line-height:1.6;padding:12px}.app_AccountDock{background:#232428;border-top:1px solid #1e1f22;color:var(--app-text);margin-top:auto;padding:7px}.app_AccountRow{align-items:center;display:flex;gap:4px}.app_AccountDock button{background:none;border:0;border-radius:4px;color:inherit;cursor:pointer;min-height:34px}.app_AccountDock button:hover{background:var(--app-raised)}.app_AccountDock button:disabled{cursor:default;opacity:.35}.app_ProfileButton{align-items:center;display:flex;flex:1;gap:8px;min-width:0;text-align:left}.app_ProfileButton strong{display:block;font-size:13px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app_ProfileButton small{color:var(--app-muted);font-size:11px}.app_ProfileInitial{background:var(--app-accent);border-radius:50%;display:grid;flex-shrink:0;height:32px;place-items:center;width:32px}.app_ConnectedCall{align-items:center;color:#35c875;display:flex;font-size:12px}.app_ConnectedCall button:first-child{flex:1;text-align:left}.app_AccountDock p{color:#ffaaa8;font-size:12px}.app_AccountDock button:focus-visible,.app_CommunityChannels button:focus-visible{outline:2px solid var(--app-focus);outline-offset:-2px}@media (max-width:760px){.mx_SpacePanel.collapsed{min-width:56px;width:56px!important}.app_ChannelButton{min-height:44px}}@media (prefers-reduced-motion:reduce){.mx_SpacePanel .mx_SpaceButton{transition:none}}.app_ChannelRow{align-items:center;display:flex;position:relative}.app_ChannelButton{min-width:0;padding-right:30px}.app_ChannelButton.selected{background:var(--app-raised);color:var(--app-text)}.app_ChannelOptions{background:transparent;border:0;border-radius:4px;color:var(--app-muted);cursor:pointer;height:30px;opacity:0;position:absolute;right:3px;top:3px;width:28px}.app_ChannelRow:focus-within .app_ChannelOptions,.app_ChannelRow:hover .app_ChannelOptions{opacity:1}.app_ChannelOptions:focus-visible,.app_ChannelOptions:hover{background:var(--app-raised);color:var(--app-text)}.app_ChannelGlyph{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.app_CategoryChevron{border-bottom:1.5px solid;border-right:1.5px solid;display:inline-block;height:6px;margin:0 7px 2px 2px;transform:rotate(45deg);width:6px}.app_CategoryToggle[aria-expanded=false] .app_CategoryChevron{transform:rotate(-45deg)}@media (hover:none){.app_ChannelOptions{opacity:1}}.app_MobileNavBackdrop,.app_MobileNavToggle{display:none}@media (max-width:760px){.app_MobileNavToggle{background:var(--app-sidebar);border:0;border-radius:6px;color:var(--app-text);cursor:pointer;display:grid;height:40px;left:8px;padding:0;place-items:center;position:fixed;top:9px;width:40px;z-index:1102}.app_MobileNavToggle:focus-visible{outline:2px solid var(--app-focus)}.mx_SpacePanel{display:none!important}.mx_LeftPanel_panel:has(.mx_LeftPanel_outerWrapper){display:none!important}.mx_Separator{display:none!important}.mx_LeftPanel_panel:has(.mx_RoomView_wrapper){flex:1 1 100%!important;min-width:0!important}.mx_RoomHeader{padding-left:52px!important}.mx_MessageComposer{margin:0 8px 8px}.app_MobileNavigationOpen .app_MobileNavBackdrop{background:#0009;border:0;display:block;inset:0;position:fixed;z-index:1099}.app_MobileNavigationOpen .mx_SpacePanel{bottom:0;box-sizing:border-box;display:flex!important;left:0;min-width:64px!important;padding:56px 4px 8px;position:fixed!important;top:0;width:64px!important;z-index:1101}.app_MobileNavigationOpen .mx_LeftPanel_panel:has(.mx_LeftPanel_outerWrapper){background:var(--app-sidebar);bottom:0;display:block!important;left:64px;max-width:none!important;min-width:0!important;position:fixed!important;top:0;width:calc(100vw - 96px)!important;z-index:1100}.app_MobileNavigationOpen .mx_LeftPanel{width:100%!important}.app_MobileNavigationOpen .app_MobileNavBackdrop{left:calc(100% - 32px)}.mx_RoomHeader{display:grid!important;gap:6px;grid-template-columns:repeat(6,minmax(0,1fr));height:auto!important;min-height:96px;padding-bottom:6px}.mx_RoomHeader>.mx_BaseAvatar{grid-column:1;grid-row:1;height:32px;width:32px}.mx_RoomHeader>.mx_RoomHeader_infoWrapper{grid-column:2/-1;grid-row:1;min-width:0;width:auto}.mx_RoomHeader>:not(.mx_BaseAvatar):not(.mx_RoomHeader_infoWrapper){grid-row:2}.mx_RoomHeader_heading,.mx_RoomHeader_info{min-width:0}}@media (max-width:760px){.app_MobileNavigationOpen [data-panel]:has(.mx_LeftPanel_outerWrapper){position:relative;z-index:1100}.app_MobileNavigationOpen [data-panel]:has(.mx_RoomView_wrapper){pointer-events:none}}.app_ChannelCategoryEdit{background:transparent;border:0;border-radius:4px;color:var(--app-muted);cursor:pointer;height:30px;opacity:0;position:absolute;right:32px;top:3px;width:28px}.app_ChannelRow--editable .app_ChannelButton{padding-right:88px}.app_ChannelMove{right:60px}.app_ChannelRow:focus-within .app_ChannelCategoryEdit,.app_ChannelRow:hover .app_ChannelCategoryEdit{opacity:1}.app_ChannelCategoryEdit:focus-visible,.app_ChannelCategoryEdit:hover{background:var(--app-raised);color:var(--app-text)}.app_ChannelCategoryEditor{display:grid;gap:12px}.app_ChannelCategoryEditor input,.app_ChannelCategoryEditor select{background:var(--app-sidebar);border:1px solid var(--app-muted);border-radius:4px;color:var(--app-text);font:inherit;padding:12px}.app_ChannelCategoryEditor [role=alert]{color:#ffaaa8}@media (hover:none){.app_ChannelCategoryEdit{opacity:1}}@media (min-width:761px){body .mx_ToastContainer{bottom:72px;top:auto}}