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}}.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}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dmSuggestion{border-color:#5ee7f014}.dmSearchDivider{background:var(--border);height:1px;margin:7px 5px}.dmSearchEmpty{padding:14px 9px}