:root{--header-height:48px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#313338;--panel:#2b2d31;--rail:#1e1f22;--input:#383a40;--ink:#f2f3f5;--muted:#b5bac1;--line:#3f4147;--accent:#5865f2;--soft:#3f4147;--link:#00a8fc;font-family:Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.4}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf8fd;--panel:#f1edf7;--rail:#e8e2f0;--input:white;--ink:#231d2a;--muted:#645b70;--line:#d5cddd;--accent:#7540de;--soft:#e5d8fb;--link:#6030b6}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}button,input{font:inherit}button{background:var(--input);color:var(--ink);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:6px 10px;font-weight:500;display:inline-flex}button:hover{background:var(--soft)}button:disabled{opacity:.6;cursor:default}:focus-visible{outline:3px solid var(--link);outline-offset:3px}input{border:1px solid var(--line);background:var(--input);width:100%;min-width:0;color:var(--ink);border-radius:9px;padding:8px 10px}label{gap:9px;font-size:13px;font-weight:550;display:grid}form{gap:14px;display:grid}h1,h2,p{margin:0}p{color:var(--muted);line-height:1.55}small,.eyebrow,.edition,footer,.bar{letter-spacing:.035em;font-size:11px;font-weight:600}.eyebrow,.controls,.wordmark,header,.edition,footer,.actions,.user,.bar,.composer,article{align-items:center;gap:10px;display:flex}.controls{margin-left:auto}.controls button{color:var(--muted);background:0 0}.primary{background:var(--accent);color:#fff}.primary:hover{background:#7041d7}button.primary{min-height:32px}.entry{max-width:1040px;margin:auto;padding:0 5vw}.entry>header{border-bottom:1px solid var(--line);height:54px}.wordmark{letter-spacing:-.07em;font-size:22px;font-weight:800}.mark{object-fit:contain;width:34px;height:34px}.auth{grid-template-columns:1.1fr 1fr;align-items:center;gap:6vw;min-height:70vh;margin:4vh auto;display:grid}.poster{color:#211230;background:#ba9bf5;border-radius:22px;flex-direction:column;padding:32px 38px 22px;display:flex;position:relative;overflow:hidden}.art{isolation:isolate;place-items:center;height:clamp(150px,22vh,210px);display:grid;position:relative}.art img{object-fit:contain;filter:drop-shadow(0 9px #603d922b);max-width:52%;height:83%;transform:rotate(-7deg)}.ring{z-index:-1;border:1.5px solid #8061a9;border-radius:50%;width:87%;height:56%;position:absolute;transform:rotate(-18deg)}.ring.r2{border-style:dashed;width:67%;height:82%;transform:rotate(22deg)}.sticker,.star{position:absolute}.sticker{border:2px solid #28173a;border-radius:15px;width:52px;height:52px;padding:11px;box-shadow:3px 4px #28173a}.one{background:#d1ef95;top:25%;left:7%;transform:rotate(-13deg)}.two{background:#f9d99d;bottom:15%;right:6%;transform:rotate(12deg)}.star{top:8%;right:16%}.dot{background:#2c1840;border-radius:50%;width:8px;height:8px}.poster h1{letter-spacing:-.065em;font-size:clamp(22px,2.5vw,32px);line-height:1.02}.posterCopy p{color:#432f59;max-width:39ch;margin-top:18px}.edition{border-top:1px solid #9477b7;justify-content:space-between;margin-top:30px;padding-top:14px;font-size:9px}.edition span{font-size:19px}.account{justify-self:center;width:100%;max-width:370px}.account h2,.center h1{letter-spacing:-.055em;margin:16px 0 9px;font-size:22px;line-height:1.1}.account .eyebrow{color:var(--link)}.account form{margin:28px 0 24px}.account .primary{justify-content:space-between}.switch{font-size:14px}.switch button{color:var(--link);background:0 0;padding:4px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:20px 0}.shell{grid-template-columns:56px 205px minmax(0,1fr);height:100dvh;display:grid}.rail,aside{background:var(--panel);min-height:0}.rail{background:var(--rail);flex-direction:column;align-items:center;gap:7px;padding:8px 5px;display:flex;overflow:auto}.rail button{border-radius:11px;width:36px;min-height:36px;padding:6px}.rail hr{border:0;border-top:1px solid var(--line);width:30px}.rail .chosen,.selected{background:var(--soft);color:var(--link)}aside{border-right:1px solid var(--line);flex-direction:column;display:flex;overflow:auto}aside header,.bar,.chat header{height:var(--header-height);border-bottom:1px solid var(--line);flex-shrink:0;padding:0 14px}.sideBody{padding:14px 8px}.sideBody small,dialog small{color:var(--muted);text-transform:uppercase}.sideBody h2{overflow-wrap:anywhere;margin:5px 0 21px}.sideBody button{overflow-wrap:anywhere;background:0 0;justify-content:flex-start;width:100%}.sideBody button:hover,.sideBody .selected{background:var(--soft)}.user{border-top:1px solid var(--line);margin-top:auto;padding:8px}.user small{color:var(--muted);letter-spacing:0;display:block}.user b{overflow-wrap:anywhere}.user button{margin-left:auto}.avatar{background:var(--soft);color:var(--link);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.workspace,.chat{flex-direction:column;min-height:0;display:flex}.chat{flex:1}.bar{color:var(--muted);text-transform:uppercase}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:25px;display:flex}.center p{max-width:46ch;margin-bottom:20px}.actions{flex-wrap:wrap}.connection{color:var(--muted);letter-spacing:0;margin-left:auto}.history{flex:1;padding:12px 16px;overflow:auto}.channelIntro{border-bottom:1px solid var(--line);margin-bottom:12px;padding:10px 0}article{align-items:flex-start;padding:5px 0}article>div{min-width:0}article p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}time{color:var(--muted);font-size:11px}.composer input{border:none}dialog{border:1px solid var(--line);background:var(--panel);width:min(400px,90vw);color:var(--ink);border-radius:10px;padding:24px}dialog::backdrop{background:#100a19aa}[role=alert]{color:var(--link);font-size:14px}.menu{display:none}@media (width<=760px){.auth{grid-template-columns:1fr;gap:25px;margin:22px 0 32px}.poster{justify-content:center;min-height:150px;padding:22px}.art{width:35%;height:115px;position:absolute;right:12px}.art img{max-width:80%}.posterCopy{max-width:68%}.poster h1{margin-top:15px;font-size:28px}.posterCopy p,.edition,.sticker,.star{display:none}.account{padding:10px}.entry>header{height:62px}.shell{grid-template-columns:54px minmax(0,1fr)}.rail{padding:10px 4px}.rail button{width:39px}.shell aside{display:none}.shell aside.shown{left:54px;top:var(--header-height);z-index:2;width:min(250px,100vw - 54px);display:flex;position:absolute;bottom:0;box-shadow:8px 8px 24px #120d1c44}.menu{padding:4px;display:flex}.bar,.chat header{padding:0 10px}.controls{gap:2px}.controls button{padding:6px}.center .actions{justify-content:center}.connection{font-size:10px}}.user button.identity{text-align:left;background:0 0;min-width:0;margin-left:0;padding:0}.author{color:var(--ink);background:0 0;padding:0;display:inline}.author:hover{color:var(--link);text-decoration:underline}.profile-heading{overflow-wrap:anywhere;align-items:center;gap:12px;margin:20px 0;display:flex}.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:20px}textarea{font:inherit;color:var(--ink);background:var(--input);border:1px solid var(--line);resize:vertical;border-radius:9px;padding:12px}.directoryTools{border-bottom:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;padding:6px 14px;display:flex}.directoryTools button{background:0 0;padding:7px 9px;font-size:13px}.channelLayout{flex:1;min-height:0;display:flex;position:relative}.channelLayout>.chat{min-width:0}.memberList{background:var(--panel);border-left:1px solid var(--line);flex:0 0 clamp(175px,16vw,220px);padding:12px;overflow:auto}.memberList h3{align-items:center;gap:8px;margin:0 0 14px;display:flex}.memberList h3 small{background:var(--soft);border-radius:6px;padding:3px 7px}.memberList>section>small,.settingsBody>small,.profileEditor>div>small,.settingsNav>small{color:var(--muted);text-transform:uppercase}.memberRow{text-align:left;overflow-wrap:anywhere;background:0 0;justify-content:flex-start;width:100%;padding:4px 3px;display:flex}.memberRow>span:nth-child(2){min-width:0}.memberRow small{color:var(--muted);letter-spacing:0;font-weight:400;display:block}.memberRow svg{color:var(--link);flex:none}.memberSearch{border:1px solid var(--line);background:var(--input);border-radius:8px;align-items:center;gap:4px;padding-left:8px;display:flex}.memberSearch input{border:none;padding:8px 3px}.settingsWindow{background:var(--bg);width:min(930px,95vw);max-width:96vw;height:min(610px,91dvh);padding:0}.settingsGrid{grid-template-columns:185px minmax(0,1fr);height:100%;display:grid}.settingsNav{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;align-items:stretch;gap:5px;padding:18px 10px;display:flex;overflow:auto}.settingsNav h2{letter-spacing:-.035em;margin:4px 0 24px;font-size:15px}.settingsNav button{text-align:left;overflow-wrap:anywhere;background:0 0;justify-content:flex-start}.settingsNav .selected,.settingsNav button:hover{background:var(--soft);color:var(--link)}.settingsContent{min-width:0;overflow:auto}.settingsContent>header{background:var(--bg);z-index:1;border-bottom:1px solid var(--line);justify-content:space-between;padding:6px 16px;display:flex;position:sticky;top:0}.settingsContent>header button{padding:7px}.settingsBody{overflow-wrap:anywhere;padding:clamp(16px,2.2vw,28px)}.settingsBody>h2{letter-spacing:-.045em;margin:6px 0 18px;font-size:20px}.profileEditor{grid-template-columns:1fr .95fr;align-items:start;gap:18px;display:grid}.profileEditor form{min-width:0}.profileEditor .charCount{color:var(--muted);text-align:right;margin-top:-12px;font-size:12px}.profileCard{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin-top:10px;overflow:hidden}.cardBand{background:var(--soft);border-bottom:2px solid var(--accent);height:44px}.cardDetails{padding:0 20px 20px}.largeAvatar{border:4px solid var(--panel);background:var(--accent);color:#fff;border-radius:20px;width:60px;height:60px;margin-top:-27px;margin-bottom:12px;font-size:26px}.cardBio{border-top:1px solid var(--line);white-space:pre-wrap;margin-top:20px;padding-top:14px}.cardBio p{color:var(--ink)}.publicProfile{padding:0}.publicProfile .settingsBody{padding:16px}.publicProfile .profileCard{margin:0}.settingBlock,.assignments{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:20px}.settingBlock h3,.assignments h3{margin:0 0 10px}.settingBlock button{margin-top:16px}.settingBlock dl{grid-template-columns:1fr 1fr;gap:16px;margin:0;display:grid}.settingBlock dd{text-align:right;margin:0}.assignments{margin-top:22px}.checkRow{align-items:center;gap:10px;padding:8px 0;display:flex}.checkRow input{width:18px;height:18px;accent-color:var(--accent)}.checkRow span{color:var(--muted);font-size:12px}@media (width<=950px){.memberList{z-index:1;width:min(265px,100%);position:absolute;top:0;bottom:0;right:0}.profileEditor{grid-template-columns:1fr}}@media (width<=650px){.settingsGrid{grid-template-rows:auto 1fr;grid-template-columns:1fr}.settingsNav{flex-flow:wrap;max-height:25dvh;padding:10px}.settingsNav>small,.settingsNav>h2{display:none}.settingsNav button{padding:7px;font-size:12px}.settingsBody{padding:16px}}.passwordForm{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.passwordForm button{justify-self:start;margin:0}.spaceTitle,.pageTitle{letter-spacing:0;color:var(--ink);text-transform:none;font-size:14px;font-weight:600}.spaceTitle{line-height:var(--header-height);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pageTitle{align-items:center;gap:7px;min-width:0;margin-right:auto;display:flex}.pageTitle b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pageTitle svg,.sideBody button svg{color:var(--muted);flex:none}.bar.directoryTools{justify-content:flex-start;gap:3px;padding:0 12px}.bar .controls{border-left:1px solid var(--line);gap:1px;margin-left:5px;padding-left:6px}.bar:not(.directoryTools) .controls{margin-left:auto}.bar button{color:var(--muted);padding:6px}.bar button:hover,.bar button[aria-expanded=true]{background:var(--soft);color:var(--ink)}.sideBody>small{margin:0 7px 5px;font-size:11px;display:block}.sideBody button{min-height:30px;color:var(--muted);border-radius:5px;gap:7px;padding:4px 7px;font-size:13px}.sideBody button.selected{color:var(--ink)}.rail svg{width:18px;height:18px}.rail .chosen{position:relative}.rail .chosen:before{content:"";background:var(--link);border-radius:2px;width:3px;height:18px;position:absolute;left:-8px}.homeDirectory{text-align:left;justify-content:flex-start;align-items:stretch;padding:18px 24px;overflow:auto}.homeDirectory h1{letter-spacing:-.02em;align-items:center;gap:8px;margin:0 0 15px;font-size:19px;display:flex}.homeDirectory h1 small{color:var(--muted)}.spaceRows{max-width:700px;margin-bottom:16px}.spaceRows button{text-align:left;border-top:1px solid var(--line);background:0 0;border-radius:0;justify-content:flex-start;width:100%;padding:8px 2px;display:flex}.spaceRows button:hover{background:var(--panel)}.spaceRows small{letter-spacing:0;color:var(--muted);font-weight:400;display:block}.spaceRows svg{margin-left:auto}.channelIntro svg{width:19px;height:19px}.channelIntro h2{font-size:17px}.channelIntro p{font-size:13px}.history article{gap:9px;font-size:14px}.author{font-weight:600}.composer{gap:4px}.composer .connection{background:var(--muted);border-radius:50%;flex:none;width:7px;height:7px;margin:0 0 0 8px;font-size:0}.composer input,textarea,input{font-weight:400}.memberList h3,.memberRow{font-size:13px}@media (width<=760px){.bar.directoryTools{padding:0 6px}.directoryTools .controls{gap:0}.homeDirectory .actions{justify-content:flex-start}}.spaceTitle,.sectionLabel{justify-content:space-between;align-items:center;gap:6px;display:flex}.spaceTitle strong{text-overflow:ellipsis;font-weight:600;overflow:hidden}.sectionLabel{min-height:24px;margin-bottom:4px;padding-left:7px}.spaceTitle .miniAction,.sectionLabel .miniAction{width:24px;height:24px;min-height:24px;color:var(--muted);background:0 0;flex:none;justify-content:center;padding:4px}.miniAction:hover{color:var(--ink);background:var(--soft)}.roleTabs{border-bottom:1px solid var(--line);gap:6px;margin-bottom:16px;display:flex}.roleTabs button{background:0 0;border-bottom:2px solid #0000;border-radius:0}.roleTabs button[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--link)}.settingsBody fieldset{border:0;gap:10px;margin:0;padding:0;display:grid}.settingsBody [hidden]{display:none}.settingsBody input[type=color]{cursor:pointer;width:56px;height:30px;padding:2px}.memberMenu{--menu-width:min(236px, calc(50vw - 5px));width:var(--menu-width);max-height:min(315px,80dvh);margin:0;padding:7px;position:fixed;inset:auto;box-shadow:0 5px 24px #0005}.memberMenu::backdrop{background:0 0}.memberMenu>button,.roleChoices label{text-align:left;overflow-wrap:anywhere;background:0 0;border-radius:5px;justify-content:flex-start;align-items:center;width:100%;padding:7px 9px;display:flex}.memberMenu>button:hover,.roleChoices label:hover{background:var(--soft)}.memberMenu>small{padding:5px 9px;display:block}.memberMenu button span,.roleChoices input{margin-left:auto}.roleChoices{width:var(--menu-width);background:var(--panel);border:1px solid var(--line);border-radius:8px;max-height:min(360px,100dvh - 8px);padding:5px;position:fixed;overflow:auto;box-shadow:0 5px 24px #0005}.memberRow small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roleChoices label{cursor:pointer;gap:7px}.roleChoices input{width:auto;accent-color:var(--accent)}.roleChoices svg,.settingsNav svg{flex:none}.delegatedChannel{align-self:flex-end}.memberMenu .dangerAction{color:var(--link)}.permissionCatalog{color:var(--muted);margin-top:22px}.permissionCatalog summary{cursor:pointer}.permissionCatalog section{margin:10px 0}.roleSwatches{flex-wrap:wrap;gap:3px;display:flex}.roleSwatches button{border:1px solid #0000;padding:5px}.roleSwatches button[aria-pressed=true]{border-color:var(--ink)}.roleSwatches svg{width:18px;height:18px}.roleSample{background:var(--panel);border-radius:8px;align-items:center;gap:9px;padding:12px;display:flex}.serverContext,.serverFlyout{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:9px;margin:0;padding:6px;position:fixed;inset:auto;box-shadow:0 6px 24px #0005}.serverContext{max-height:calc(100dvh - 8px);overflow:auto}.serverContext::backdrop{background:0 0}.serverContext>button,.serverFlyout>button{text-align:left;background:0 0;border-radius:5px;justify-content:space-between;width:100%;padding:6px 8px;font-size:13px;display:flex}.serverContext>button:hover,.serverFlyout>button:hover,.serverContext [aria-expanded=true]{background:var(--soft)}.serverContext>small{margin:4px 8px;display:block}.serverContext hr{border:0;border-top:1px solid var(--line);margin:4px}.serverFlyout{max-height:min(420px,100dvh - 8px);overflow:auto}.serverProfile{grid-template-columns:minmax(0,1.4fr) minmax(155px,1fr);align-items:start;gap:18px;display:grid}.palette{flex-wrap:wrap;gap:5px;display:flex}.palette button{width:24px;height:24px}.serverIcon,.railIcon{object-fit:cover;border-radius:8px;width:36px;height:36px}.serverAsset,.chatAsset{object-fit:contain;max-width:130px;max-height:130px;display:block}.chatAsset.emoji{max-height:30px}.settingsRow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.settingsRow select{max-width:58%}.settingsBody audio,.chat audio{max-width:100%}.rail button{position:relative}.railFolder{text-overflow:ellipsis;max-width:100%;overflow:hidden}.unreadBadge{background:var(--accent);color:#fff;border-radius:8px;padding:0 4px;font-size:10px;position:absolute;bottom:-2px;right:-2px}.railIcon{width:100%;height:100%}.serverProfile .cardBand{height:80px}@media (width<=650px){.serverProfile{grid-template-columns:1fr}}.spaceTitle .serverTitleMenu{text-overflow:ellipsis;white-space:nowrap;text-align:left;background:0 0;min-width:0;padding:2px;font-weight:600;display:block;overflow:hidden}.serverContext button small{letter-spacing:0;color:var(--muted);font-weight:400;display:block}.traitPills{flex-wrap:wrap;gap:4px;margin-top:12px;display:flex}.traitPills span{background:var(--soft);border-radius:12px;padding:2px 8px;font-size:12px}.contextCheck{cursor:pointer;align-items:center;padding:7px 8px;font-weight:500;display:flex}.contextCheck:hover{background:var(--soft)}.contextCheck input{width:15px;height:15px;accent-color:var(--accent);flex:none;margin-left:auto}.emojiInput{flex:1;align-items:center;min-width:0;display:flex;position:relative}.emojiInput>input{flex:1;min-width:0}.emojiInput>button{background:0 0;padding:7px}.emojiPopup{z-index:3;border:1px solid var(--line);background:var(--panel);border-radius:9px;width:min(330px,100%);padding:8px;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 6px 24px #0005}.emojiPopup.suggest{left:0;right:auto}.emojiResults{grid-template-columns:repeat(auto-fill,minmax(33px,1fr));gap:2px;max-height:min(240px,36dvh);display:grid;overflow:auto}.emojiPopup.suggest .emojiResults{flex-direction:column;display:flex}.emojiPopup.suggest button{justify-content:flex-start}.emojiResults button{background:0 0;min-width:0;padding:4px}.emojiResults button.selected,.emojiResults button:hover{background:var(--soft)}.emojiResults button span{font:20px Segoe UI Emoji,sans-serif}.emojiResults button small{text-overflow:ellipsis;overflow:hidden}.emojiPopup>select{width:100%;margin:5px 0}.emojiResults img,.inlineEmoji{object-fit:contain;vertical-align:middle;width:21px;height:21px}.settingsNav button[draggable=true]{cursor:grab}.settingsNav button[data-drop=true]{box-shadow:inset 0 2px var(--link);background:var(--soft)}.grip{color:var(--muted);font-size:13px}.settingsBody .traitEditor{flex-wrap:wrap;gap:5px;display:flex}.traitEditor legend{color:var(--muted);margin-bottom:5px;font-size:12px}.traitEditor input{width:12ch;padding:5px 8px}.avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.memberPopover{background:var(--panel);width:min(286px,100vw - 12px);max-height:calc(100dvh - 12px);margin:0;padding:0;position:fixed;inset:auto;overflow:auto;box-shadow:0 8px 28px #0005}.memberPopover::backdrop{background:0 0}.memberBanner{text-align:right;height:74px;padding:7px}.memberBanner button{color:#fff;background:#17131eaa;border-radius:50%;padding:5px}.memberDetails{padding:0 13px 13px}.memberDetails .largeAvatar{border-radius:50%;width:68px;height:68px;margin-top:-32px;margin-bottom:6px;font-size:24px}.memberDetails h2,.cardDetails h2{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:18px;line-height:1.25}.memberDetails .handle{margin:2px 0 9px;font-size:12px}.memberDetails>small{text-transform:none;letter-spacing:0;font-size:12px;font-weight:400}.memberBio,.memberStatus{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);margin:7px 0;font-size:13px;line-height:1.4}.memberRoles{flex-wrap:wrap;gap:4px;margin:10px 0;display:flex}.memberRoles span{border:1px solid var(--line);border-radius:5px;padding:2px 5px;font-size:11px}.memberRoles i{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.quickMessage{background:var(--input);border:1px solid var(--line);border-radius:7px;gap:2px;margin-top:10px;padding:2px;display:flex}.quickMessage input{border:0;font-size:12px}.privateNotes{max-height:100px;overflow:auto}.privateNotes p{overflow-wrap:anywhere;font-size:12px}.cardDetails .largeAvatar{border-radius:50%}.memberList>section>small{text-transform:none;letter-spacing:.015em;font-size:11px}.memberRow .avatar{width:27px;height:27px}.memberRow{min-height:32px;padding:3px 2px}.memberList{padding:10px}.statusPill{border:1px solid var(--line);background:var(--input);border-radius:9px;margin:6px 0;padding:3px 7px;font-size:12px;display:inline-block}.memberPopover .avatar{overflow:hidden}.memberPopover .handle,.memberBio{line-height:1.4}.profileCard .cardBand{height:62px}.mentionPopup{background:var(--panel,#27232f);z-index:40;border:1px solid #ffffff18;border-radius:8px;padding:10px;font-size:13px;position:absolute;bottom:calc(100% + 12px);left:0;right:0;box-shadow:0 8px 25px #0005}.mentionPopup>div{max-height:260px;overflow:auto}.mentionPopup button{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:10px;display:flex}.mentionPopup button.selected,.mentionPopup button:hover{background:#ffffff12}.mentionPopup small{opacity:.7}.mentionTag{color:#c8bcff;font:inherit;cursor:pointer;background:#8b6bec33;border:0;border-radius:3px;padding:0 3px}.mentionedMessage{background:#d99b1914;border-left:2px solid #e7b153}.mentionBody p{display:inline}.mentionBody{white-space:pre-wrap}.mentionChoice{align-items:center;gap:10px;display:flex}.mentionChoice .avatar{width:28px;height:28px;font-size:12px}.roleMentionIcon{text-align:center;width:28px;font-size:18px}.roleMentionPopup{background:var(--panel,#27232f);z-index:100;white-space:normal;border:1px solid #ffffff18;border-radius:8px;flex-direction:column;gap:10px;width:280px;max-height:290px;padding:14px;display:flex;position:fixed;overflow:auto;box-shadow:0 8px 25px #0005}.roleMentionPopup button{text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:7px;display:flex}.roleMentionPopup button:hover{background:#ffffff12}.roleMentionPopup small{opacity:.65;display:block}.composer .mentionPopup button{color:var(--ink);border-radius:4px;gap:16px;min-height:40px;padding:8px 10px;font-size:14px;font-weight:400}.mentionPopup{border-radius:6px;max-width:100%;padding:8px}.mentionPopup>small{color:var(--muted);opacity:1;padding:4px 2px 10px;font-size:12px;font-weight:600;display:block}.mentionPopup>div{max-height:min(360px,50vh)}.mentionChoice{flex-shrink:0;gap:8px;min-width:0;max-width:55%}.mentionChoice strong{text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.mentionChoice .avatar{flex-shrink:0;width:24px;height:24px}.mentionPopup button>small{color:var(--muted);opacity:1;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:400;overflow:hidden}.composer .mentionPopup button.mentionDivider{border-top:1px solid var(--line);border-radius:0;min-height:46px;margin-top:8px;padding-top:14px}.roleMentionPopup{gap:10px;width:260px;max-width:calc(100vw - 16px);padding:16px}.roleMentionPopup>strong{color:var(--muted);font-size:13px;font-weight:500}.roleMentionPopup button{padding:4px 0;font-size:14px;font-weight:500}.roleMentionPopup .avatar{flex-shrink:0;width:32px;height:32px}.roleMentionPopup button{justify-content:flex-start;width:100%}.editOwnProfile{background:var(--accent);color:#fff;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:9px;display:flex}.badgeStrip{box-sizing:border-box;border:1px solid var(--line);background:var(--input);border-radius:5px;align-items:center;gap:2px;width:fit-content;height:20px;margin:5px 0;padding:0 2px;display:flex}.badgeStrip button{width:16px;height:16px;min-height:0;color:var(--link);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.badgeItem{display:flex;position:relative}.badgeTooltip{background:var(--panel);border:1px solid var(--line);text-align:center;z-index:10;pointer-events:none;border-radius:8px;flex-direction:column;align-items:center;gap:8px;width:210px;padding:16px;font-size:12px;display:none;position:absolute;bottom:calc(100% + 10px);left:-8px;box-shadow:0 5px 20px #0006}.badgeTooltip svg{color:#5865f2}.badgeItem:hover .badgeTooltip,.badgeItem:focus-within .badgeTooltip{display:flex}.badgeDialog{width:min(740px,92vw);max-height:85vh;padding:0;overflow:auto}.badgeDialog[open]{grid-template-columns:240px 1fr;display:grid}.badgeDialog aside{background:#ffffff04;padding:26px 20px}.badgeDialog h2{font-size:20px}.badgeDialog p{color:var(--muted);font-size:14px}.badgeDialog nav{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.badgeDialog nav button{color:var(--link);background:var(--input);border:1px solid #0000;padding:12px}.badgeDialog nav button[aria-pressed=true]{border-color:var(--accent)}.badgeDialog section{text-align:center;padding:48px 28px}.badgeHero{color:#5865f2;margin:12px auto 24px}.badgeExplanation{background:var(--input);text-align:left;border-radius:10px;margin-top:24px;padding:20px;font-size:14px;line-height:1.6}.badgeClose{background:0 0;padding:6px;position:absolute;top:8px;right:8px}.badgeDialog::backdrop{background:#0008}@media (width<=600px){.badgeDialog[open]{grid-template-columns:1fr}.badgeDialog section{padding:20px}}.badgeStrip .staffBadge,.badgeDialog nav button{color:#5865f2}.badgeStrip .staffBadge:hover{background:#5865f219;border-radius:4px}.profileIdentityTop{align-items:flex-end;gap:12px;min-width:0;margin-bottom:8px;display:flex}.profileIdentityTop .largeAvatar{flex-shrink:0}.profileIdentityTop .profileStatusBubble{border:1px solid var(--line);background:var(--input);overflow-wrap:anywhere;min-width:0;max-height:94px;color:var(--ink);border-radius:16px;margin:0 0 8px;padding:7px 10px;font-size:12px;line-height:1.35;position:relative;overflow:auto}.profileIdentityTop .profileStatusBubble:before{content:"";background:var(--input);border:1px solid var(--line);border-radius:50%;width:7px;height:7px;position:absolute;top:-6px;left:10px}.identityDot{color:var(--muted)}.cardDetails .handle{overflow-wrap:anywhere;margin:2px 0 9px;font-size:12px}:root{--surface-alt:#232428;--surface-deep:#111214;--secondary-button:#4e5058;--secondary-hover:#6d6f78;--message-hover:#2e3035;--text-dim:#949ba4;--online:#23a55a;--idle:#f0b232;--dnd:#f23f43;--offline:#80848e}@media (width>=761px){.shell{grid-template-columns:72px 240px minmax(0,1fr)}}.rail{gap:8px;padding:12px 8px}.rail button{background:var(--bg);border-radius:16px;width:48px;min-height:48px}.rail .chosen{background:var(--accent);color:#fff}.railIcon{object-fit:cover;width:100%;height:100%}.bar{background:var(--bg)}.sideBody button{min-height:32px;color:var(--muted);border-radius:4px;font-size:14px}.sideBody button.selected{color:var(--ink);background:var(--soft)}.sideBody button:hover{background:var(--soft);color:var(--ink)}.user{background:var(--surface-alt)}.chat{background:var(--bg)}.history{padding:16px 0}.history article{gap:16px;padding:4px 16px;font-size:15px}.history article:hover{background:var(--message-hover)}.history article.mentionedMessage:hover{background:#d99b1924}.history article>.avatar{flex-shrink:0;width:40px;height:40px}.history article time{color:var(--text-dim);font-size:11px}.channelIntro{padding:0 16px}.history article p{line-height:1.45}.composer{background:var(--input);border:0;border-radius:8px;margin:8px 16px 20px;padding:6px 10px}.composer input{background:0 0;font-size:15px}.composer .connection.live{background:var(--online)}.memberList{border-left:0;flex:0 0 240px;padding:12px 8px}.memberList>section{margin-top:10px}.memberList>section>small{color:var(--muted);padding:8px 8px 4px;font-size:12px;display:block}.memberRow{border-radius:4px;gap:10px;min-height:44px;padding:5px 8px;font-size:14px}.memberRow .avatar{flex-shrink:0;width:32px;height:32px}.memberRow b{font-weight:500}.memberRow small{font-size:12px;line-height:16px}.memberRow:hover{background:var(--soft)}.memberRow svg{color:#f0b232}.memberRow>span:nth-child(2){overflow:hidden}.memberRow b,.memberRow small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}:root:not([data-theme=light]) button.primary{color:#fff;background:#5865f2}@media (width<=760px){.rail button{width:36px;min-height:36px}.memberList{flex-basis:210px}}.channelRow{border-radius:4px;align-items:center;min-width:0;margin:1px 0;display:flex;position:relative}.sideBody .channelRow>.channelSelect{flex:1;gap:8px;min-width:0;padding-right:4px}.channelSelect>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channelRow:hover,.channelRow.current{background:#3f4147}.channelRow.current>.channelSelect,.channelRow:hover>.channelSelect{color:#f2f3f5}.channelActions{flex-shrink:0;align-items:center;padding-right:5px;display:none}.channelRow:hover .channelActions,.channelRow.current .channelActions,.channelRow:focus-within .channelActions{display:flex}.sideBody .channelActions button{color:#b5bac1;width:24px;min-height:24px;padding:3px}.sideBody .channelActions button:hover{color:#fff;background:0 0}.channelRow.dropBefore{box-shadow:0 -2px #5865f2}.channelRow.dropAfter{box-shadow:0 2px #5865f2}.channelMenu{background:var(--surface-deep);border-radius:6px;width:260px;max-height:calc(100vh - 16px);margin:0;padding:6px;position:fixed;overflow:visible}.channelMenu::backdrop{background:0 0}.channelMenu button{text-align:left;background:0 0;border-radius:3px;justify-content:flex-start;gap:8px;width:100%;min-height:30px;padding:7px 8px;font-size:13px;font-weight:400;display:flex}.channelMenu button:hover{background:var(--accent);color:#fff}.channelMenu hr{border:0;border-top:1px solid var(--line);margin:4px}.channelMenu .danger{color:#f23f43}.channelSub{position:relative}.channelSub>button svg{margin-left:auto}.channelSub>div{background:var(--surface-deep);border:1px solid var(--line);border-radius:6px;width:210px;max-height:220px;padding:6px;position:absolute;top:0;left:calc(100% - 2px);overflow:auto}.memberRoles .removeProfileRole{width:16px;height:16px;min-height:0;color:var(--muted);background:0 0;border-radius:3px;justify-content:center;align-items:center;margin-left:2px;padding:0;display:inline-flex}.memberRoles .removeProfileRole:hover{color:var(--ink);background:var(--soft)}.history article{position:relative}.history article:hover,.history article:focus-within{background:#2e3035}.messageToolbar{z-index:2;background:#313338;border:1px solid #1e1f22;border-radius:4px;align-items:center;padding:2px;display:none;position:absolute;top:-16px;right:16px;box-shadow:0 2px 4px #0004}.history article:hover .messageToolbar,.history article:focus-within .messageToolbar{display:flex}.messageToolbar button{color:#b5bac1;background:0 0;border:0;border-radius:3px;padding:6px}.messageToolbar button:hover{color:#f2f3f5;background:#3f4147}.messageMenu{z-index:10000;color:#e7e2e4;background:#2c2528;border:1px solid #443b3f;border-radius:8px;width:304px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:8px;font-size:13px;position:fixed;overflow:visible;box-shadow:0 8px 24px #0006}.messageMenu>button,.reactionMenuGroup>button{width:100%;min-height:32px;color:inherit;text-align:left;background:0 0;border:0;border-radius:3px;align-items:center;gap:10px;padding:6px 8px;font-size:13px;font-weight:500;display:flex}.messageMenu button span{flex:1}.messageMenu button:hover:not(:disabled),.messageMenu button:focus-visible{color:#fff;background:#5865f2}.messageMenu button:disabled{opacity:.38;cursor:not-allowed}.messageMenu button.danger{color:#f7a2a3}.messageMenu button.danger:hover{color:#fff;background:#da373c}.messageMenu hr{border:0;border-top:1px solid #ffffff08;margin:6px 2px}.quickReactions{justify-content:space-around;gap:12px;padding:8px 4px 10px;display:flex}.quickReactions button{background:#ffffff0a;border:0;border-radius:8px;width:43px;height:43px;padding:0;font-size:23px}.reactionMenuGroup{position:relative}.reactionSubmenu{background:#2c2528;border:1px solid #443b3f;border-radius:6px;grid-template-columns:repeat(4,40px);padding:8px;display:grid;position:absolute;top:0;box-shadow:0 4px 16px #0005}.reactionSubmenu button{background:0 0;border:0;padding:7px;font-size:22px}.messageReactions{gap:4px;display:flex}.messageReactions:empty{display:none}.messageReactions button{color:#b5bac1;background:#2b2d31;border:1px solid #0000;border-radius:6px;padding:2px 7px;font-size:13px}.messageReactions button.mine{color:#dee0fc;background:#5865f233;border-color:#5865f2}.messagePinned{color:#b5bac1;align-items:center;gap:4px;display:flex}.messageEdit textarea{color:#f2f3f5;background:#383a40;border:0;border-radius:4px;width:100%;min-height:70px;padding:10px;display:block}.messageEdit button{margin:6px 6px 0 0;padding:5px 10px;font-size:12px}@media (height<=650px){.messageMenu{overflow-y:auto}.messageMenu>button,.reactionMenuGroup>button{min-height:28px;padding-top:4px;padding-bottom:4px}.quickReactions{padding:2px}.messageMenu hr{margin:3px}}.replyComposer{background:#2b2d31;align-items:center;gap:5px;padding:8px 16px;font-size:12px;display:flex}.replyComposer button{background:0 0;margin-left:auto;padding:0 6px}.messageReply{text-overflow:ellipsis;white-space:nowrap;color:#b5bac1;text-align:left;background:0 0;max-width:100%;padding:0 0 4px;font-size:12px;display:block;overflow:hidden}:root{--sidebar-divider:color-mix(in srgb, var(--ink) 8%, transparent);--app-title-height:32px;--header-height:49px;--server-rail-width:80px;--channel-sidebar-width:295px;--member-sidebar-width:268px;font-family:gg sans,Noto Sans,Segoe UI,system-ui,sans-serif}.appTitlebar{background:var(--rail);min-width:0;color:var(--muted);grid-area:1/1/auto/-1;justify-content:center;align-items:center;padding:0 16px;font-size:12px;font-weight:600;display:flex}.appTitlebar span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shell{grid-template-rows:var(--app-title-height) minmax(0, 1fr)}.shell>.rail,.shell>aside,.shell>.workspace{grid-row:2;min-width:0}.shell>.rail{scrollbar-width:none;grid-column:1;padding:8px 16px}.shell>aside{grid-column:2}.shell>.workspace{border-top:1px solid var(--line);grid-column:3}@media (width>=761px){.shell{grid-template-columns:var(--server-rail-width) var(--channel-sidebar-width) minmax(0, 1fr)}.shell>aside{border-top:1px solid var(--sidebar-divider);border-left:1px solid var(--sidebar-divider);border-right:0;border-top-left-radius:14px}}.rail button{flex-shrink:0;padding:0;transition:border-radius .15s,background-color .15s;overflow:visible}.rail button .railIcon{border-radius:inherit}.rail button:not(.chosen){border-radius:50%}.rail button:hover{border-radius:16px}.rail .chosen:before{left:-16px}.shell>aside .sideBody{flex:1;min-height:0;padding:16px 8px 8px;overflow-y:auto}.shell>aside .spaceTitle{padding:0 16px;font-size:15px;font-weight:600}.shell>aside .user{border:1px solid var(--line);border-radius:8px;flex-shrink:0;min-height:56px;margin:0 8px 8px;padding:6px}.user .identity{min-width:0}.user .identity>span{overflow:hidden}.user .identity b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.user .identity small{font-size:12px;line-height:16px}.bar{text-transform:none;font-size:15px}.bar .pageTitle{gap:8px}.sideBody .channelRow{min-height:32px}.memberList{flex-basis:var(--member-sidebar-width)}.history article{align-items:flex-start}.history article>div:not(.messageToolbar){flex:1;min-width:0}.history article .author,.history article p,.mentionBody{font-size:15px;line-height:22px}.history article time{margin-left:4px;font-size:12px;line-height:16px}.composer{background:var(--input);border:1px solid var(--line);border-radius:8px;min-height:56px;margin:0 16px 20px;padding:0 12px}.composer input{background:0 0;border:0;border-radius:0;min-height:48px;padding:10px 8px;font-size:15px}.composer input:focus-visible{outline:0}.composer:focus-within{border-color:#80848e}.messageMenu,.reactionSubmenu{background:var(--surface-deep);border-color:var(--line);color:var(--ink)}.messageMenu button{font-family:inherit}.quickReactions button{background:var(--input)}@media (width<=1100px) and (width>=761px){:root{--channel-sidebar-width:240px;--member-sidebar-width:240px}}@media (width<=760px){.shell>.workspace{grid-column:2}.shell>aside{grid-row:2}.memberList{flex-basis:220px}}@media (width>=761px){.shell>aside .accountPanel{width:calc(var(--server-rail-width) + var(--channel-sidebar-width) - 16px);z-index:5;margin:0;position:absolute;bottom:8px;left:8px}.shell>aside .sideBody{padding-bottom:72px}.shell>.rail{padding-bottom:80px}}.shell>aside .accountPanel{background:var(--surface-alt);border:1px solid var(--line);border-radius:8px;gap:4px;min-height:56px;padding:6px 8px;overflow:visible}.accountPanel .identity{text-align:left;background:0 0;border-radius:4px;flex:1;justify-content:flex-start;gap:8px;min-width:0;margin:0;padding:2px 4px}.accountPanel .identity:hover{background:var(--soft)}.accountPanel .identity .avatar{width:32px;height:32px}.accountPanel .identity small{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;line-height:16px;overflow:hidden}.accountAvatar{flex-shrink:0;position:relative;overflow:visible!important}.accountAvatar i{border:3px solid var(--surface-alt);background:var(--online);border-radius:50%;width:14px;height:14px;position:absolute;bottom:-2px;right:-2px}.accountControls{flex:none;align-items:center;gap:3px;display:flex}.audioControl{border-radius:6px;align-items:center;display:flex;overflow:hidden}.accountPanel .accountControls button{width:30px;min-width:0;height:32px;color:var(--muted);background:0 0;border-radius:4px;margin:0;padding:0}.accountPanel .accountControls button:hover{background:var(--soft);color:var(--ink)}.accountPanel .isMuted{background:#f23f4310}.accountPanel .isMuted button{color:var(--dnd)}.audioPopover{background:var(--surface-deep);border:1px solid var(--line);border-radius:8px;width:280px;max-width:calc(100vw - 16px);padding:14px;font-size:13px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 6px 18px #0005}.audioPopover p{color:var(--muted);margin-top:8px;line-height:1.4}.history{flex-direction:column;padding:16px 0 24px;display:flex}.history>*{flex-shrink:0}.history .channelIntro{border:0;margin-top:auto;margin-bottom:16px;padding:16px 20px 0}.channelIntroIcon{color:#f2f3f5;background:#383a40;border-radius:50%;place-items:center;width:68px;height:68px;margin-bottom:12px;display:grid}.history .channelIntro h2{letter-spacing:-.5px;overflow-wrap:anywhere;margin:0 0 10px;font-size:32px;font-weight:750;line-height:1.2}.history .channelIntro p{color:var(--ink);margin:0 0 10px;font-size:16px;line-height:24px}.appTitlebar{background:var(--panel);color:var(--ink);gap:8px;font-size:14px}.shell>.rail{background:var(--panel);gap:10px;padding-top:0}.rail button{width:40px;height:40px;min-height:40px}.rail button:not(.chosen),.rail button.chosen{border-radius:12px}.rail .mark{width:28px;height:28px}.rail hr{width:30px;margin:0}.shell>aside .spaceTitle{font-size:16px}.sideBody .channelRow{border-radius:7px;min-height:36px}.sideBody .channelRow button{font-size:16px}.sideBody .sectionLabel{margin-bottom:10px}.memberList{background:var(--bg);border-left:1px solid #ffffff04}.memberRow{font-size:15px}.shell>aside .accountPanel{min-height:58px;width:calc(var(--server-rail-width) + var(--channel-sidebar-width) - 20px);background:#383a40;border:0;bottom:10px;left:10px}.accountControls{gap:7px}.accountAvatar i{border-color:#383a40}.composer{border-color:#ffffff08;min-height:58px;margin:0 10px 10px}.composer input{font-size:16px}.composer .connection{clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.composer .sendMessage.empty{display:none}@media (width<=760px){.shell>aside .accountPanel{width:auto;margin:8px;position:relative;bottom:auto;left:auto}.history .channelIntro h2{font-size:24px}}.channelIntro .channelIntroIcon svg{background:0 0;border-radius:0;width:44px;height:44px;padding:0}.shell>aside .spaceTitle{border-bottom:1px solid var(--sidebar-divider);padding:0 16px}.spaceTitle .serverTitleMenu{background:0 0;gap:6px;min-width:0;padding:0;font-weight:600}.sideBody .channelRow>.channelSelect{border-radius:7px;min-height:36px;padding-left:10px}.sideBody .channelRow>.channelSelect svg:first-child{width:22px;height:22px;color:var(--text-dim);flex-shrink:0}.sideBody .channelRow.current>.channelSelect,.sideBody .channelRow:hover>.channelSelect{background:0 0}.sideBody .channelCategoryLabel{text-transform:none;color:var(--muted);padding:20px 10px 8px;font-size:13px;font-weight:500;line-height:18px;display:block}.friendsHeader{border-bottom:1px solid var(--sidebar-divider);white-space:nowrap;flex:none;align-items:center;gap:12px;height:49px;padding:0 20px;display:flex;overflow-x:auto}.friendsHeader strong{border-right:1px solid var(--line);align-items:center;gap:8px;padding-right:16px;font-size:16px;display:flex}.friendsHeader button{color:var(--muted);background:0 0;border-radius:6px;padding:5px 10px}.friendsHeader .selected{background:var(--soft);color:var(--ink)}.friendsHeader .primary{background:var(--accent);color:#fff}.socialLayout{flex:1;min-height:0;display:flex}.friendsContent{flex-direction:column;flex:1;min-width:0;padding:16px 24px;display:flex;overflow:auto}.friendSearch,.dmSearch{background:var(--panel);border:1px solid var(--line);border-radius:7px;align-items:center;gap:8px;padding:0 10px;display:flex}.friendSearch input,.dmSearch input{background:0 0;border:0;outline:none;padding:10px 0;font-size:15px}.friendsContent h3{color:var(--muted);margin:24px 0 12px;font-size:12px}.friendRow{border-top:1px solid var(--sidebar-divider);align-items:center;gap:8px;min-height:62px;padding:8px;display:flex}.friendRow:hover{background:var(--soft);border-radius:8px}.friendProfile{text-align:left;flex:1;justify-content:flex-start;min-width:0;padding:0;display:flex;background:0 0!important}.socialIdentity{text-align:left;flex-direction:column;min-width:0;display:flex}.socialIdentity b,.socialIdentity small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.socialIdentity b{font-size:15px;line-height:20px}.socialIdentity small{color:var(--muted);font-size:13px;line-height:18px}.socialAvatar{flex:none;position:relative}.socialAvatar .avatar{width:32px;height:32px}.socialAvatar i{border:2px solid var(--bg);background:var(--offline);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.socialAvatar .online{background:var(--online)}.friendHandle{color:var(--muted);font-size:12px;display:none}.friendRow:hover .friendHandle{display:inline}.friendRow>button:not(.friendProfile){background:var(--panel);border-radius:50%;padding:8px}.friendActivity{border-left:1px solid var(--sidebar-divider);background:var(--bg);flex:0 0 300px;padding:20px 16px}.friendActivity h2{margin:0 0 24px;font-size:20px}.friendActivity>div{text-align:center;font-size:13px;line-height:20px}.friendActivity p{color:var(--muted);margin-top:8px}.friendsEmpty{text-align:center;color:var(--muted);margin:auto;padding:40px 12px}.friendsEmpty h2{margin:12px;font-size:18px}.dmHeading{color:var(--muted);justify-content:space-between;align-items:center;margin:22px 8px 8px;font-size:12px;display:flex}.sideBody .dmHeading button{width:24px;padding:0}.sideBody .dmRow{text-align:left;gap:10px;min-height:44px;padding:6px 8px;display:flex}.sideBody .socialIdentity small{text-transform:none}.sideBody .friendsNav{gap:12px;min-height:40px;margin-top:12px;font-size:16px}.dmEmpty{color:var(--muted);padding:12px 8px;font-size:12px}.homeCommunityActions{gap:8px;margin-top:auto;padding-top:24px;display:flex}.homeCommunityActions button{font-size:12px}.addFriend h2{font-size:18px}.addFriend p{color:var(--muted)}.addFriend>div{gap:8px;display:flex}.dmHistory{flex:1;overflow:auto}.dmHistory article{align-items:flex-start;padding:10px 0}.dmHistory article p{white-space:pre-wrap;overflow-wrap:anywhere}.dmHistory time{color:var(--muted);font-size:11px}.dmComposer{gap:8px;margin-top:16px;display:flex}.dmComposer input{flex:1}.sectionLabel[hidden]{display:none}.dmSearch input{font-size:12px}.dmSearch{background:var(--input)}@media (width<=1150px){.friendActivity{flex-basis:240px}.friendsHeader{gap:4px;padding:0 12px}.friendsHeader button{font-size:12px}}@media (width<=950px){.friendActivity{display:none}}.spaceTitle[hidden]{display:none}.shell>aside:has(#socialSidebar) .sideBody{padding-top:8px}:root{--bg:#10091e;--panel:#140c24;--rail:#10091d;--input:#251238;--ink:#f5efff;--muted:#bfb1d8;--text-dim:#a393bc;--line:#ad5cff24;--accent:#a323f4;--soft:#a14bea20;--link:#d9afff;--surface-alt:#1c102d;--surface-deep:#140b22;--secondary-button:#47275f;--secondary-hover:#61347f;--message-hover:#ae59ed0c;--online:#20df91;--offline:#78638c;--sidebar-divider:#af65f21a;--app-title-height:24px;--header-height:48px;--server-rail-width:56px;--channel-sidebar-width:232px;--member-sidebar-width:224px;--shell-panel:#0f091bd9;--shell-chat:#12092045;--composer-fill:linear-gradient(110deg, #28123ce8, #35134be0);--avatar-fill:linear-gradient(145deg, #a822ef, #590894 60%, #2c084d);font-family:Segoe UI,system-ui,sans-serif}:root[data-theme=light]{--bg:#f7f2fc;--panel:#fcf9ff;--rail:#eee4f7;--input:#f1e5fc;--ink:#291637;--muted:#685179;--text-dim:#78608b;--line:#773ba52c;--accent:#8526c5;--soft:#8b36c512;--link:#7221a8;--surface-alt:#f2e9fa;--surface-deep:#fffaff;--secondary-button:#e2d0ee;--secondary-hover:#d7bce9;--message-hover:#9a40ce09;--sidebar-divider:#773ba51c;--shell-panel:#faf5fff0;--shell-chat:#fffaffcb;--composer-fill:linear-gradient(110deg, #f5eafb, #ede0f7)}body{background:var(--bg)}.shell{isolation:isolate;background:radial-gradient(at 68% 98%,#7100c34a,#0000 65%),#10091e;padding:0 0 16px;position:relative;overflow:hidden}.shell:before{content:"";z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1600'%20height='1000'%20viewBox='0%200%201600%201000'%20fill='none'%3e%3cdefs%3e%3clinearGradient%20id='arc'%20x1='100'%20y1='800'%20x2='1400'%20y2='180'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%237b00ff'%20stop-opacity='0'/%3e%3cstop%20offset='.35'%20stop-color='%239c09ff'/%3e%3cstop%20offset='.62'%20stop-color='%23ef7aff'/%3e%3cstop%20offset='1'%20stop-color='%238e00ff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cfilter%20id='glow'%20x='-50%25'%20y='-100%25'%20width='200%25'%20height='300%25'%3e%3cfeGaussianBlur%20stdDeviation='17'/%3e%3c/filter%3e%3cfilter%20id='edge'%20x='-20%25'%20y='-40%25'%20width='140%25'%20height='180%25'%3e%3cfeGaussianBlur%20stdDeviation='2'/%3e%3c/filter%3e%3cpath%20id='sweep'%20d='M-180%20430C-30%201120%20350%201020%20760%20730S1330%20350%201710%20650'/%3e%3cpath%20id='upper'%20d='M410%20595C790%20505%201000%20120%201365%20235'/%3e%3cpath%20id='lower'%20d='M640%201130C960%201060%201375%20980%201700%20635'/%3e%3c/defs%3e%3cg%20stroke='url(%23arc)'%3e%3cg%20filter='url(%23glow)'%20stroke-width='26'%20opacity='.6'%3e%3cuse%20href='%23sweep'/%3e%3cuse%20href='%23upper'/%3e%3cuse%20href='%23lower'/%3e%3c/g%3e%3cg%20filter='url(%23edge)'%20stroke-width='5'%20opacity='.55'%3e%3cuse%20href='%23sweep'/%3e%3cuse%20href='%23upper'/%3e%3cuse%20href='%23lower'/%3e%3c/g%3e%3cg%20stroke-width='1.7'%3e%3cuse%20href='%23sweep'/%3e%3cuse%20href='%23upper'/%3e%3cuse%20href='%23lower'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50%/cover no-repeat;position:absolute;inset:0}:root[data-theme=light] .shell{background:#eee4f7}:root[data-theme=light] .shell:before{opacity:.15}.appTitlebar{color:#f5efff;background:#0c0715a8;gap:5px;font-size:11px}.appTitlebar .mark{width:15px;height:15px}.shell>.rail{background:0 0;gap:12px;padding:6px 8px 12px}.rail button{color:#e7ceff;background:#40145a70;border:1px solid #b366ef25;border-radius:12px;width:38px;height:38px;min-height:38px}.rail button:first-child{background:0 0;border:0}.rail button:first-child .mark{width:38px;height:38px}.rail button:hover,.rail button.chosen{background:var(--avatar-fill);color:#fff;box-shadow:0 0 20px #a80cff30}.rail .chosen:before{background:#d688ff;left:-8px}.shell>aside{background:var(--shell-panel);border:1px solid var(--line);border-radius:12px 0 0 12px;overflow:visible}.shell>aside .spaceTitle{border-bottom-color:#0000;gap:8px;padding:0 14px;font-size:13px}.sidebarClose{display:none}.serverTitleMenu{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.spaceTitle .miniAction{color:var(--muted);background:0 0;flex:none;padding:4px}.shell>aside .sideBody{padding:0 12px 12px}.communityShortcuts{border-bottom:1px solid var(--line);margin-bottom:12px;padding:4px 0 14px}.sideBody .communityShortcuts button{gap:11px;min-height:32px;padding:6px 9px;font-size:12px}.sideBody .sectionLabel{margin-bottom:4px;padding:0 8px}.sideBody .sectionLabel small{text-transform:none;letter-spacing:0;font-size:11px}.sideBody .channelCategoryLabel{border-top:1px solid var(--line);margin-top:12px;padding:17px 9px 7px;font-size:11px}.sideBody .channelRow,.sideBody .channelRow>.channelSelect{border-radius:7px;min-height:29px}.sideBody .channelRow>.channelSelect{gap:10px;padding:5px 9px;font-size:12px}.sideBody .channelRow>.channelSelect svg:first-child{width:17px;height:17px}.channelRow.current{background:linear-gradient(100deg,#6603a9,#a311ee);box-shadow:inset 0 0 0 1px #d263ff55,0 0 15px #9200f325}.channelRow.current>.channelSelect,.channelRow.current .channelActions button{color:#fff}.shell>aside .accountPanel{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0 0 0 12px;width:auto;min-height:60px;margin:auto 0 0;padding:8px;position:relative;bottom:auto;left:auto}.accountPanel .identity{gap:8px}.accountPanel .identity b{font-size:12px;line-height:17px}.accountPanel .identity small{font-size:11px}.accountPanel .accountControls{gap:1px}.accountPanel .accountControls button{width:24px;height:28px}.accountPanel .accountControls button svg{width:17px;height:17px}.accountPanel .accountControls .audioArrow{width:9px}.accountAvatar i{border:2px solid var(--panel);width:12px;height:12px}.shell>.workspace{border-top:1px solid var(--line);background:0 0;min-width:0}.bar,.friendsHeader{background:var(--shell-panel);border-bottom:1px solid var(--line)}.bar.directoryTools{gap:10px;padding:0 14px}.bar .pageTitle{color:var(--ink);flex:none;font-size:14px}.bar .pageTitle svg{color:var(--muted);width:20px;height:20px}.channelDescription{white-space:nowrap;text-overflow:ellipsis;border-left:1px solid var(--line);letter-spacing:0;text-transform:none;min-width:0;margin-right:auto;padding-left:12px;font-size:11px;font-weight:400;overflow:hidden}.bar.directoryTools>.pageTitle{margin-right:auto}.bar.directoryTools:has(.channelDescription)>.pageTitle{margin-right:0}.bar .controls{margin-left:0}.bar button{color:var(--muted)}.memberSearch{border:1px solid var(--line);background:var(--shell-chat);border-radius:8px;flex:0 160px;align-items:center;gap:4px;width:160px;padding:0 8px;display:flex}.memberSearch input{background:0 0;border:0;outline:none;padding:5px 0;font-size:11px}.memberSearch:focus-within{outline:2px solid var(--link);outline-offset:2px}.memberSearch svg{color:var(--muted);flex:none}.channelLayout{min-height:0}.channelLayout>.chat{background:var(--shell-chat);border-radius:0 0 12px}.history{gap:5px;padding:14px 14px 24px}.history article{border:1px solid #0000;border-radius:8px;gap:15px;padding:10px 12px}.history article .author{font-size:13px;font-weight:650;line-height:20px}.history article p,.mentionBody{font-size:13px;line-height:21px}.history article time{color:var(--muted);margin-left:10px;font-size:10px}.avatar,.history article>.avatar,.memberRow .avatar{background:var(--avatar-fill);color:#fff;border-radius:12px;width:38px;height:38px;font-size:18px;box-shadow:inset 0 1px #ffffff10}.serverIcon,.railIcon{border-radius:50%}.avatar:has(img){border-radius:50%}.history article>.avatar:has(img){border-radius:50%}.memberRow .avatar:has(img){border-radius:50%}.avatar img{border-radius:inherit}.largeAvatar{width:80px;height:80px}.history article.mentionedMessage,.history article.mentionedMessage:hover{background:linear-gradient(100deg,#8106bb20,#a120db2e);border-color:#b735ed5c;position:relative}.history article.mentionedMessage:before{content:"";background:#db63fa;border-radius:8px 0 0 8px;width:4px;position:absolute;top:0;bottom:0;left:-1px}.mentionTag{color:#fff;background:#a026ed;border-radius:5px;padding:1px 5px}.composer{border:1px solid var(--line);background:var(--composer-fill);border-radius:11px;min-height:48px;margin:8px 14px 20px;padding:4px 10px;box-shadow:0 8px 24px #00000012}.composer input{min-height:36px;font-size:12px}.composer input::placeholder,.memberSearch input::placeholder{color:var(--muted);opacity:1}.composer button{color:var(--link)}.composer:focus-within{border-color:#b74af2;box-shadow:0 0 0 2px #a43beb12}.memberList{flex:0 0 var(--member-sidebar-width);background:var(--shell-panel);border-left:1px solid var(--line);padding:0 16px 20px}.memberList>section{border-bottom:1px solid var(--line);margin-top:0;padding:12px 0}.memberList>section>small{text-transform:none;padding:0 4px 10px;font-size:11px;font-weight:600}.memberRow{border-radius:8px;gap:10px;min-height:51px;padding:6px 4px}.memberRow b{font-size:12px;font-weight:650}.memberRow small{color:var(--muted);font-size:11px}.memberRow svg{width:13px;height:13px}.history article .author,.memberRow b{color:var(--role-color,var(--ink))}:root[data-theme=light] .history article .author,:root[data-theme=light] .memberRow b{color:color-mix(in srgb, var(--role-color,var(--ink)) 35%, #291637)}:root[data-theme=light] .appTitlebar{color:var(--ink);background:#e6d7f1}.sideBody .channelRow.current>.channelSelect svg:first-child{color:#fff}.channelIntroIcon{background:var(--avatar-fill);border-radius:18px}.history .channelIntro{margin-top:auto}.history .channelIntro h2{font-size:25px}.history .channelIntro p{color:var(--muted);font-size:13px}.friendsContent,.friendActivity{background:var(--shell-chat)}.friendsHeader{height:var(--header-height)}.friendActivity{border-left-color:var(--line)}:root:not([data-theme=light]) button.primary{background:linear-gradient(110deg,#8217cf,#ac27f1)}:root:not([data-theme=light]) button.primary:hover{background:#a72bea}button,input,textarea{accent-color:var(--accent)}@media (width>=761px) and (width<=1200px){:root{--channel-sidebar-width:216px;--member-sidebar-width:200px}.channelDescription{display:none}.memberSearch{flex-basis:140px;width:140px}}@media (width<=760px){.sidebarClose{color:var(--muted);background:0 0;padding:4px;display:inline-flex}.shell{padding-bottom:0}.shell>.rail{padding:8px 5px}.shell>aside.shown{top:var(--app-title-height);background:var(--panel);z-index:15;grid-area:1/1/-1/-1;bottom:0}.shell>aside .accountPanel{margin:auto 0 0}.channelDescription{display:none}.bar.directoryTools{gap:6px;padding:0 8px}.bar .pageTitle{font-size:13px;overflow:hidden}.bar .pageTitle b{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.memberSearch{display:none}.memberList{background:var(--panel);z-index:10;width:min(250px,100vw - 70px);position:absolute;top:0;bottom:0;right:0;box-shadow:-12px 0 30px #0004}.history{padding:10px 5px 18px}.history article{gap:9px;padding:8px 6px}.history article time{margin-left:5px;font-size:9px}.composer{margin:6px 8px 12px}.history article>.avatar{width:32px;height:32px;font-size:16px}}@font-face{font-family:Whitney;src:url(/assets/whitneylight-DRGtz6V7.otf)format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Whitney;src:url(/assets/whitneylightitalic-W6uF_trP.otf)format("opentype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Whitney;src:url(/assets/whitneybook-cYvq1xve.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Whitney;src:url(/assets/whitneybookitalic-WZCAEn12.otf)format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Whitney;src:url(/assets/whitneymedium-B1aKdZLJ.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Whitney;src:url(/assets/whitneymediumitalic-DhdSbcQl.otf)format("opentype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Whitney;src:url(/assets/whitneysemibold-B9bKxylg.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Whitney;src:url(/assets/WhitneySemiboldItalic-BIC5YnvS.otf)format("opentype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Whitney;src:url(/assets/whitneybold-BF4PAXQS.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--font-ui:"Whitney", "Segoe UI", "Helvetica Neue", Arial, system-ui, sans-serif;font-family:var(--font-ui)}button,input,textarea,select,option{font-family:var(--font-ui)}.imageControl{display:inline-block;position:relative}.imageEditTrigger{background:0 0;border:0;border-radius:50%;padding:0;display:grid;position:relative;overflow:hidden}.imageEditTrigger .avatar,.imageEditTrigger .serverIcon{object-fit:cover;border-radius:50%;width:80px;height:80px;margin:0}.imageEditOverlay{opacity:0;color:#fff;background:#10091cb3;place-items:center;transition:opacity .18s;display:grid;position:absolute;inset:0}.imageEditTrigger:hover .imageEditOverlay,.imageEditTrigger:focus-visible .imageEditOverlay{opacity:1}.imageEditMenu{z-index:20;background:#21192e;border:1px solid #59456e;border-radius:10px;width:210px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 36px #0008}.imageEditMenu button{text-align:left;background:0 0;border:0;width:100%;padding:10px;display:block}.imageEditMenu button:hover{background:#ffffff0d}.imageEditMenu .danger{color:#f18bab}.imageEditorDialog{box-sizing:border-box;color:#ece5fa;background:#1c1727;border:1px solid #554065;border-radius:16px;width:min(480px,100vw - 24px);max-height:calc(100dvh - 24px);padding:24px;overflow:auto;box-shadow:0 24px 90px #000a}.imageEditorDialog::backdrop{background:#07030bc9}.imageEditorDialog header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.imageEditorDialog h2{margin:0;font-size:20px}.imageEditorDialog header button{background:0 0;border:0}.imageUploadTile{cursor:pointer;background:#30273e;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:220px;padding:20px;display:flex}.imageUploadTile input{width:100%}.imageCropStage{background:#121019;border-radius:10px;padding:18px}.imageCropStage canvas{aspect-ratio:1;touch-action:none;cursor:grab;border-radius:50%;outline:3px solid #fff;width:100%;display:block}.imageCropStage canvas:focus-visible{outline:4px solid #b470ff}.imageHelp{color:#bbb0cc;font-size:12px}.imageZoom{align-items:center;gap:16px;margin:20px 0;display:flex}.imageZoom input{accent-color:#a166ff;flex:1;min-width:0}.imageEditorDialog footer{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.imageEditorDialog button{min-height:38px}.serverIcon{object-fit:cover;border-radius:50%}@media (prefers-reduced-motion:reduce){.imageEditOverlay{transition:none}}
