:root{--bg:#313338;--bg-2:#2b2d31;--bg-2-alt:#232428;--bg-3:#1e1f22;--bg-4:#111214;--scrollbar-thumb:#1a1b1ee6;--scrollbar-thumb-hover:#323439f2;--scrollbar-size:8px;--border:#ffffff14;--text:#dbdee1;--muted:#949ba4;--muted-2:#b5bac1;--hover:#4f545c29;--selected:#4f545c52;--message-hover:#04040512;--accent:#5865f2;--accent-2:#4752c4;--link:#00a8fc;--danger:#ed4245;--shadow:0 12px 40px #00000059;--radius:12px;--topbar-height:64px;--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom);--safe-left:env(safe-area-inset-left);--safe-right:env(safe-area-inset-right);--topbar-safe-height:calc(var(--topbar-height) + var(--safe-top));--left-sidebar-width:332px;--members-width:240px;--font-sans:"gg sans","Noto Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji"}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb)transparent}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:0 0}html,body{width:100%;height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);margin:0}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em}.shell{height:100vh;height:100dvh;height:var(--app-height,100dvh);grid-template-columns:var(--left-sidebar-width)1fr var(--members-width);background:var(--bg);width:100%;max-width:100%;display:grid;overflow:hidden}@media (max-width:1080px){.shell{grid-template-columns:var(--left-sidebar-width)1fr}}@media (max-width:760px){.shell{grid-template-columns:1fr}}.leftSidebar{height:100vh;height:100dvh;height:var(--app-height,100dvh);padding-bottom:var(--safe-bottom);border-right:1px solid var(--border);grid-template-rows:1fr auto;grid-template-columns:72px 260px;display:grid;overflow:hidden}.sidebarBackdrop{z-index:40;background:#0000008c;border:none;margin:0;padding:0;position:fixed;inset:0}.mobileSidebarToggle{appearance:none;color:var(--muted-2);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:10px;place-items:center;width:34px;height:34px;display:none}.mobileSidebarToggle:hover{color:var(--text);background:#ffffff0f}.mobileSidebarToggleIcon{width:18px;height:18px}.membersToggle{appearance:none;color:var(--muted-2);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:none}.membersToggle:hover{color:var(--text);background:#ffffff0f}.membersToggleIcon{width:18px;height:18px}.mobileSearchToggle{appearance:none;color:var(--muted-2);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:none}.mobileSearchToggle:hover{color:var(--text);background:#ffffff0f}.mobileSearchToggleIcon{width:18px;height:18px}@media (max-width:1080px){.membersToggle{display:grid}.members{height:100vh;height:100dvh;height:var(--app-height,100dvh);width:min(var(--members-width),92vw);z-index:55;box-shadow:var(--shadow);transition:transform .18s;position:fixed;top:0;right:0;transform:translate(105%)}.membersOpen{transform:translate(0)}.memberList{padding-bottom:calc(8px + var(--safe-bottom))}}@media (max-width:760px){.mobileSidebarToggle,.mobileSearchToggle{display:grid}.leftSidebar{height:100vh;height:100dvh;height:var(--app-height,100dvh);width:min(var(--left-sidebar-width),92vw);z-index:50;box-shadow:var(--shadow);transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-105%)}.leftSidebarOpen{transform:translate(0)}.topbarRight .pillButton{display:none}.topbarRight{flex:1;justify-content:flex-end;min-width:0}.topbarSearchInput,.topbarSubtitle{display:none}}.guilds{background:var(--bg-3);border-right:1px solid var(--border);padding:calc(10px + var(--safe-top))8px 10px;overflow:auto}.guildButton{width:48px;height:48px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.02em;background:#24262b;border:1px solid #ffffff0f;border-radius:18px;place-items:center;margin:8px auto;padding:0;font-weight:700;transition:border-radius .12s,background .12s;display:grid;box-shadow:0 6px 18px #00000040}.guildButton:hover{background:#2f3138;border-radius:14px}.guildButtonActive{background:var(--accent)}.channels{background:var(--bg-2);flex-direction:column;display:flex;overflow:hidden}.channelsTop{height:var(--topbar-safe-height);padding:var(--safe-top)12px 0;border-bottom:1px solid var(--border);align-items:center;display:flex}.channelsTitleRow{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.channelsTitle{font-weight:700}.select{background:var(--bg-2-alt);width:100%;color:var(--text);border:1px solid #ffffff1a;border-radius:10px;outline:none;margin-top:10px;padding:10px}.select:focus{border-color:#5865f28c;box-shadow:0 0 0 4px #5865f22e}.channelList{flex:1;padding:10px 8px;overflow:auto}.channelItem{color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px;display:flex}.channelItem:hover{background:var(--hover)}.channelItemActive{background:var(--selected)}.hash{color:var(--muted);font-weight:700}.channelMeta{color:var(--muted);margin-left:auto;font-size:12px}.dmAvatar{flex:none}.dmText{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dmTopRow{align-items:baseline;gap:8px;min-width:0;display:flex}.dmName{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.dmSubRow{min-width:0;color:var(--muted);align-items:center;gap:8px;font-size:12px;line-height:1.2;display:flex}.dmStatus{color:var(--muted-2);flex:none}.dmStatusDate,.channelItem:hover .dmStatusLove{display:none}.channelItem:hover .dmStatusDate{display:inline}.dmPreview{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.leftFooter{border-top:1px solid var(--border);background:var(--bg-2-alt);grid-area:2/1/auto/span 2;grid-template-columns:72px 1fr;display:grid}.leftFooterGuilds{justify-content:flex-end;align-items:center;padding-right:6px;display:flex}.leftFooterChannels{min-width:0}.userPreview{width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:10px;padding:21px 12px 21px 8px;display:flex}.userPreviewLeft{align-items:center;gap:10px;min-width:0;display:flex}.userPreviewAvatar{box-shadow:none;width:36px;height:36px}.presenceBadge{z-index:3;background:#3ba55c;border-radius:999px;width:10px;height:10px;position:absolute;bottom:1px;right:1px;box-shadow:0 0 0 2px #111214e6}.userPreviewName{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:900;line-height:1.1;overflow:hidden}.userPreviewStatus{color:var(--muted-2);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;margin-top:2px;font-size:11px;display:flex;overflow:hidden}.userPreviewActions{flex:none;align-items:center;gap:6px;display:flex}.userPreviewAction{appearance:none;color:var(--muted-2);cursor:default;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.userPreviewAction:hover{color:var(--text);background:#ffffff0f}.userPreviewIcon{width:18px;height:18px}.chat{background:var(--bg);grid-template-rows:auto 1fr auto;min-width:0;display:grid;overflow:hidden}.topbar{height:var(--topbar-safe-height);padding:var(--safe-top)14px 0;border-bottom:1px solid var(--border);background:linear-gradient(#1e1f228c,#0000);align-items:center;gap:12px;display:flex;position:relative}@media (max-width:760px){.topbar{padding:var(--safe-top)calc(10px + var(--safe-right))0 calc(10px + var(--safe-left))}}.topbarLeft{align-items:center;gap:10px;min-width:0;display:flex}.topbarTitle{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.topbarSubtitle{color:var(--muted);font-size:12px}.topbarRight{align-items:center;gap:10px;margin-left:auto;display:flex}.input{background:var(--bg-2-alt);color:var(--text);border:1px solid #ffffff1a;border-radius:10px;outline:none;width:min(420px,44vw);padding:10px}.topbarMobileSearchOverlay{display:none}@media (max-width:760px){input[type=search]::-webkit-search-cancel-button{appearance:none}input[type=search]::-webkit-search-decoration{appearance:none}input[type=search]::-webkit-search-results-button{appearance:none}input[type=search]::-webkit-search-results-decoration{appearance:none}.topbarMobileSearchOverlay{z-index:60;padding:var(--safe-top)calc(10px + var(--safe-right))0 calc(10px + var(--safe-left));background:var(--bg-3);border-bottom:1px solid var(--border);align-items:center;display:flex;position:absolute;inset:0}}.topbarMobileSearchWrap{flex:1;min-width:0;position:relative}.topbarMobileSearchInput{flex:1;width:100%;min-width:0;padding-right:44px}.topbarMobileSearchDismiss{appearance:none;color:var(--muted-2);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:10px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.topbarMobileSearchDismiss:hover{color:var(--text);background:#ffffff0f}.topbarMobileSearchDismissIcon{width:18px;height:18px}@media (max-width:760px){.topbarRight .input{flex:1;width:auto;min-width:0}}.input:focus{border-color:#5865f28c;box-shadow:0 0 0 4px #5865f22e}.pill{color:var(--muted);background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:6px 10px;font-size:12px}.pillButton{cursor:pointer;-webkit-user-select:none;user-select:none}.pillButton:hover{background:#ffffff17}.easterEggButton{appearance:none;color:#dbdee1e6;cursor:pointer;opacity:.14;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;place-items:center;width:34px;height:34px;padding:0;transition:opacity .16s,transform .16s,background .16s,border-color .16s;display:grid;transform:scale(.96)}.easterEggButton:hover{opacity:1;background:#5865f229;border-color:#5865f259;transform:scale(1)}.easterEggButton:focus-visible{opacity:1;outline:none;box-shadow:0 0 0 4px #5865f22e}.easterEggIcon{width:18px;height:18px}.messageScroll{-webkit-overflow-scrolling:touch;padding:14px 0 22px;overflow:hidden auto}.composer{padding:0 10px calc(10px + var(--safe-bottom));background:0 0}@media (max-width:760px){.composer{padding:10px calc(10px + var(--safe-right))calc(10px + var(--safe-bottom))calc(10px + var(--safe-left));-webkit-backdrop-filter:blur(14px);background:#313338eb;border-top:1px solid #ffffff0f}}.composerInner{background:var(--bg-2-alt);border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:12px;padding:14px 12px;display:flex}@media (max-width:760px){.composerInner{background:0 0;border:none;border-radius:0;gap:10px;padding:0}}.composerButton{appearance:none;color:var(--muted-2);cursor:default;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.composerButton:hover{background:var(--hover);color:var(--text)}.composerEmojiButton,.composerMicButton{display:none}.composerPlus{background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px}.composerPlus:hover{background:#ffffff14}.composerInputWrap{flex:1;min-width:0}.composerInput{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:14px;line-height:1.25}@media (max-width:760px){.composerInput,.input{font-size:16px}}.composerInput::placeholder{color:#949ba4d9}.composerActions{align-items:center;gap:4px;display:flex}.composerIcon{width:18px;height:18px}.composerActionText{letter-spacing:.02em;font-size:12px;font-weight:800}@media (max-width:760px){.composerButton{background:#00000038;border:1px solid #ffffff0a;border-radius:999px;width:42px;height:42px}.composerPlus{background:#00000038}.composerInputWrap{background:#00000042;border:1px solid #ffffff0d;border-radius:999px;order:3;align-items:center;gap:8px;height:42px;padding:0 10px 0 12px;display:flex}.composerInput{font-size:16px;line-height:1}.composerEmojiButton{background:0 0;border:none;flex:none;width:34px;height:34px;display:grid}.composerEmojiButton:hover{background:#ffffff0f}.composerMicButton{flex:none;order:4;display:grid}.composerActions{order:2;gap:8px}.composerActionAa,.composerActionGif,.composerActionEmoji{display:none}}.dayDivider{color:var(--muted);align-items:center;gap:12px;padding:18px 16px;font-size:12px;font-weight:700;display:flex}.dayDivider:before,.dayDivider:after{content:"";background:#ffffff14;flex:1;height:1px}.group{grid-template-columns:72px 1fr;padding:2px 0;display:grid}.avatarCol{z-index:2;padding-top:6px;padding-left:16px;position:relative}.avatar{letter-spacing:.02em;color:#ffffffeb;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:40px;height:40px;font-weight:900;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 24px #0000004d}.avatarSmall{width:32px;height:32px;box-shadow:none;border:1px solid #ffffff1a;font-size:12px}.avatarImg{object-fit:cover;z-index:2;width:100%;height:100%;position:absolute;inset:0}.avatarFallback{z-index:1;position:relative}.msgCol{z-index:1;min-width:0;padding:6px 18px 8px 0;position:relative}.msgHeader{align-items:baseline;gap:10px;min-width:0;display:flex}.username{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.dwayneHoverSwapAlt,.dwayneHoverSwap:hover .dwayneHoverSwapPrimary{display:none}.dwayneHoverSwap:hover .dwayneHoverSwapAlt{display:inline}.tag{color:var(--muted);font-size:12px}.timestamp{color:var(--muted-2);font-size:12px}.msgLine{padding:1px 0;position:relative}.msgLine:before{content:"";background:var(--message-hover);opacity:0;pointer-events:none;transition:opacity .12s;position:absolute;inset:0 -18px 0 -72px}.msgLine:hover:before{opacity:1}.msgCol>.msgLine:first-of-type{padding-top:0}.miniTime{color:#949ba4a6;text-align:right;-webkit-user-select:none;user-select:none;opacity:0;width:48px;font-size:11px;transition:opacity .12s;position:absolute;top:4px;left:-56px}.msgLine:hover .miniTime{opacity:1}.msgLineContent{min-width:0}.msgBody{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;line-height:1.35}.mentions{flex-wrap:wrap;gap:6px;margin-top:6px;display:inline-flex}.mentionPill{color:#dbdee1f2;background:#5865f22e;border:1px solid #5865f259;border-radius:999px;padding:2px 8px;font-size:12px}.attachment{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;margin-top:8px;padding:10px 12px;display:inline-block}.attachmentMedia{max-width:min(520px,78%);box-shadow:var(--shadow);border:1px solid #ffffff1a;border-radius:12px;margin-top:8px;overflow:hidden}.attachmentMedia img,.attachmentMedia video{width:100%;height:auto;display:block}.attachmentMedia audio{width:100%}.members{background:var(--bg-2);border-left:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.membersTop{height:var(--topbar-safe-height);padding:var(--safe-top)12px 0;border-bottom:1px solid var(--border);align-items:center;font-weight:800;display:flex}.memberList{padding:8px;overflow:auto}.memberRow{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;display:flex}.memberRow:hover{background:var(--hover)}.memberRowActive{background:var(--selected)}.memberName{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:800;overflow:hidden}.memberCount{color:var(--muted);margin-left:auto;font-size:12px}.emptyState{text-align:center;place-items:center;height:100vh;padding:24px;display:grid}.emptyState h1{margin:0 0 12px;font-weight:900}.emptyState p{color:var(--muted);max-width:640px;margin:0;line-height:1.5}.loaderScreen{place-items:center;gap:14px;height:100vh;display:grid}.spinner{border:4px solid #ffffff1f;border-top-color:var(--accent);border-radius:999px;width:44px;height:44px;animation:.9s linear infinite spin;box-shadow:0 10px 26px #00000040}.loaderText{color:var(--muted);letter-spacing:.01em;font-weight:800}@keyframes spin{to{transform:rotate(360deg)}}