html,body,#root{width:100%;height:100%;margin:0;padding:0}body{min-width:320px;overflow:hidden}#root{width:100%;height:100%}:root{color:#eef7ff;font-synthesis:none;text-rendering:optimizelegibility;--bg-0:#06101a;--bg-1:#091522;--bg-2:#0d1b2a;--bg-3:#123;--bg-4:#16293b;--panel:#0c1b29f0;--panel-soft:#122434d9;--panel-hover:#1b3448c7;--border:#7daacd24;--border-strong:#73c8ff38;--text:#eef7ff;--text-soft:#a8bed0;--text-dim:#6f8da4;--cyan:#5ee7f0;--cyan-strong:#67c8ff;--cyan-dark:#0a8798;--blue:#7ca8ff;--purple:#a98cff;--green:#45e49a;--yellow:#f8c85a;--red:#ff6b7a;--shadow:0 20px 60px #00000059;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;background:#07111c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:radial-gradient(circle at 15% 0%, #2692d61a, transparent 28%), radial-gradient(circle at 90% 100%, #5a50c812, transparent 30%), var(--bg-0);min-width:320px;color:var(--text);overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #5ee7f0a6}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#78a0be33;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#78a0be52}::-webkit-scrollbar-track{background:0 0}.appShell{background:var(--bg-0);grid-template-columns:68px 248px minmax(0,1fr) 228px;width:100vw;height:100vh;display:grid;overflow:hidden}.navigationRail{border-right:1px solid var(--border);background:linear-gradient(#08131f 0%,#07111a 100%);flex-direction:column;align-items:center;gap:8px;padding:10px 8px;display:flex}.discourseLogo{color:#06101a;background:linear-gradient(145deg,#5fe9ef,#6f9cff);border-radius:14px;place-items:center;width:46px;height:46px;font-size:19px;font-weight:900;display:grid;box-shadow:0 8px 30px #57d7f538}.railDivider{background:var(--border);width:34px;height:1px;margin:2px 0}.railButton,.communityOrb{border:1px solid var(--border);width:44px;height:44px;color:var(--text-soft);cursor:pointer;background:#ffffff08;border-radius:14px;place-items:center;transition:background .18s,color .18s,border-color .18s,transform .18s;display:grid}.railButton:hover,.communityOrb:hover{color:var(--text);border-color:var(--border-strong);background:#5ee7f017;transform:translateY(-1px)}.railButton.active,.communityOrb.active{color:var(--cyan);background:linear-gradient(145deg,#5ee7f029,#6f9cff1f);border-color:#5ee7f047;box-shadow:inset 0 0 0 1px #5ee7f00d,0 8px 24px #1482aa1a}.communityOrb{font-size:12px;font-weight:900}.communityOrb.create{color:var(--cyan)}.railSpacer{flex:1}.channelPanel,.dmSidebar{border-right:1px solid var(--border);background:linear-gradient(#0e1d2cf7,#09141ffa);flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.communityBanner{border-bottom:1px solid var(--border);background:linear-gradient(145deg,#13435e61,#28184842);min-height:135px;padding:14px 14px 16px;position:relative;overflow:hidden}.communityGlow{filter:blur(25px);background:#5ee7f021;border-radius:50%;width:160px;height:160px;position:absolute;top:-80px;right:-55px}.communityBannerTop,.communityIdentity{z-index:1;position:relative}.communityBannerTop{justify-content:space-between;align-items:center;display:flex}.communityMiniIcon{border:1px solid var(--border);width:34px;height:34px;color:var(--text);background:#050f188c;border-radius:12px;place-items:center;font-size:11px;font-weight:900;display:grid}.communityIdentity{margin-top:18px}.communityIdentity h1{letter-spacing:-.02em;margin:0 0 6px;font-size:19px;line-height:1.1}.communityStatus{color:var(--text-soft);align-items:center;gap:7px;font-size:11px;display:flex}.statusPulse{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #45e49ab3}.channelSearch,.dmSearch{border:1px solid var(--border);min-height:36px;color:var(--text-dim);cursor:pointer;background:#040e1773;border-radius:10px;align-items:center;gap:8px;margin:10px 10px 6px;padding:0 10px;display:flex}.channelSearch span,.dmSearch span{text-align:left;flex:1;font-size:11px}.channelSearch kbd{border:1px solid var(--border);color:var(--text-dim);background:#ffffff06;border-radius:5px;padding:2px 5px;font-size:9px}.channelScroll{flex:1;padding:2px 8px 14px;overflow-y:auto}.channelGroup{margin-top:12px}.channelGroupHeading{color:#7896ad;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:5px;padding:0 6px 5px;font-size:9px;font-weight:800;display:flex}.channelItem{width:100%;color:var(--text-soft);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:8px;padding:9px;transition:background .16s,color .16s,border-color .16s;display:flex}.channelItem:hover{color:var(--text);background:#ffffff09}.channelItem.active{color:var(--text);background:linear-gradient(90deg,#41a2d324,#41a2d30f);border-color:#5ee7f01a}.channelItem>svg{color:#8ca8bb;flex-shrink:0;margin-top:1px}.channelItem.active>svg{color:var(--cyan)}.channelItemText{flex-direction:column;gap:3px;min-width:0;display:flex}.channelItemText strong{font-size:12px;font-weight:700}.channelItemText span{text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim);font-size:8px;overflow:hidden}.voiceRoomCard{border:1px solid var(--border);background:linear-gradient(#5ee7f00d,#ffffff06);border-radius:12px;margin:4px 2px 0;padding:9px}.voiceRoomHead{align-items:center;gap:7px;font-size:11px;display:flex}.voiceRoomHead strong{flex:1}.voiceRoomHead span{color:var(--green);background:#45e49a1f;border-radius:999px;padding:2px 5px;font-size:8px;font-weight:800}.voiceMember{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;margin-top:8px;padding:5px;display:flex}.voiceMember div:last-child{flex-direction:column;display:flex}.voiceMember strong{font-size:10px}.voiceMember small{color:var(--text-dim);font-size:8px}.voiceJoinButton{width:100%;color:var(--cyan);cursor:pointer;background:#5ee7f014;border:1px solid #5ee7f02e;border-radius:9px;margin-top:8px;padding:7px 10px;font-size:10px;font-weight:800}.voiceJoinButton:hover{background:#5ee7f021}.voiceJoinButton.leave{color:var(--red);background:#ff6b7a12;border-color:#ff6b7a33}.currentUserBar{border-top:1px solid var(--border);background:#040d15b8;align-items:center;min-height:64px;padding:9px 10px;display:flex}.currentUserProfile{min-width:0;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0;display:flex}.currentUserText{flex-direction:column;min-width:0;display:flex}.currentUserText strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.currentUserText>span{color:var(--text-dim);font-size:8px}.nameWithBadges,.memberName,.friendNameLine,.dmConversationName{align-items:center;gap:5px;min-width:0;display:flex}.userControlGroup{gap:2px;display:flex}.smallControl,.iconButton{color:#8199ac;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.smallControl:hover,.iconButton:hover{color:var(--text);background:#ffffff0b}.iconButton.active{color:var(--cyan);background:#5ee7f014}.iconButton.ghost{border-color:var(--border);background:#050f184d}.chatPanel,.dmChatPanel{background:radial-gradient(circle at 30% 0%, #2562910d, transparent 28%), var(--bg-0);flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.chatTopbar,.dmChatHeader{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050f18c2;justify-content:space-between;align-items:center;min-height:55px;padding:0 16px;display:flex}.chatHeading{align-items:center;gap:9px;min-width:0;display:flex}.channelSymbol{width:30px;height:30px;color:var(--cyan);background:#5ee7f012;border-radius:10px;place-items:center;display:grid}.chatHeading>div:last-child{flex-direction:column;min-width:0;display:flex}.chatHeading strong{font-size:12px}.chatHeading span{text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim);font-size:8px;overflow:hidden}.chatTopActions{align-items:center;gap:6px;display:flex}.messageSearch{border:1px solid var(--border);width:190px;height:32px;color:var(--text-dim);background:#030b1299;border-radius:9px;align-items:center;gap:7px;padding:0 9px;display:flex}.messageSearch input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:9px}.messageSearch input::placeholder{color:var(--text-dim)}.chatBody,.dmMessageArea{flex:1;min-height:0;padding:26px 18px 12px;overflow-y:auto}.channelWelcome{max-width:620px;margin:10px 0 28px}.welcomeIcon{border:1px solid var(--border-strong);width:50px;height:50px;color:var(--cyan);background:linear-gradient(145deg,#5ee7f01c,#6e90ff14);border-radius:16px;place-items:center;margin-bottom:14px;display:grid}.channelWelcome h2{letter-spacing:-.035em;margin:0 0 5px;font-size:23px}.channelWelcome p{color:var(--text-soft);margin:0 0 6px;font-size:11px}.channelWelcome span{color:var(--text-dim);font-size:9px}.timelineDivider{align-items:center;gap:9px;margin:18px 0;display:flex}.timelineDivider:before,.timelineDivider:after{content:"";background:var(--border);flex:1;height:1px}.timelineDivider span{color:var(--text-dim);font-size:8px;font-weight:700}.messageList,.dmMessages{flex-direction:column;gap:0;display:flex}.chatMessage{border-radius:10px;align-items:flex-start;gap:10px;padding:8px;transition:background .14s;display:flex;position:relative}.chatMessage:hover{background:#ffffff06}.avatarButton,.messageUsername{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.messageUsername{font-size:11px;font-weight:800}.messageUsername:hover{text-decoration:underline}.messageContent{flex:1;min-width:0}.messageHeader{align-items:center;gap:6px;min-height:16px;display:flex}.messageHeader strong{font-size:11px}.messageHeader time{color:#60798d;font-size:8px}.messageContent p{color:#d8e7f2;white-space:pre-wrap;word-break:break-word;margin:2px 0 0;font-size:11px;line-height:1.55}.ownerBadge{color:var(--cyan);background:#5ee7f014;border:1px solid #5ee7f021;border-radius:5px;padding:2px 5px;font-size:7px;font-weight:900}.messageToolbar{opacity:0;transition:opacity .14s,transform .14s;display:flex;transform:translateY(-2px)}.chatMessage:hover .messageToolbar{opacity:1;transform:translateY(0)}.messageToolbar button{border:1px solid var(--border);width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:#0c1926;place-items:center;display:grid}.messageToolbar button:first-child{border-radius:8px 0 0 8px}.messageToolbar button:last-child{border-radius:0 8px 8px 0}.messageToolbar button+button{border-left:0}.messageToolbar button:hover{color:var(--text);background:#122438}.emptyState,.smallEmpty{color:var(--text-dim);font-size:10px}.composerWrap{padding:10px 16px 14px}.composer{border:1px solid var(--border);background:linear-gradient(#142433f0,#0e1c28f0);border-radius:13px;align-items:flex-end;gap:6px;min-height:50px;padding:7px 8px;display:flex;box-shadow:inset 0 1px #ffffff04}.composerIcon,.composerExtras button{color:#7994a9;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.composerIcon:hover,.composerExtras button:hover{color:var(--text);background:#ffffff0a}.composer textarea{resize:none;min-width:0;min-height:31px;max-height:120px;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:7px 4px;font-size:10px;line-height:1.4}.composer textarea::placeholder{color:#668095}.composerExtras{align-items:center;display:flex}.sendMessageButton{color:#041018;cursor:pointer;background:linear-gradient(145deg,#4ed8e2,#6ca7ff);border:0;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;transition:transform .15s,opacity .15s;display:grid;box-shadow:0 5px 18px #41b4dc2b}.sendMessageButton:hover:not(:disabled){transform:translateY(-1px)}.sendMessageButton:disabled{opacity:.34;cursor:default}.membersPanel{border-left:1px solid var(--border);background:linear-gradient(#0c1926fa,#08121cfa);flex-direction:column;height:100vh;display:flex;overflow:hidden}.membersTop{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:55px;padding:0 12px;display:flex}.membersTop>div{flex-direction:column;display:flex}.membersTop strong{font-size:11px}.membersTop span{color:var(--text-dim);font-size:8px}.membersContent{flex:1;padding:10px;overflow-y:auto}.membersSectionTitle{color:#7190a8;letter-spacing:.08em;text-transform:uppercase;margin:9px 0 7px;font-size:8px;font-weight:800}.memberCard{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;padding:7px 6px;display:flex}.memberCard:hover{background:#ffffff09}.memberInfo{min-width:0}.memberInfo strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.memberInfo p{text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim);margin:2px 0 0;font-size:7px;overflow:hidden}.avatarWrap{flex-shrink:0;position:relative}.avatarImage,.avatarFallback{border-radius:50%;width:100%;height:100%}.avatarImage{object-fit:cover;background:#122233;display:block}.avatarFallback{color:#06101a;background:linear-gradient(145deg,#5adbe6,#7f8dff);place-items:center;font-size:10px;font-weight:900;display:grid}.presenceDot{border:2px solid var(--bg-1);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.presenceDot.online{background:var(--green)}.presenceDot.idle{background:var(--yellow)}.presenceDot.busy{background:var(--red)}.presenceDot.offline{background:#617587}.miniBadges{flex-shrink:0;align-items:center;gap:3px;display:flex}.miniBadge{border:1px solid var(--border);width:17px;height:17px;color:var(--text-soft);background:#ffffff09;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.miniBadge.badge-founder,.profileBadge.badge-founder{color:#ffd76a;background:linear-gradient(145deg,#ffd76a21,#ffa7440d);border-color:#ffd76a40}.miniBadge.badge-early-member,.profileBadge.badge-early-member{color:#b9a3ff;background:#9373ff17;border-color:#b9a3ff3d}.miniBadge.badge-community-owner,.profileBadge.badge-community-owner{color:#69dbe8;background:#4cd7e614}.miniBadge.badge-supporter,.profileBadge.badge-supporter{color:#ff8c9d;background:#ff6c8214}.profileBadges{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.profileBadge{border:1px solid var(--border);color:var(--text-soft);background:#ffffff08;border-radius:8px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.socialPage{background:radial-gradient(circle at 35% 0%, #4bb1dc0e, transparent 28%), var(--bg-0);flex-direction:column;grid-column:2/-1;min-width:0;height:100vh;display:flex}.socialHeader{border-bottom:1px solid var(--border);background:#050f18cc;align-items:center;gap:20px;min-height:55px;padding:0 18px;display:flex}.socialTitle{border-right:1px solid var(--border);align-items:center;gap:8px;padding-right:16px;display:flex}.socialTitle svg{color:var(--cyan)}.socialTitle strong{font-size:12px}.friendTabs{align-items:center;gap:5px;display:flex}.friendTabs button{color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:10px;font-weight:700;position:relative}.friendTabs button:hover{color:var(--text);background:#ffffff09}.friendTabs button.active{color:var(--text);background:#ffffff0e}.friendTabs .addFriendTab{color:#07121c;background:var(--green)}.friendTabs .addFriendTab:hover,.friendTabs .addFriendTab.active{color:#061019;background:#55eaa6}.requestCount{background:var(--red);color:#fff;border-radius:999px;place-items:center;min-width:16px;height:16px;margin-left:5px;padding:0 4px;font-size:8px;font-weight:900;display:inline-grid}.socialContent{flex:1;min-height:0;padding:22px 24px;overflow-y:auto}.socialNotice{color:var(--cyan);background:#5ee7f00f;border:1px solid #5ee7f026;border-radius:10px;margin-bottom:12px;padding:9px 11px;font-size:10px}.friendsSection{max-width:850px}.friendsSection+.friendsSection{margin-top:28px}.socialSectionLabel{color:#7897ae;letter-spacing:.08em;margin-bottom:8px;font-size:9px;font-weight:800}.friendList,.searchUserResults{flex-direction:column;display:flex}.friendRow{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:9px 7px;transition:background .14s,border-color .14s;display:flex}.friendRow:hover{background:#ffffff06}.friendIdentity{min-width:0;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0;display:flex}.friendIdentity>div:last-child{min-width:0}.friendIdentity strong{font-size:11px}.friendIdentity>div:last-child>span{color:var(--text-dim);margin-top:2px;font-size:8px;display:block}.friendActions{align-items:center;gap:6px;display:flex}.roundAction{border:1px solid var(--border);color:#8ba2b4;cursor:pointer;background:#0e1d2b;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.roundAction:hover{color:var(--text);background:#132639}.roundAction.successHover:hover{color:var(--green)}.roundAction.dangerHover:hover{color:var(--red)}.friendPrimaryAction{color:var(--cyan);cursor:pointer;background:#5ee7f014;border:1px solid #5ee7f026;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:9px;font-weight:800;display:inline-flex}.friendPrimaryAction:hover{background:#5ee7f01f}.relationshipLabel{color:var(--text-dim);font-size:9px}.addFriendSection{max-width:720px}.addFriendSection h2{letter-spacing:-.025em;margin:0 0 5px;font-size:20px}.addFriendSection>p{color:var(--text-soft);margin:0 0 17px;font-size:10px}.addFriendSearch{border:1px solid var(--border);background:#0c1a28;border-radius:12px;align-items:center;gap:9px;min-height:44px;padding:6px 7px 6px 11px;display:flex}.addFriendSearch svg{color:var(--text-dim)}.addFriendSearch input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:11px}.addFriendSearch input::placeholder{color:#667f93}.addFriendSearch button{color:#061019;cursor:pointer;background:linear-gradient(145deg,#54dde7,#6fa8ff);border:0;border-radius:8px;padding:8px 12px;font-size:9px;font-weight:900}.addFriendSearch button:disabled{opacity:.42;cursor:default}.searchUserResults{margin-top:18px}.emptySocialState{color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;padding:70px 20px;display:flex}.emptySocialIcon{border:1px solid var(--border);color:#67859c;background:#ffffff06;border-radius:22px;place-items:center;width:68px;height:68px;margin-bottom:14px;display:grid}.emptySocialState h2{color:var(--text);margin:0 0 5px;font-size:17px}.emptySocialState p{max-width:360px;color:var(--text-dim);margin:0;font-size:10px}.dmSidebar{grid-column:2;width:auto}.dmSidebarHeader{border-bottom:1px solid var(--border);align-items:center;min-height:55px;padding:0 13px;display:flex}.dmSidebarHeader strong{font-size:12px}.dmConversationList{flex:1;padding:5px 8px 10px;overflow-y:auto}.dmConversation{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:8px;display:flex}.dmConversation:hover{background:#ffffff09}.dmConversation.active{background:#5ee7f013;border-color:#5ee7f01a}.dmConversationInfo{flex:1;min-width:0}.dmConversationInfo strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.dmConversationInfo>span{text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim);margin-top:2px;font-size:8px;display:block;overflow:hidden}.dmChatPanel{grid-column:3/-1}.dmHeaderProfile{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.dmHeaderProfile>div:last-child{flex-direction:column;display:flex}.dmHeaderProfile strong{font-size:11px}.dmHeaderProfile span{color:var(--text-dim);font-size:8px}.dmConversationIntro{padding:20px 8px 28px}.dmConversationIntro h2{margin:12px 0 2px;font-size:21px}.dmConversationIntro>span{color:var(--text-dim);font-size:10px}.dmConversationIntro>p{color:var(--text-soft);margin:12px 0 0;font-size:10px}.modalBackdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#01060bc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.publicProfileCard,.profileEditor{border:1px solid var(--border-strong);width:min(440px,92vw);box-shadow:var(--shadow);background:linear-gradient(#102131 0%,#0b1723 100%);border-radius:18px;position:relative;overflow:hidden}.profileBanner{background:linear-gradient(135deg,#19425a,#25304b 55%,#341f4e);height:105px;position:relative;overflow:hidden}.profileBannerGlow{filter:blur(28px);background:#5ee7f02e;border-radius:50%;width:180px;height:180px;position:absolute;top:-100px;left:40px}.modalClose{border:1px solid var(--border);width:31px;height:31px;color:var(--text-soft);cursor:pointer;background:#040c1380;border-radius:9px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.modalClose:hover{color:var(--text);background:#040c13bf}.profileCardBody{padding:50px 24px 24px;position:relative}.profileCardAvatar{background:#0c1926;border-radius:50%;padding:4px;position:absolute;top:-45px;left:22px}.profileCardButtons{justify-content:flex-end;min-height:34px;display:flex}.editProfileButton{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;font-size:9px;font-weight:800;display:inline-flex}.editProfileButton:hover{background:#ffffff12}.profileCardBody h2{letter-spacing:-.03em;margin:12px 0 2px;font-size:21px}.profileHandle{color:var(--text-dim);font-size:10px}.profileSection{margin-top:18px}.profileSection>span{color:#7897ad;letter-spacing:.08em;font-size:8px;font-weight:800}.profileSection p{color:var(--text-soft);margin:6px 0 0;font-size:10px;line-height:1.55}.profileEditor{padding:22px;overflow:visible}.editorHeader{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.editorHeader h2{margin:0;font-size:19px}.modalClose.inline{position:static}.editorPreview{border:1px solid var(--border);background:#ffffff06;border-radius:12px;align-items:center;gap:12px;margin-bottom:18px;padding:12px;display:flex}.editorPreview>div:last-child{flex-direction:column;display:flex}.editorPreview strong{font-size:12px}.editorPreview span{color:var(--text-dim);font-size:9px}.formField,.authField{flex-direction:column;gap:6px;margin-top:13px;display:flex}.formField>span,.authField>span{color:#88a4b9;letter-spacing:.08em;font-size:8px;font-weight:800}.formField input,.formField textarea,.formField select,.authField input{border:1px solid var(--border);width:100%;color:var(--text);background:#111f2e;border-radius:9px;font-size:10px}.formField input,.formField select,.authField input{height:39px;padding:0 10px}.formField textarea{resize:vertical;min-height:88px;padding:10px}.formField select{cursor:pointer}.editorActions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.secondaryButton,.primaryButton{cursor:pointer;border-radius:9px;padding:8px 12px;font-size:9px;font-weight:800}.secondaryButton{border:1px solid var(--border);color:var(--text);background:#ffffff08}.primaryButton{color:#061019;background:linear-gradient(145deg,#53dce6,#6ea7ff);border:0}.primaryButton:disabled{opacity:.45}.authPage{background:radial-gradient(circle at 20% 10%,#5ee7f01a,#0000 25%),radial-gradient(circle at 80% 90%,#717cff14,#0000 26%),#06101a;place-items:center;width:100vw;height:100vh;padding:20px;display:grid}.authBrand{align-items:center;gap:12px;display:flex;position:absolute;top:28px;left:30px}.authBrand .authLogo{color:#061019;background:linear-gradient(145deg,#5fe8ef,#719eff);border-radius:13px;place-items:center;width:42px;height:42px;font-size:16px;font-weight:900;display:grid}.authBrand h1{margin:0;font-size:17px}.authBrand p{color:var(--text-dim);margin:2px 0 0;font-size:9px}.authCard{border:1px solid var(--border-strong);width:min(390px,94vw);box-shadow:var(--shadow);background:linear-gradient(#122333f5,#0b1722fa);border-radius:17px;padding:22px}.authTabs{border:1px solid var(--border);background:#040c1459;border-radius:10px;gap:4px;margin-bottom:18px;padding:4px;display:flex}.authTabs button{color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:8px;font-size:9px;font-weight:800}.authTabs button.active{color:var(--cyan);background:#5ee7f017}.authError{color:#ff9aa5;background:#ff6b7a0f;border:1px solid #ff6b7a2e;border-radius:8px;margin-top:12px;padding:8px 10px;font-size:9px}.authPrimaryButton{color:#061019;cursor:pointer;background:linear-gradient(145deg,#53dce6,#6da7ff);border:0;border-radius:9px;width:100%;margin-top:16px;padding:10px;font-size:10px;font-weight:900}.authPrimaryButton:disabled{opacity:.45}.authLoading{color:var(--text-soft);align-items:center;gap:10px;font-size:11px;display:flex}@media (width<=1100px){.appShell{grid-template-columns:64px 235px minmax(0,1fr)}.membersPanel{z-index:30;width:230px;position:fixed;top:0;right:0;box-shadow:-15px 0 35px #00000047}.dmChatPanel{grid-column:3}}@media (width<=760px){.appShell{grid-template-columns:58px minmax(0,1fr)}.channelPanel,.dmSidebar{display:none}.chatPanel,.dmChatPanel,.socialPage{grid-column:2}.messageSearch{display:none}.friendTabs{overflow-x:auto}.socialHeader{gap:10px;padding:0 10px}.socialTitle{padding-right:8px}.chatBody,.dmMessageArea{padding-left:10px;padding-right:10px}.composerWrap{padding-left:9px;padding-right:9px}.composerExtras{display:none}}.voiceChannelPanel{text-align:center;flex-direction:column;align-items:center;width:min(620px,100%);min-height:100%;margin:0 auto;padding:52px 20px 40px;display:flex}.voiceHeroIcon{width:74px;height:74px;color:var(--cyan);background:linear-gradient(145deg,#5ee7f033,#6f9cff29);border:1px solid #5ee7f04d;border-radius:24px;place-items:center;display:grid;box-shadow:0 18px 45px #29a6d224,inset 0 1px #ffffff14}.voicePanelEyebrow{color:var(--cyan);letter-spacing:.16em;margin-top:24px;font-size:8px;font-weight:900}.voiceChannelPanel h2{letter-spacing:-.04em;margin:7px 0 0;font-size:28px}.voicePanelLead{color:var(--text-soft);margin:9px 0 0;font-size:11px}.voicePanelJoin{color:#061019;cursor:pointer;background:linear-gradient(145deg,#53dce6,#6ea7ff);border:0;border-radius:10px;align-items:center;gap:8px;margin-top:22px;padding:10px 17px;font-size:10px;font-weight:900;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 8px 24px #3fb7de2e}.voicePanelJoin:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 11px 28px #3fb7de40}.voicePanelJoin.joined{color:#ff9aa5;box-shadow:none;background:#ff6b7a1f}.voicePanelNote{color:var(--text-dim);margin:12px 0 0;font-size:9px}.voiceConnectedList{border:1px solid var(--border);text-align:left;background:#0c1b2994;border-radius:15px;width:min(460px,100%);margin-top:42px;padding:14px}.voiceConnectedHeader{border-bottom:1px solid var(--border);color:#7897ae;letter-spacing:.1em;justify-content:space-between;align-items:center;padding:0 2px 10px;font-size:8px;font-weight:900;display:flex}.voiceConnectedHeader strong{color:var(--text-soft);font-size:10px}.voiceConnectedUser{align-items:center;gap:10px;padding:12px 2px 1px;display:flex}.voiceConnectedUser>div{flex-direction:column;min-width:0;display:flex}.voiceConnectedUser strong{font-size:10px}.voiceConnectedUser>div span{color:var(--text-dim);margin-top:3px;font-size:8px}.voicePreviewBadge{color:var(--yellow);background:#f8c85a14;border:1px solid #f8c85a33;border-radius:6px;margin-left:auto;padding:4px 6px;font-size:7px;font-weight:900}.voiceConnectedEmpty{min-height:54px;color:var(--text-dim);align-items:center;gap:7px;padding-top:8px;font-size:9px;display:flex}.voiceConnectedEmpty .dizzyMascot{transform-origin:0;flex:0 0 40px;width:40px;height:42px;margin-right:-42px;scale:.28}.dmSearchInput{cursor:text}.dmSearchInput input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:10px}.dmSearchInput input::placeholder{color:var(--text-dim)}.dmSearchClear{width:23px;height:23px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.dmSearchClear:hover{color:var(--text);background:#ffffff0d}.dmSearchSectionLabel{color:var(--text-dim);letter-spacing:.08em;padding:7px 8px 5px;font-size:8px;font-weight:800}@keyframes viewIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes messageIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes glowPulse{0%,to{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes dizzyFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}@keyframes dizzyBlink{0%,42%,48%,to{transform:scaleY(1)}45%{transform:scaleY(.16)}}@keyframes badgePop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.chatPanel,.dmChatPanel,.socialPage{animation:.24s both viewIn}.chatMessage{animation:.22s both messageIn}.chatMessage:nth-child(2n){animation-delay:18ms}.chatMessage:nth-child(3n){animation-delay:34ms}.railButton,.communityOrb,.channelItem,.friendRow,.memberCard,.dmConversation,.roundAction,.editProfileButton,.smallControl,.iconButton,.friendTabs button,.friendPrimaryAction,.voiceJoinButton,.addFriendSearch button,.primaryButton,.secondaryButton,.authPrimaryButton{transition:transform .18s,background-color .18s,border-color .18s,color .18s,box-shadow .18s,opacity .18s}.channelItem:hover,.friendRow:hover,.memberCard:hover,.dmConversation:hover{transform:translate(2px)}.railButton:hover,.communityOrb:hover,.roundAction:hover,.friendPrimaryAction:hover,.voiceJoinButton:hover,.addFriendSearch button:hover:not(:disabled),.primaryButton:hover:not(:disabled),.secondaryButton:hover,.authPrimaryButton:hover:not(:disabled){transform:translateY(-2px)}.railButton:active,.communityOrb:active,.roundAction:active,.friendPrimaryAction:active,.voiceJoinButton:active,.addFriendSearch button:active:not(:disabled),.primaryButton:active:not(:disabled),.secondaryButton:active,.authPrimaryButton:active:not(:disabled){transform:translateY(0)scale(.98)}.statusPulse,.presenceDot.online{animation:2.4s ease-in-out infinite glowPulse}.requestCount{animation:.2s both badgePop}.modalBackdrop{animation:.18s both viewIn}.publicProfileCard,.profileEditor{animation:.22s both modalIn}.socialPage{isolation:isolate;position:relative}.socialPage:before{z-index:-1;content:"";pointer-events:none;background-image:radial-gradient(circle at 78% 18%,#5ee7f011,#0000 23%),radial-gradient(circle at 20% 82%,#6f9cff0b,#0000 26%);position:absolute;inset:55px 0 0}.socialHeader{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative}.socialTitle svg{filter:drop-shadow(0 0 9px #5ee7f047)}.friendTabs button:after{content:"";background:var(--cyan);opacity:0;border-radius:999px;height:2px;transition:opacity .18s,transform .18s;position:absolute;bottom:1px;left:10px;right:10px;transform:scaleX(.35)}.friendTabs button.active:after{opacity:.9;transform:scaleX(1)}.friendTabs .addFriendTab:after{display:none}.friendsEmptySection{flex-direction:column;max-width:none;min-height:calc(100vh - 128px);display:flex}.emptySocialState{flex:1;justify-content:center;min-height:390px;padding:42px 20px 72px}.emptySocialState h2{letter-spacing:-.025em}.emptySocialState p{line-height:1.6}.emptySocialAction{margin-top:18px}.friendEmptyAction{color:var(--cyan);cursor:pointer;background:linear-gradient(135deg,#5ee7f029,#6f9cff29);border:1px solid #5ee7f033;border-radius:9px;align-items:center;gap:7px;padding:9px 13px;font-size:10px;font-weight:800;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.friendEmptyAction:hover{background:linear-gradient(135deg,#5ee7f03b,#6f9cff3b);border-color:#5ee7f06b;transform:translateY(-2px)}.emptySocialMascot{place-items:center;min-height:142px;margin-bottom:12px;display:grid}.dizzyMascot{width:144px;height:142px;animation:4.8s ease-in-out infinite dizzyFloat;position:relative}.dizzyBody{background:linear-gradient(145deg,#79f0f0 0%,#4bc9e7 45%,#668cff 100%);border:1px solid #adf5ff85;border-radius:38px 38px 30px 30px;height:91px;position:absolute;bottom:17px;left:24px;right:24px;box-shadow:0 14px 30px #2bb0dc3d,inset 7px 7px 14px #ffffff3d,inset -8px -12px 18px #414ecd33}.dizzyBody:before,.dizzyBody:after{content:"";background:#51cee8b8;border:1px solid #bcf7ff73;border-radius:50%;width:13px;height:26px;position:absolute;top:30px}.dizzyBody:before{left:-7px;transform:rotate(24deg)}.dizzyBody:after{right:-7px;transform:rotate(-24deg)}.dizzyFace{justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;top:25px;left:25px;right:25px}.dizzyEye{background:#123b6c;border-radius:50%;width:8px;height:11px;animation:5.2s ease-in-out infinite dizzyBlink;box-shadow:1px 1px #ffffff73}.dizzyEye:nth-child(2){animation-delay:80ms}.dizzySmile{border-bottom:2px solid #174a78;border-radius:0 0 18px 18px;width:18px;height:9px;position:absolute;top:19px}.dizzyBadge{color:#e5ffff;background:#10488747;border:1px solid #ffffff6b;border-radius:8px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:900;display:grid;position:absolute;bottom:12px;right:14px}.dizzyAntenna{z-index:1;border:3px solid #55dcec;border-bottom:0;border-radius:20px 20px 0 0;width:26px;height:27px;position:absolute;top:13px}.dizzyAntenna:after{content:"";background:#6c9cff;border:2px solid #9af6f5;border-radius:50%;width:7px;height:7px;position:absolute;top:-8px;box-shadow:0 0 10px #5ee7f0b3}.dizzyAntennaLeft{left:31px;transform:rotate(-22deg)}.dizzyAntennaLeft:after{left:-5px}.dizzyAntennaRight{right:31px;transform:rotate(22deg)}.dizzyAntennaRight:after{right:-5px}.dizzyShadow{filter:blur(5px);background:#00000040;border-radius:50%;height:10px;animation:4.8s ease-in-out infinite glowPulse;position:absolute;bottom:5px;left:31px;right:31px}.dizzy-loading .dizzyBody{animation:1.4s ease-in-out infinite glowPulse}.dizzy-error .dizzySmile{border-top:2px solid #174a78;border-bottom:0;border-radius:18px 18px 0 0;top:23px}.dizzy-happy .dizzySmile{width:21px;height:11px}.dizzy-sleepy .dizzyEye{border-radius:8px;height:3px;margin-top:6px}.dizzy-confused .dizzySmile{width:12px;transform:rotate(-14deg)}.dizzy-waving .dizzyBody:after{height:30px;top:4px;right:-14px;transform:rotate(-42deg)}.dizzy-celebrating .dizzyAntenna:after{background:var(--green);box-shadow:0 0 13px #45e49acc}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.channelNavItem{align-items:center;min-width:0;display:flex;position:relative}.channelNavItem .channelItem{flex:1;min-width:0;padding-right:62px}.channelTools,.categoryTools{opacity:0;pointer-events:none;align-items:center;gap:1px;transition:opacity .16s,color .16s;display:flex}.channelNavItem:hover .channelTools,.channelNavItem:focus-within .channelTools,.channelGroupHeading:hover .categoryTools,.channelGroupHeading:focus-within .categoryTools{opacity:1;pointer-events:auto}.channelTools{position:absolute;top:50%;right:7px;transform:translateY(-50%)}.channelTools button,.categoryTools button{width:22px;height:22px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;transition:background .16s,color .16s;display:grid}.channelTools button:hover,.categoryTools button:hover,.channelTools button:focus-visible,.categoryTools button:focus-visible{color:var(--cyan);background:#5ee7f01a}.channelTools button:last-child:hover,.categoryTools button:last-child:hover{color:var(--red)}.channelGroupHeading{border-radius:7px;min-height:24px;transition:background .16s,color .16s}.channelGroupHeading:hover,.channelGroupHeading:focus-within{color:var(--text-soft);background:#ffffff06}.categoryToggle{width:18px;height:18px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;transition:background .16s,color .16s;display:grid}.categoryToggle:hover,.categoryToggle:focus-visible{color:var(--cyan);background:#5ee7f01a}.categoryToggle svg{transition:transform .18s}.channelGroup.collapsed .categoryToggle svg{transform:rotate(-90deg)}.categoryTools{margin-left:auto}.createCategoryButton{width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;margin:8px 0 4px;padding:7px 9px;font-size:10px;font-weight:800;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.createCategoryButton:hover{color:var(--cyan);background:#5ee7f014;border-color:#5ee7f029}.createCategoryButton:focus-visible{color:var(--cyan);border-color:#5ee7f070}.managementModal,.confirmDialog{border:1px solid var(--border-strong);width:min(480px,94vw);box-shadow:var(--shadow);background:linear-gradient(#122333fa,#0a1520fc);border-radius:17px;padding:22px}.confirmDialog{width:min(390px,94vw)}.managementModalHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modalEyebrow{color:var(--cyan);letter-spacing:.14em;font-size:8px;font-weight:900}.managementModal h2,.confirmDialog h2{letter-spacing:-.025em;margin:5px 0 0;font-size:20px}.channelTypePicker{flex-direction:column;gap:7px;margin-top:13px;display:flex}.channelTypePicker>span{color:#88a4b9;letter-spacing:.08em;font-size:8px;font-weight:800}.channelTypePicker>div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.channelTypePicker button{border:1px solid var(--border);min-height:38px;color:var(--text-soft);cursor:pointer;background:#ffffff06;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:7px 8px;font-size:9px;font-weight:800;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.channelTypePicker button.selected,.channelTypePicker button:hover{color:var(--cyan);background:#5ee7f01a;border-color:#5ee7f059}.managementModalActions{align-items:center;gap:8px;margin-top:20px;display:flex}.managementModalActions>span{flex:1}.dangerButton{color:#ff9aa5;cursor:pointer;background:#ff6b7a12;border:1px solid #ff6b7a33;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;font-size:9px;font-weight:800;transition:background .18s,transform .18s;display:inline-flex}.dangerButton:hover{background:#ff6b7a24;transform:translateY(-1px)}.confirmIcon{width:42px;height:42px;color:var(--red);background:#ff6b7a1a;border-radius:13px;place-items:center;display:grid}.confirmDialog p{color:var(--text-soft);margin:10px 0 0;font-size:10px;line-height:1.6}.welcomeMascot{width:86px;height:68px;overflow:hidden}.welcomeMascot .dizzyMascot{transform-origin:0 0;scale:.5}.dmSearchEmpty{color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:13px 8px 18px;font-size:8px;display:flex}.dmSearchEmpty .dizzyMascot{transform-origin:top;height:53px;margin-bottom:-30px;scale:.36}@media (width<=760px){.managementModal,.confirmDialog{padding:17px}.channelTypePicker>div{grid-template-columns:1fr}}.dmSuggestion{border-color:#5ee7f014}.dmSearchDivider{background:var(--border);height:1px;margin:7px 5px}.dmSearchEmpty{padding:14px 9px}.cs-community-icon{object-fit:cover;border-radius:inherit;width:100%;height:100%}.communityBanner{position:relative}.cs-header-menu{z-index:20;border:1px solid var(--border-strong);box-shadow:var(--shadow);background:#102335;border-radius:12px;padding:6px;position:absolute;top:54px;right:12px}.cs-header-menu button{color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.cs-header-menu button:hover{background:var(--panel-hover)}.cs-dialog{border:1px solid var(--border-strong);width:min(880px,100vw - 32px);max-height:min(820px,100dvh - 40px);color:var(--text);background:#0b1927;border-radius:20px;margin:auto;padding:0;overflow:auto;box-shadow:0 24px 100px #0009}.cs-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020a13c9}.cs-heading{border-bottom:1px solid var(--border);background:linear-gradient(115deg,#102d40,#0b1927);justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex}.cs-heading h2{margin:5px 0 0;font-size:23px}.cs-eyebrow{color:var(--cyan);overflow-wrap:anywhere;font-size:12px}.cs-layout{grid-template-columns:190px minmax(0,1fr);min-height:450px;display:grid}.cs-tabs{border-right:1px solid var(--border);flex-direction:column;gap:6px;padding:20px 12px;display:flex}.cs-dialog button,.cs-dialog input,.cs-dialog textarea,.cs-dialog select{font:inherit}.cs-dialog button{cursor:pointer;border:1px solid var(--border-strong);color:var(--text);background:#152c3e;border-radius:9px;padding:9px 13px}.cs-dialog button:hover:not(:disabled){background:#214258}.cs-dialog button:disabled{opacity:.45;cursor:not-allowed}.cs-dialog :focus-visible,.cs-header-menu button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.cs-tabs button{text-align:left;background:0 0;border-color:#0000;align-items:center;gap:9px;font-size:13px;display:flex}.cs-tabs button[aria-current]{color:var(--cyan);background:#164052;border-color:#5ee7f033}.cs-tabs .cs-leave{margin-top:auto}.cs-content{min-width:0;padding:26px}.cs-content h3{margin:0 0 8px;font-size:20px}.cs-muted{color:var(--text-soft);font-size:12px;line-height:1.6}.cs-content fieldset{border:0;gap:16px;min-width:0;margin:20px 0 0;padding:0;display:grid}.cs-content label{color:var(--text-soft);gap:8px;font-size:13px;display:grid}.cs-content input,.cs-content textarea,.cs-content select{border:1px solid var(--border-strong);width:100%;min-width:0;color:var(--text);background:#07121e;border-radius:8px;padding:10px 12px}.cs-content textarea{resize:vertical}.cs-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.cs-dialog .cs-primary{background:var(--cyan);color:#06202c;font-weight:700}.cs-dialog .cs-primary:hover:not(:disabled){background:#94f5fa}.cs-dialog .cs-danger{color:#ff97a2}.cs-error,.cs-confirm{background:#ff6b7a0d;border:1px solid #ff6b7a55;border-radius:10px;margin-bottom:16px;padding:14px;font-size:13px;line-height:1.5}.cs-error button{margin-left:10px}.cs-notice{color:var(--cyan);font-size:13px}.cs-member{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:15px 0;display:flex}.cs-member-name{overflow-wrap:anywhere;flex:1;gap:5px;min-width:0;font-size:13px;display:grid}.cs-member-name span{color:var(--text-dim);font-size:12px}.cs-member select{width:125px}.cs-role{color:var(--cyan);text-transform:capitalize;background:#5ee7f012;border-radius:20px;padding:5px 9px;font-size:11px}.cs-content .cs-invite-form{grid-template-columns:1fr 1fr;margin-bottom:24px}.cs-invite-form button{grid-column:1/-1;justify-self:end}.cs-empty{border:1px dashed var(--border-strong);color:var(--text-soft);text-align:center;border-radius:12px;padding:30px 16px;font-size:13px}.cs-invite{border:1px solid var(--border);background:#0e2030;border-radius:12px;margin-top:14px;padding:16px}.cs-invite-title{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}@media (width<=640px){.cs-heading{padding:18px}.cs-heading h2{font-size:19px}.cs-layout{grid-template-columns:1fr}.cs-tabs{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap;padding:10px}.cs-tabs .cs-leave{margin-top:0}.cs-content{padding:18px}.cs-member{flex-wrap:wrap}.cs-member-name{flex-basis:100%}}.iconButton,.smallControl,.modalClose,.roundAction,.dmSearchClear,.cs-dialog button.iconButton{flex-shrink:0;place-items:center;padding:0;line-height:1;display:inline-grid}.iconButton>svg,.smallControl>svg,.modalClose>svg,.roundAction>svg,.dmSearchClear>svg{margin:0;display:block}.community-role{border:1px solid;border-radius:5px;flex-shrink:0;align-items:center;gap:4px;padding:3px 6px;font-size:10px;font-weight:700;line-height:1.2;display:inline-flex}.community-role-owner{color:#f8c85a;background:#f8c85a12}.community-role-admin{color:#5ee7f0;background:#5ee7f012}.community-role-moderator{color:#bba4ff;background:#bba4ff12}.memberName{flex-wrap:wrap}.cs-dialog[open]{flex-direction:column;height:min(820px,100dvh - 40px);display:flex;overflow:hidden}.cs-heading{flex-shrink:0}.cs-layout{flex:1;min-height:0;overflow:hidden}.cs-tabs{min-height:0;overflow-y:auto}.cs-content{overscroll-behavior:contain;min-height:0;overflow-y:auto}.cs-footer{border-top:1px solid var(--border);background:#0b1927;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.cs-footer>span{color:var(--text-soft);font-size:12px}.invite-landing{text-align:center;background:var(--bg-2);border:1px solid var(--border-strong);width:min(440px,100vw - 32px);box-shadow:var(--shadow);border-radius:18px;margin:auto;padding:38px 28px 28px;position:relative}.invite-landing h1{overflow-wrap:anywhere;font-size:25px}.invite-landing>p{line-height:1.6}.invite-logo{object-fit:cover;border-radius:18px;width:72px;height:72px}@media (width<=640px){.cs-layout{grid-template-rows:auto minmax(0,1fr)}.cs-tabs{overflow:visible}.cs-footer{flex-wrap:wrap;padding:12px}.cs-footer .cs-actions{margin-left:auto}}.cs-roles-page{gap:20px;display:grid}.cs-roles-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.cs-roles-header h3{letter-spacing:-.025em;margin:3px 0 5px;font-size:22px}.cs-roles-header .cs-muted{max-width:620px;margin:0}.cs-dialog .cs-create-role{white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-width:128px;display:inline-flex}.cs-roles-loading{border:1px dashed var(--border-strong);color:var(--text-soft);background:#ffffff05;border-radius:14px;padding:24px}.cs-roles-workspace{grid-template-columns:minmax(230px,270px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.cs-role-sidebar{background:linear-gradient(#0e1f2ee6,#08141fd6);border:1px solid #5ee7f01f;border-radius:16px;gap:12px;min-width:0;padding:12px;display:grid;position:sticky;top:0;box-shadow:inset 0 1px #ffffff05}.cs-role-sidebar-head{justify-content:space-between;align-items:flex-start;gap:10px;padding:4px 4px 6px;display:flex}.cs-role-sidebar-head>div{gap:4px;display:grid}.cs-role-sidebar-title{color:var(--text);letter-spacing:.11em;font-size:10px;font-weight:900}.cs-role-sidebar-head small,.cs-role-hierarchy-note{color:var(--text-dim);font-size:9px;line-height:1.45}.cs-role-list{gap:7px;display:grid}.cs-role-row-wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid;position:relative}.cs-dialog .cs-role-row{width:100%;min-height:50px;color:var(--text);text-align:left;background:#ffffff06;border:1px solid #ffffff0e;border-radius:12px;grid-template-columns:20px 11px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.cs-dialog .cs-role-row:hover:not(:disabled){background:#5ee7f00b;border-color:#5ee7f02e;transform:translate(2px)}.cs-dialog .cs-role-row.active{box-shadow:inset 3px 0 0 var(--cyan), 0 8px 24px #0f749614;background:linear-gradient(90deg,#5ee7f01f,#6f9cff0e);border-color:#5ee7f075}.cs-dialog .cs-role-row.owner{cursor:default;background:linear-gradient(90deg,#f8c85a14,#f8c85a06);border-color:#f8c85a33;grid-template-columns:20px 11px minmax(0,1fr) auto}.cs-role-drag{color:#638199;cursor:grab;place-items:center;display:grid}.cs-role-drag.locked,.cs-role-drag.protected{color:#8c95a1;cursor:default}.cs-role-row:hover .cs-role-drag:not(.locked):not(.protected){color:var(--cyan)}.cs-role-dot{border-radius:999px;width:9px;height:9px}.owner-dot{background:var(--yellow);box-shadow:0 0 12px #f8c85a66}.cs-role-row-copy{gap:2px;min-width:0;display:grid}.cs-role-row-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.cs-role-row-copy small{text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim);font-size:8px;overflow:hidden}.cs-role-tag{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:3px 6px;font-size:7px;font-weight:900;display:inline-flex}.cs-role-tag.protected{color:#f6d36f;background:#f8c85a14;border:1px solid #f8c85a29}.cs-role-tag.system{color:#8fd8ff;background:#67c8ff12;border:1px solid #67c8ff24}.cs-role-tag.default{color:#b6c5d1;background:#b6c5d10e;border:1px solid #b6c5d11f}.cs-role-order-controls{opacity:0;pointer-events:none;flex-direction:column;gap:3px;transition:opacity .15s,transform .15s;display:flex;transform:translate(-3px)}.cs-role-row-wrap:hover .cs-role-order-controls,.cs-role-row-wrap:focus-within .cs-role-order-controls{opacity:1;pointer-events:auto;transform:translate(0)}.cs-dialog .cs-role-order-controls button{color:#8ca9bd;background:#5ee7f00b;border-color:#5ee7f01f;border-radius:7px;place-items:center;width:27px;height:22px;padding:0;display:grid}.cs-dialog .cs-role-order-controls button:hover:not(:disabled){color:var(--cyan);background:#5ee7f01c}.cs-role-hierarchy-note{background:#ffffff05;border-radius:10px;align-items:flex-start;gap:7px;padding:9px;display:flex}.cs-role-hierarchy-note svg{color:var(--cyan);flex:none;margin-top:1px}.cs-role-editor{min-width:0;padding-bottom:4px}.cs-role-editor-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.cs-role-editor-title{align-items:center;gap:11px;display:flex}.cs-role-editor-title .cs-eyebrow{letter-spacing:.11em;margin:0 0 3px;font-size:9px;font-weight:900}.cs-role-editor-title h3{letter-spacing:-.025em;margin:0;font-size:23px}.cs-role-editor-color{border-radius:999px;flex:none;width:10px;height:42px;box-shadow:0 0 18px #5ee7f014}.cs-dialog .cs-delete-role{align-items:center;gap:6px;display:inline-flex}.cs-role-card,.cs-permission-group{background:linear-gradient(#0d1d2bd9,#08141fc7);border:1px solid #7daacd1c;border-radius:15px;overflow:hidden}.cs-role-card{margin-bottom:20px;padding:16px}.cs-role-card-heading{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;padding-bottom:12px;display:flex}.cs-role-card-heading>div{gap:3px;display:grid}.cs-role-card-heading strong,.cs-permissions-heading strong{font-size:12px}.cs-role-card-heading span,.cs-permissions-heading>div>span{color:var(--text-dim);font-size:9px}.cs-role-fields{grid-template-columns:minmax(0,1fr) minmax(180px,.68fr);gap:12px;display:grid}.cs-role-field{gap:7px;margin-bottom:13px;display:grid}.cs-role-field>span{color:#89a6ba;font-size:9px;font-weight:800}.cs-role-color-field{grid-template-columns:46px minmax(0,1fr);gap:8px;display:grid}.cs-color-swatch{cursor:pointer;border:1px solid #ffffff1f;border-radius:9px;width:46px;min-height:40px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #050f1873}.cs-color-swatch input{opacity:0;pointer-events:none;width:1px!important;height:1px!important;position:absolute!important}.cs-role-option-list{border-top:1px solid #ffffff0d;margin-top:3px;display:grid}.cs-role-option{border-bottom:1px solid #ffffff0b;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:12px 2px;display:flex!important}.cs-role-option:last-child{border-bottom:0}.cs-role-option>div{gap:4px;min-width:0;display:grid}.cs-role-option strong{color:var(--text);font-size:11px}.cs-role-option>div>span{color:var(--text-dim);font-size:9px;line-height:1.45}.cs-switch{flex:none;width:42px;height:23px;display:inline-flex;position:relative}.cs-switch input{opacity:0;pointer-events:none;width:1px!important;height:1px!important;position:absolute!important}.cs-switch-track{cursor:pointer;background:#152638;border:1px solid #8fabbe3d;border-radius:999px;transition:background .16s,border-color .16s,box-shadow .16s;position:absolute;inset:0}.cs-switch-track:after{content:"";background:#8299aa;border-radius:50%;width:15px;height:15px;transition:transform .17s,background .17s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #00000059}.cs-switch input:checked+.cs-switch-track{background:linear-gradient(90deg,#30b8c7d9,#59aee8e6);border-color:#5ee7f080;box-shadow:0 0 14px #5ee7f01f}.cs-switch input:checked+.cs-switch-track:after{background:#f1fdff;transform:translate(19px)}.cs-switch input:focus-visible+.cs-switch-track{outline-offset:2px;outline:2px solid #5ee7f08c}.cs-switch input:disabled+.cs-switch-track{opacity:.46;cursor:not-allowed}.cs-permissions-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin:2px 0 12px;display:flex}.cs-permissions-heading>div{gap:3px;display:grid}.cs-permission-search{border:1px solid var(--border-strong);width:min(285px,42%);min-width:210px;height:38px;color:var(--text-dim);background:#07121e;border-radius:10px;align-items:center;padding:0 10px;gap:8px!important;display:flex!important}.cs-permission-search input{background:0 0!important;border:0!important;outline:0!important;height:auto!important;padding:0!important}.cs-permission-groups{gap:12px;display:grid}.cs-permission-group>header{background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.cs-permission-group>header strong{letter-spacing:.055em;text-transform:uppercase;font-size:10px;font-weight:900}.cs-permission-group>header span{color:var(--text-dim);font-size:8px}.cs-permission-list{display:grid}.cs-permission-row{background:0 0;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:11px 14px;transition:background .15s;display:flex!important}.cs-permission-row:last-child{border-bottom:0}.cs-permission-row:hover{background:#ffffff06}.cs-permission-copy{gap:3px;min-width:0;display:grid}.cs-permission-copy strong{color:var(--text);font-size:11px}.cs-permission-copy>span{color:var(--text-dim);font-size:9px;line-height:1.4}.cs-permission-copy em{color:#ff91a1;margin-top:4px;font-size:8px;font-style:normal;font-weight:800}.cs-permission-row.dangerous{background:#ff6b7a05}.cs-permission-row.dangerous.enabled{background:linear-gradient(90deg,#ff6b7a17,#ff6b7a06)}.cs-permission-row.dangerous.enabled .cs-permission-copy strong{color:#ff9ba7}.cs-role-readonly{margin-top:14px}.cs-role-savebar{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#06101af5;border:1px solid #7daacd1f;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:11px 12px 11px 14px;display:flex;position:sticky;bottom:0;box-shadow:0 -14px 35px #040a1147,0 10px 30px #00000029}.cs-role-savebar>div:first-child{gap:2px;display:grid}.cs-role-savebar>div:first-child strong{font-size:10px}.cs-role-savebar>div:first-child span{color:var(--text-dim);font-size:8px}@media (width<=900px){.cs-roles-workspace{grid-template-columns:1fr}.cs-role-sidebar{position:static}.cs-role-list{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-role-row.owner,.cs-role-hierarchy-note{grid-column:1/-1}}@media (width<=700px){.cs-roles-header,.cs-permissions-heading,.cs-role-savebar{flex-direction:column;align-items:stretch}.cs-dialog .cs-create-role,.cs-permission-search{width:100%;min-width:0}.cs-role-fields,.cs-role-list{grid-template-columns:1fr}.cs-role-row.owner{grid-column:auto}}.cs-content.cs-content-roles{flex-direction:column;min-height:0;padding:20px 24px 0;display:flex;overflow:hidden}.cs-content-roles .cs-roles-page{flex-direction:column;flex:1;min-height:0;display:flex}.cs-content-roles .cs-roles-header{flex:none;margin-bottom:16px}.cs-role-create-actions{flex-direction:column;align-items:flex-end;gap:6px;max-width:230px;display:flex}.cs-role-create-actions>span{color:var(--text-dim);text-align:right;font-size:8px;line-height:1.4}.cs-dialog .cs-create-role{min-width:156px}.cs-content-roles .cs-roles-workspace{flex:1;min-height:0;overflow:hidden}.cs-content-roles .cs-role-sidebar{overscroll-behavior:contain;max-height:100%;position:static;overflow-y:auto}.cs-content-roles .cs-role-editor{flex-direction:column;height:100%;min-height:0;padding-bottom:0;display:flex;overflow:hidden}.cs-role-editor-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding-bottom:18px;padding-right:8px;overflow:hidden auto}.cs-role-kind-hint{color:var(--text-dim);margin-top:3px;font-size:8px;line-height:1.4;display:block}.cs-field-help{color:var(--text-dim);margin-top:-1px;font-size:8px;line-height:1.4;display:block}.cs-role-savebar{z-index:3;background:linear-gradient(#081521fa,#050f18fc);border-bottom:0;border-radius:13px 13px 0 0;flex:none;margin:0 -2px;position:static;box-shadow:0 -12px 28px #0003,inset 0 1px #ffffff05}.cs-role-savebar.dirty{border-color:#5ee7f05c;box-shadow:0 -12px 30px #0000003d,0 -2px 18px #5ee7f00d}.cs-role-savebar .cs-actions{flex-wrap:nowrap}@media (width<=900px){.cs-content.cs-content-roles{padding-bottom:0;overflow-y:auto}.cs-content-roles .cs-roles-workspace{overflow:visible}.cs-content-roles .cs-role-editor{height:auto;overflow:visible}.cs-role-editor-scroll{padding-right:0;overflow:visible}.cs-role-savebar{position:sticky;bottom:0}}@media (width<=700px){.cs-role-create-actions{align-items:stretch;max-width:none}.cs-role-create-actions>span{text-align:left}.cs-dialog .cs-create-role{width:100%}}.cs-members-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.cs-members-heading .cs-eyebrow{letter-spacing:.11em;margin:0 0 4px;font-size:9px;font-weight:900}.cs-members-heading h3{letter-spacing:-.025em;margin:0 0 5px;font-size:22px}.cs-members-heading .cs-muted{margin:0}.cs-member-list{gap:8px;display:grid}.cs-member-card{background:linear-gradient(#0f202fc7,#091621b3);border:1px solid #7daacd1a;border-radius:13px;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:64px;padding:10px 11px;transition:border-color .16s,background .16s,transform .16s;display:grid}.cs-member-card:hover{background:linear-gradient(#122738db,#0a1926c7);border-color:#5ee7f02e;transform:translateY(-1px)}.cs-member-avatar{width:38px;height:38px;color:var(--text);background:linear-gradient(145deg,#5ee7f02e,#6f9cff2e);border:1px solid #5ee7f024;border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid;overflow:hidden}.cs-member-avatar img{object-fit:cover;width:100%;height:100%}.cs-member-role-summary{justify-content:flex-end;align-items:center;display:flex}.cs-role.owner{color:var(--yellow);background:#f8c85a14}.cs-member-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.cs-dialog .cs-manage-roles-button{color:var(--cyan);white-space:nowrap;background:#5ee7f00e;border-color:#5ee7f029;align-items:center;gap:6px;display:inline-flex}.cs-dialog .cs-manage-roles-button:hover:not(:disabled){background:#5ee7f01c;border-color:#5ee7f04d}.cs-member-role-backdrop{z-index:120;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#01070cbd;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.cs-member-role-modal{background:linear-gradient(#102435 0%,#0a1927 100%);border:1px solid #5ee7f038;border-radius:18px;flex-direction:column;width:min(590px,100vw - 36px);max-height:min(720px,100dvh - 48px);display:flex;overflow:hidden;box-shadow:0 30px 120px #00000094,inset 0 1px #ffffff06}.cs-member-role-header{background:linear-gradient(120deg,#1941567a,#0c1d2b61);border-bottom:1px solid #7daacd1a;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px 17px;display:flex}.cs-member-role-header .cs-eyebrow{letter-spacing:.13em;margin:0 0 4px;font-size:8px;font-weight:900}.cs-member-role-header h3{letter-spacing:-.025em;margin:0 0 5px;font-size:20px}.cs-member-role-header p{max-width:460px;color:var(--text-soft);margin:0;font-size:10px;line-height:1.5}.cs-member-role-loading{color:var(--text-soft);padding:34px 22px;font-size:11px}.cs-member-role-list{gap:7px;min-height:0;padding:16px 18px;display:grid;overflow-y:auto}.cs-member-role-option{cursor:pointer;background:#ffffff05;border:1px solid #7daacd1a;border-radius:12px;grid-template-columns:11px minmax(0,1fr) 26px;align-items:center;min-height:58px;padding:10px 11px;transition:border-color .15s,background .15s,transform .15s;gap:11px!important;display:grid!important}.cs-member-role-option:hover:not(.disabled){background:#5ee7f00a;border-color:#5ee7f033;transform:translate(2px)}.cs-member-role-option.selected{background:linear-gradient(90deg,#5ee7f014,#6f9cff08);border-color:#5ee7f047}.cs-member-role-option.disabled{opacity:.56;cursor:not-allowed}.cs-member-role-color{border-radius:999px;width:9px;height:34px;box-shadow:0 0 12px #5ee7f014}.cs-member-role-copy{gap:4px;min-width:0;display:grid}.cs-member-role-copy>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cs-member-role-copy strong{color:var(--text);font-size:11px}.cs-member-role-copy small{color:var(--text-dim);font-size:8px;line-height:1.4;overflow:hidden}.cs-role-assignment-check{place-items:center;width:24px;height:24px;display:grid;position:relative}.cs-role-assignment-check input{opacity:0;pointer-events:none;width:1px!important;height:1px!important;position:absolute!important}.cs-role-assignment-check>span{color:#06121a;background:#102233;border:1px solid #7daacd38;border-radius:7px;place-items:center;width:22px;height:22px;transition:background .15s,border-color .15s,color .15s;display:grid}.cs-role-assignment-check input:checked+span{color:#06121a;background:linear-gradient(145deg,#55dde7,#69aaff);border-color:#5ee7f08c}.cs-member-role-summary-box{background:#5ee7f009;border:1px solid #5ee7f01a;border-radius:11px;align-items:flex-start;gap:9px;margin:0 18px 14px;padding:11px 12px;display:flex}.cs-member-role-summary-box svg{color:var(--cyan);flex:none;margin-top:1px}.cs-member-role-summary-box>div{gap:2px;display:grid}.cs-member-role-summary-box strong{font-size:9px}.cs-member-role-summary-box span{color:var(--text-dim);font-size:8px}.cs-member-role-footer{background:#050f18f2;border-top:1px solid #7daacd1c;justify-content:space-between;align-items:center;gap:16px;padding:13px 18px;display:flex}.cs-member-role-footer.dirty{box-shadow:inset 0 1px #5ee7f014,0 -10px 30px #5ee7f006}.cs-member-role-footer>div:first-child{gap:2px;display:grid}.cs-member-role-footer>div:first-child strong{font-size:9px}.cs-member-role-footer>div:first-child span{color:var(--text-dim);font-size:8px}@media (width<=760px){.cs-member-card{grid-template-columns:38px minmax(0,1fr)}.cs-member-role-summary,.cs-member-actions{grid-column:2;justify-content:flex-start}.cs-member-role-footer{flex-direction:column;align-items:stretch}.cs-member-role-footer .cs-actions{justify-content:stretch}.cs-member-role-footer .cs-actions button{flex:1}}.roleGroupedMembers{padding-top:6px}.memberRoleGroup+.memberRoleGroup{margin-top:15px}.roleGroupTitle{letter-spacing:.08em;text-transform:none;align-items:center;gap:6px;margin:4px 2px 5px;padding:0 4px;font-size:8px;font-weight:900;display:flex}.roleGroupDot{border-radius:999px;flex:none;width:7px;height:7px}.roleGroupTitle>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roleGroupCount{color:currentColor;opacity:.7}.roleAwareMemberCard{align-items:center;min-height:50px}.roleAwareMemberCard .memberInfo{gap:3px;min-width:0;display:grid}.roleAwareMemberCard .memberName{flex-wrap:nowrap}.roleAwareMemberCard .memberName strong{text-overflow:ellipsis;white-space:nowrap;max-width:125px;transition:color .16s;overflow:hidden}.memberRoleLine{align-items:center;gap:4px;min-width:0;display:flex}.memberRolePill{text-overflow:ellipsis;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;max-width:92px;padding:2px 5px;font-size:7px;font-weight:800;line-height:1.2;display:inline-flex;overflow:hidden}.memberExtraRoles{color:var(--text-dim);font-size:7px;font-weight:800}.memberPresenceText{min-width:0;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.memberRoleGroup-offline .roleAwareMemberCard{opacity:.63}.memberRoleGroup-offline .roleAwareMemberCard:hover{opacity:.9}.profileCommunityRoles{margin-top:16px}.profileRolePills{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.profileRolePill{border:1px solid;border-radius:999px;align-items:center;gap:5px;max-width:100%;padding:5px 8px;font-size:9px;font-weight:800;line-height:1;display:inline-flex}.profileRoleDot{border-radius:999px;flex:none;width:7px;height:7px;box-shadow:0 0 9px}@media (width<=1100px){.memberRolePill,.memberExtraRoles{display:none}}.composerHiddenInput{display:none}.pendingAttachments{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-bottom:8px;display:grid}.pendingAttachment{background:linear-gradient(#122737f2,#0b1a27f2);border:1px solid #5ee7f021;border-radius:11px;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:9px;min-height:54px;padding:6px 7px;display:grid;position:relative}.pendingAttachmentPreview,.pendingAttachmentFileIcon{border-radius:9px;width:42px;height:42px}.pendingAttachmentPreview{object-fit:cover;background:#0b1927;display:block}.pendingAttachmentFileIcon{color:var(--cyan);background:#5ee7f00e;border:1px solid #5ee7f01f;place-items:center;display:grid}.pendingAttachmentCopy{gap:3px;min-width:0;display:grid}.pendingAttachmentCopy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.pendingAttachmentCopy span{color:var(--text-dim);font-size:8px}.pendingAttachmentRemove{color:#ff92a0;cursor:pointer;background:#ff6b7a0d;border:1px solid #ff6b7a1f;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;display:grid}.pendingAttachmentRemove:hover:not(:disabled){background:#ff6b7a1c}.composerUploadStatus,.composerUploadError{border-radius:9px;margin:0 2px 8px;padding:7px 9px;font-size:8px;font-weight:700}.composerUploadStatus{color:var(--cyan);background:#5ee7f00b;border:1px solid #5ee7f01f}.composerUploadError{color:#ff9aa6;background:#ff6b7a0e;border:1px solid #ff6b7a26}.composer button:disabled{opacity:.4;cursor:not-allowed}.messageAttachments{gap:7px;width:min(480px,100%);margin-top:7px;display:grid}.messageImageAttachment{width:fit-content;max-width:100%;color:var(--text-soft);text-align:left;cursor:zoom-in;background:#091726;border:1px solid #7daacd21;border-radius:12px;padding:0;display:block;overflow:hidden}.messageImageAttachment img{object-fit:contain;background:#06101a;width:auto;max-width:min(420px,100%);max-height:320px;display:block}.messageImageAttachment>span{text-overflow:ellipsis;white-space:nowrap;max-width:420px;color:var(--text-dim);padding:6px 8px;font-size:7px;display:block;overflow:hidden}.messageFileAttachment{width:min(360px,100%);min-height:52px;color:inherit;background:linear-gradient(#112434d6,#0a1926d6);border:1px solid #5ee7f01f;border-radius:11px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 9px;text-decoration:none;display:grid}.messageFileAttachment:hover{background:linear-gradient(#162f42e6,#0c1e2de6);border-color:#5ee7f03d}.messageFileIcon{width:36px;height:36px;color:var(--cyan);background:#5ee7f012;border-radius:9px;place-items:center;display:grid}.messageFileCopy{gap:3px;min-width:0;display:grid}.messageFileCopy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.messageFileCopy small{color:var(--text-dim);font-size:7px}.messageFileAction{color:var(--cyan);border:1px solid #5ee7f01c;border-radius:7px;padding:4px 6px;font-size:7px;font-weight:800}@media (width<=700px){.pendingAttachments{grid-template-columns:1fr}.messageImageAttachment img{max-width:100%}}.messageMoreWrap{position:relative}.messageActionMenu{z-index:40;background:linear-gradient(#122535fc,#091622fc);border:1px solid #7daacd29;border-radius:10px;width:154px;padding:5px;display:grid;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 14px 42px #0000006b}.messageActionMenu button{width:100%;min-height:32px;color:var(--text-soft);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:flex-start;align-items:center;gap:8px;padding:7px 8px;font-size:8px;font-weight:800;display:flex}.messageActionMenu button:hover:not(:disabled){color:var(--text);background:#5ee7f012}.messageActionMenu button.danger{color:#ff929f}.messageActionMenu button.danger:hover:not(:disabled){color:#ffb2ba;background:#ff6b7a17}.messageActionMenu button:disabled{opacity:.45;cursor:not-allowed}.emojiPickerWrap{position:relative}.emojiPicker{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#112536fc,#081622fe);border:1px solid #5ee7f02e;border-radius:16px;flex-direction:column;width:min(390px,100vw - 34px);max-height:min(500px,100vh - 160px);display:flex;position:absolute;bottom:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 26px 90px #0000008f,inset 0 1px #ffffff06}.emojiPickerHeader{justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 15px 10px;display:flex}.emojiPickerHeader>div{gap:2px;display:grid}.emojiPickerHeader strong{letter-spacing:-.01em;font-size:12px}.emojiPickerHeader span{color:var(--text-dim);font-size:8px}.emojiPicker .emojiPickerClose{width:27px;height:27px;color:var(--text-soft);background:#ffffff06;border:1px solid #7daacd1f;border-radius:8px;place-items:center;padding:0;display:grid}.emojiSearch{min-height:35px;color:var(--text-dim);background:#071522;border:1px solid #7daacd24;border-radius:9px;align-items:center;gap:7px;margin:0 13px 10px;padding:0 9px;display:flex}.emojiSearch input{width:100%;color:var(--text);background:0 0;border:0;outline:0;padding:0;font-size:9px}.emojiSearch input::placeholder{color:#668399}.emojiCategoryTabs{scrollbar-width:none;border-bottom:1px solid #7daacd14;align-items:center;gap:2px;padding:0 10px 8px;display:flex;overflow-x:auto}.emojiCategoryTabs::-webkit-scrollbar{display:none}.composerExtras .emojiCategoryTabs button{filter:grayscale(.45);opacity:.78;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:32px;height:30px;padding:0;font-size:15px;transition:background .15s,filter .15s,opacity .15s,transform .15s;display:grid}.composerExtras .emojiCategoryTabs button:hover,.composerExtras .emojiCategoryTabs button.active{filter:grayscale(0);opacity:1;background:#5ee7f013;transform:translateY(-1px)}.composerExtras .emojiCategoryTabs button.active{box-shadow:inset 0 -2px 0 var(--cyan)}.emojiPickerBody{min-height:0;padding:9px 10px 12px;overflow-y:auto}.emojiPickerSectionTitle{color:#86a4b8;letter-spacing:.08em;text-transform:uppercase;margin:1px 2px 8px;font-size:8px;font-weight:900}.emojiGrid{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;display:grid}.composerExtras .emojiGrid .emojiButton{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;min-width:0;height:auto;padding:4px;font-size:23px;line-height:1;transition:background .12s,transform .12s;display:grid}.composerExtras .emojiGrid .emojiButton:hover{background:#5ee7f014;transform:scale(1.12)}.emojiEmpty{min-height:120px;color:var(--text-dim);text-align:center;place-items:center;padding:20px;font-size:9px;display:grid}@media (width<=620px){.emojiPicker{width:auto;position:fixed;bottom:78px;left:12px;right:12px}.emojiGrid{grid-template-columns:repeat(7,minmax(0,1fr))}}.composerExtras .gifButton{place-items:center;padding:0;display:grid}.gifBadge{color:#081620;letter-spacing:-.02em;background:linear-gradient(#8ca8ba,#708a9c);border:1px solid #8aa7bc38;border-radius:4px;place-items:center;min-width:24px;height:18px;padding:0 4px;font-size:8px;font-weight:950;line-height:1;transition:transform .14s,filter .14s,box-shadow .14s;display:grid;box-shadow:inset 0 1px #ffffff2e,0 1px 4px #00000026}.composerExtras .gifButton:hover:not(:disabled) .gifBadge{filter:brightness(1.12);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,0 0 12px #5ee7f01f}.composerExtras .gifButton:active:not(:disabled) .gifBadge{transform:translateY(0)scale(.96)}.gifPickerWrap{position:relative}.gifPicker{z-index:92;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#112536fe,#081622fe);border:1px solid #5ee7f02e;border-radius:16px;flex-direction:column;width:min(430px,100vw - 36px);max-height:min(540px,100vh - 150px);display:flex;position:absolute;bottom:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 28px 96px #00000094,inset 0 1px #ffffff06}.gifPickerHeader{border-bottom:1px solid #7daacd14;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px 7px;display:flex}.gifPickerTabs{align-items:center;gap:5px;display:flex}.composerExtras .gifPickerTabs button{color:#829fb3;background:0 0;border:1px solid #0000;border-radius:8px;min-width:72px;height:31px;padding:0 12px;font-size:9px;font-weight:900}.composerExtras .gifPickerTabs button:hover,.composerExtras .gifPickerTabs button.active{color:var(--text);background:#5ee7f011;border-color:#5ee7f01f}.composerExtras .gifPickerTabs button.active{color:var(--cyan);box-shadow:inset 0 -2px 0 var(--cyan)}.composerExtras .gifPickerClose{width:28px;height:28px;color:var(--text-soft);background:#ffffff06;border:1px solid #7daacd1f;border-radius:8px;place-items:center;padding:0;display:grid}.gifSearch{min-height:36px;color:var(--text-dim);background:#071522;border:1px solid #7daacd24;border-radius:9px;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:7px;margin:10px 11px 8px;padding:0 6px 0 9px;display:grid}.gifSearch input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:0;font-size:9px}.composerExtras .gifSearch button{height:26px;color:var(--cyan);background:#5ee7f00e;border:1px solid #5ee7f01f;border-radius:7px;padding:0 9px;font-size:8px;font-weight:900}.gifPickerBody{min-height:180px;padding:2px 9px 10px;overflow-y:auto}.gifGrid{column-count:3;column-gap:6px}.composerExtras .gifResult{break-inside:avoid;cursor:pointer;background:#07121e;border:1px solid #7daacd14;border-radius:9px;width:100%;height:auto;margin:0 0 6px;padding:0;display:block;position:relative;overflow:hidden}.composerExtras .gifResult:hover:not(:disabled){border-color:#5ee7f047;box-shadow:0 0 0 2px #5ee7f00d}.gifResult img{object-fit:cover;width:100%;height:auto;min-height:82px;display:block}.gifResultSending{color:#fff;background:#030b12b8;place-items:center;font-size:9px;font-weight:900;display:grid;position:absolute;inset:0}.gifPickerStatus,.gifPickerError,.gifSetupNotice{text-align:center;border-radius:10px;place-items:center;gap:4px;min-height:150px;padding:24px;font-size:9px;display:grid}.gifPickerStatus{color:var(--text-dim)}.gifPickerError{color:#ff9aa6}.gifSetupNotice{color:var(--text-soft);background:#5ee7f006}.gifSetupNotice strong{color:var(--cyan);font-size:10px}.gifSetupNotice span{max-width:290px;line-height:1.55}.gifSetupNotice code{color:#a8dfe8}.gifPickerFooter{color:#607d91;text-align:right;border-top:1px solid #7daacd12;padding:7px 11px 9px;font-size:7px}@media (width<=620px){.gifPicker{width:auto;position:fixed;bottom:78px;left:12px;right:12px}.gifGrid{column-count:2}}.messageImageAttachment.gifAttachment{border-color:#5ee7f014}.messageImageAttachment.stickerAttachment{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.messageImageAttachment.stickerAttachment:hover{background:0 0}.messageImageAttachment.stickerAttachment img{object-fit:contain;background:0 0;width:auto;max-width:220px;max-height:220px}.messageImageAttachment.gifAttachment img{max-width:min(380px,100%);max-height:300px}.mediaLightboxBackdrop{z-index:220;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d1;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.mediaLightbox{place-items:center;max-width:min(92vw,1100px);max-height:90vh;display:grid;position:relative}.mediaLightbox img{object-fit:contain;border-radius:14px;max-width:min(92vw,1100px);max-height:82vh;display:block;box-shadow:0 24px 90px #0009}.mediaLightboxClose{z-index:2;width:34px;height:34px;color:var(--text);cursor:pointer;background:#0c1926f5;border:1px solid #ffffff1f;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:-14px;right:-14px;box-shadow:0 8px 24px #00000059}.mediaLightboxClose:hover{background:#1a3246fa}.mediaLightboxMeta{width:min(100%,760px);color:var(--text-soft);background:#0a1622db;border:1px solid #7daacd1a;border-radius:9px;justify-content:space-between;align-items:center;gap:18px;margin-top:10px;padding:8px 10px;display:flex}.mediaLightboxMeta strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.mediaLightboxMeta span{color:var(--text-dim);flex:none;font-size:8px}@media (width<=700px){.messageImageAttachment.stickerAttachment img{max-width:180px;max-height:180px}.mediaLightboxBackdrop{padding:18px}.mediaLightboxClose{top:8px;right:8px}}.messageReplyPreview{width:100%;min-width:0;max-width:560px;color:var(--text-soft);text-align:left;align-items:stretch;gap:9px;margin:3px 0 9px;padding:3px 0;display:flex}.messageReplyLine{background:var(--cyan);opacity:.65;border-radius:999px;flex:0 0 3px}.messageReplyContent{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.messageReplyAuthor{color:var(--cyan);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.3;display:block;overflow:hidden}.messageReplyText{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4;display:block;overflow:hidden}.replyComposerBar{color:var(--cyan);background:#5ee7f00a;border:1px solid #5ee7f01f;border-radius:10px;grid-template-columns:20px minmax(0,1fr) 28px;align-items:center;gap:8px;margin-bottom:7px;padding:8px 9px;display:grid}.replyComposerBar>div{gap:2px;min-width:0;display:grid}.replyComposerBar span{color:var(--text-soft);font-size:12px}.replyComposerBar strong{overflow-wrap:anywhere;color:var(--cyan);font-size:13px;line-height:1.3}.replyComposerBar small{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4;overflow:hidden}.replyComposerBar>button{width:27px;height:27px;color:var(--text-soft);background:#ffffff06;border:1px solid #7daacd1c;border-radius:8px;place-items:center;padding:0;display:grid}.messageReactions{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.messageReactions button{min-height:25px;color:var(--text-soft);cursor:pointer;background:#ffffff06;border:1px solid #7daacd21;border-radius:7px;align-items:center;gap:5px;padding:3px 7px;display:inline-flex}.messageReactions button:hover,.messageReactions button.active{background:#5ee7f014;border-color:#5ee7f057}.messageReactions button.active{color:var(--cyan)}.messageReactions button span{font-size:13px;line-height:1}.messageReactions button strong{font-size:8px}.messageReactionWrap{position:relative}.quickReactionPicker{z-index:48;background:#091723fc;border:1px solid #7daacd26;border-radius:10px;grid-template-columns:repeat(4,32px);gap:3px;padding:5px;display:grid;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 14px 42px #0006}.messageToolbar .quickReactionPicker button{background:0 0;border:0;border-radius:7px;place-items:center;width:32px;height:30px;padding:0;font-size:16px;display:grid}.messageToolbar .quickReactionPicker button:hover:not(:disabled){background:#5ee7f014;transform:scale(1.08)}.us-dialog{border:1px solid var(--border-strong);width:min(1080px,100vw - 40px);max-width:none;height:min(780px,100dvh - 48px);max-height:none;color:var(--text);background:#0b1926;border-radius:18px;margin:auto;padding:0;box-shadow:0 28px 100px #0009}.us-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020910c9}.us-layout{grid-template-columns:235px minmax(0,1fr);height:100%;display:grid}.us-sidebar{border-right:1px solid var(--border);background:#091520;padding:28px 16px}.us-identity{align-items:center;gap:12px;padding:0 4px 27px;display:flex}.us-identity>div{min-width:0}.us-identity strong{overflow-wrap:anywhere;font-size:14px;display:block}.us-identity span{color:var(--text-soft);margin-top:5px;font-size:12px;display:block}.us-sidebar nav{gap:6px;display:grid}.us-dialog button{cursor:pointer;font-family:inherit}.us-sidebar nav button{color:var(--text-soft);text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:12px;font-size:14px;font-weight:600;display:flex}.us-sidebar nav button:hover,.us-sidebar nav button[aria-current]{color:var(--cyan);background:#5ee7f012}.us-sidebar>p{border-top:1px solid var(--border);color:var(--text-dim);margin:28px 12px;padding-top:20px;font-size:12px}.us-main{flex-direction:column;min-width:0;min-height:0;display:flex}.us-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 25px;display:flex}.us-header h2{margin:0;font-size:15px}.us-close{border:1px solid var(--border);width:34px;height:34px;color:var(--text-soft);background:0 0;border-radius:9px;place-items:center;display:grid}.us-body{flex:1;min-height:0;padding:34px;overflow:auto}.us-body h3{margin:0 0 9px;font-size:24px;font-weight:600}.us-muted{color:var(--text-soft);font-size:13px;line-height:1.5}.us-profile-grid{grid-template-columns:minmax(0,1fr) 225px;gap:26px;margin-top:30px;display:grid}.us-dialog fieldset{border:0;gap:19px;min-width:0;margin:0;padding:0;display:grid}.us-dialog label{gap:9px;font-size:13px;font-weight:600;display:grid}.us-dialog input,.us-dialog textarea,.us-dialog select{border:1px solid var(--border-strong);width:100%;min-width:0;color:var(--text);background:#07131e;border-radius:8px;padding:11px;font-size:14px}.us-dialog textarea{resize:vertical}.us-dialog label .us-muted{font-size:11px;font-weight:400}.us-eyebrow{color:var(--text-soft);letter-spacing:1.5px;margin-bottom:12px;font-size:10px;font-weight:700;display:block}.us-preview{border:1px solid var(--border);background:#07131e;border-radius:12px;overflow:hidden}.us-banner{background:linear-gradient(120deg,#24607b,#294477);height:75px}.us-preview-content{overflow-wrap:anywhere;padding:16px}.us-preview-content h4{margin:14px 0 5px;font-size:17px}.us-preview-content p{white-space:pre-wrap;font-size:13px;line-height:1.6}.us-actions{justify-content:flex-end;margin-top:24px;display:flex}.us-primary{background:var(--cyan);color:#06212a;border:0;border-radius:8px;padding:11px 17px;font-size:13px;font-weight:700}.us-dialog button:disabled{opacity:.45;cursor:default}.us-account{margin-top:28px}.us-account>div{border-bottom:1px solid var(--border);grid-template-columns:130px minmax(0,1fr);align-items:center;gap:14px;padding:22px 0;font-size:14px;display:grid}.us-account dt{color:var(--text-soft)}.us-account dd{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex}.us-account button,.us-confirm button,.us-error button{border:1px solid var(--border-strong);color:var(--text);background:#142a3b;border-radius:7px;padding:8px 12px;font-size:12px}.us-permissions-title{margin:34px 0 8px;font-size:14px}.us-permission{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:23px 0;display:flex}.us-permission label{font-size:15px}.us-permission p{color:var(--text-soft);margin:7px 0 0;font-size:13px;line-height:1.5}.us-switch{background:#344957;border:1px solid #7893a7;border-radius:20px;flex:0 0 44px;height:25px;padding:3px}.us-switch span{background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .14s;display:block}.us-switch[aria-checked=true]{border-color:var(--cyan);background:#138b99}.us-switch[aria-checked=true] span{transform:translate(18px)}.us-help{color:var(--text-soft);background:#5ee7f009;border-radius:9px;margin-top:25px;padding:15px;font-size:12px;line-height:1.7}.us-error,.us-notice,.us-confirm{border-radius:8px;margin:0 0 20px;padding:13px;font-size:13px;line-height:1.5}.us-error,.us-confirm{color:#ffadb5;background:#ff6b7a12}.us-notice{color:var(--cyan);background:#5ee7f012}.us-confirm>div{gap:8px;margin-top:10px;display:flex}@media (width<=800px){.us-layout{grid-template-columns:185px minmax(0,1fr)}.us-profile-grid{grid-template-columns:1fr}.us-body{padding:24px}}@media (width<=560px){.us-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.us-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.us-sidebar{border-right:0;border-bottom:1px solid var(--border);padding:10px}.us-identity,.us-sidebar>p{display:none}.us-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.us-sidebar nav button{justify-content:center;gap:5px;padding:10px 4px;font-size:11px}.us-sidebar nav svg{width:14px}.us-body{padding:22px 17px}.us-body h3{font-size:21px}.us-account>div{grid-template-columns:1fr}}.activityBell{position:relative}.activityBadge{color:#fff;background:#ed4245;border-radius:10px;min-width:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:-4px;right:-5px}.activityPopover{z-index:1000;color:#e5e9ee;text-align:left;background:#181d24;border:1px solid #343941;border-radius:9px;flex-direction:column;width:min(420px,100vw - 16px);font-family:inherit;display:flex;position:fixed;overflow:hidden;box-shadow:0 12px 40px #0008,0 2px 8px #0005}.activityPopover>header{border-bottom:1px solid #2b3038;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;display:flex}.activityPopover h2{align-items:center;gap:9px;margin:0;font-size:17px;font-weight:700;line-height:24px;display:flex}.activityPopover h2 svg{color:#adb5bf}.activityPopover p{color:#b5bdc8;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0;font-size:13px;line-height:1.5}.activityPopover header p{color:#929ba8;margin:3px 0 0 28px;font-size:12px}.activityPopover .iconButton{color:#a5adb8;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.activityPopover .iconButton:hover{color:#fff;background:#30363f}.activityPopover button:focus-visible{outline-offset:2px;outline:2px solid #75bcfa}.activityList{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#434b57 #181d24;min-height:0;padding:12px;overflow-y:auto}.activityItem{overflow-wrap:anywhere;background:#222831;border:1px solid #323944;border-radius:7px;margin-bottom:10px;padding:14px;font-size:13px}.activityItem:last-child{margin-bottom:0}.activityUnread{background:#252c3c;border-left:3px solid #8b99ff}.activityMeta{color:#959faa;flex-wrap:wrap;justify-content:space-between;gap:5px;margin-bottom:10px;font-size:11px;display:flex}.activityMeta strong{color:#aebcff}.activityControls{color:#aab4c2;border-bottom:1px solid #2b3038;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 18px;font-size:12px;display:flex}.activityItem .activityControls{border:0;padding:8px 0 0}.activityPopover button:not(.iconButton){color:#e0e6f0;font:inherit;cursor:pointer;background:#353e4c;border:0;border-radius:4px;margin:3px 5px 0 0;padding:7px 10px;font-size:12px}.activityPopover button:not(.iconButton):hover{color:#fff;background:#45516a}.activityPopover button:disabled{opacity:.5;cursor:default}.activityError{background:#442b30;flex:none;padding:12px 18px;color:#ffaaa9!important}.activityError button{margin-left:10px}.activityFooter{color:#c4cbd4;text-align:center;background:#242931;flex:none;padding:17px 18px;font-size:12px;line-height:1.5}.activityFooter strong{color:#8ccfa1;margin-bottom:2px;font-size:12px;display:block}.activityEmpty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:225px;padding:22px 24px;display:flex}.activityEmpty>strong{color:#d9dee5;max-width:265px;font-size:14px;line-height:1.5}.activityEmpty>p{color:#8f99a7;max-width:275px;font-size:12px}.activityEmptyArt{color:#707c8d;background:#2b323c;border:2px solid #3a424d;border-radius:50%;place-items:center;width:95px;height:95px;margin:4px 0 23px;display:grid;position:relative;transform:rotate(-12deg)}.activityEmptyArt span,.activityEmptyArt i{background:#697487;border-radius:50%;width:6px;height:6px;position:absolute;top:12px;right:-14px}.activityEmptyArt i{width:4px;height:4px;top:68px;left:-14px}.messagePinLabel{color:#77cdda;align-items:center;gap:4px;font-size:11px;display:inline-flex}.chatMessage:focus{outline-offset:2px;outline:2px solid #38bfd0}@media (width<=480px){.activityPopover>header{padding:13px 14px}.activityEmpty{min-height:195px;padding:16px}}.quickStatusMenu{z-index:1000;color:#e3e8ee;background:#181d24;border:1px solid #343d49;border-radius:9px;width:min(280px,100vw - 16px);max-height:calc(100dvh - 90px);padding:8px;position:fixed;overflow:auto;box-shadow:0 12px 35px #0009}.quickStatusMenu header{justify-content:space-between;align-items:center;padding:7px 8px 12px;font-size:13px;display:flex}.quickStatusMenu button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:5px}.quickStatusMenu button:hover{background:#303a49}.quickStatusMenu button:focus-visible{outline:2px solid #77bcfa}.quickStatusOption{text-align:left;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.quickStatusOption>span:nth-child(2){flex:1}.quickStatusOption strong{font-size:13px;display:block}.quickStatusOption small{color:#a6b0bf;margin-top:3px;font-size:11px;display:block}.quickStatusDot{background:#37ba82;border-radius:50%;flex:none;width:11px;height:11px}.quickStatusDot.idle{background:#efbd50}.quickStatusDot.busy{background:#ed5b65}.quickStatusDot.offline{background:#7b8595}.quickStatusMenu .quickStatusProfile{text-align:left;border-top:1px solid #343d49;width:100%;margin-top:7px;padding:12px;font-size:12px}.quickStatusMenu p{color:#ffadad;padding:8px;font-size:12px}.quickStatusMenu button:disabled{opacity:.5;cursor:wait}
