.layout{grid-template-columns:72px 272px minmax(0,1fr) 240px;background:#313338}.rail{background:#1e1f22;gap:8px;padding-bottom:78px;overflow:auto}.rail button{border-radius:50%;background:#313338;position:relative;transition:border-radius .15s,background .15s}.rail button:hover,.rail button.active{border-radius:15px;background:#8565f6}.rail button.active:before{content:'';position:absolute;left:-12px;top:7px;width:4px;height:34px;background:#fff;border-radius:4px}.rail img{border-radius:50%}.sidebar{background:#2b2d31;padding:0 0 74px;position:relative}.sidebar>input{margin:12px;width:calc(100% - 24px);background:#1e1f22}.sidebar h2{height:54px;margin:0;padding:16px;font-size:16px;border-bottom:1px solid #202125;flex-shrink:0}.sidebar .links{padding:0 9px}.servernamemenu{display:flex;justify-content:space-between;gap:10px;cursor:pointer;align-items:center}.servernamemenu span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.servernamemenu:hover{background:#35373c}.sidebar .links button{border-radius:5px;margin:2px 0;padding:8px;color:#949ba4;font-size:15px}.sidebar .links button:hover{background:#35373c;color:#dbdee1}.sidebar .links button.active{background:#404249;color:#fff}.sidebar .channelitem{display:flex!important;align-items:center;gap:7px}.channelitem>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channelhash{font-size:23px;width:23px;flex-shrink:0}.channelgear{margin-left:auto;opacity:0;font-size:15px}.channelitem:hover .channelgear{opacity:1}.categoryheading{display:flex!important;justify-content:space-between;font-size:11px!important;font-weight:700;margin-top:18px!important;letter-spacing:.4px}.categoryplus{font-size:18px}.account{position:fixed;bottom:8px;left:8px;width:328px;height:62px;z-index:10;background:#232428;border:1px solid #3c3e44;border-radius:8px;display:flex;align-items:center;gap:5px;padding:5px;box-shadow:0 4px 12px #0002}.accountidentity{display:flex;align-items:center;gap:9px;background:transparent;flex:1;min-width:0;text-align:left;padding:5px}.accountidentity .avatar{width:36px;height:36px;border-radius:50%}.accountidentity span{min-width:0}.accountidentity strong,.accountidentity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accountidentity strong{font-size:13px;color:#f2f3f5}.accountidentity .founder{color:#f4cf78}.accountidentity small{font-size:11px;color:#b5bac1;margin-top:3px}.accounticon{width:34px;height:34px;padding:0;background:transparent;font-size:20px}.main .top{height:54px;background:#313338;padding:12px 18px;gap:12px}.top h2{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.top .live{display:none}.profilepane{background:#2b2d31}.main .content{background:#313338}.composer{background:#313338;padding:12px 16px 24px}.composer input{background:#383a40;border:0;border-radius:8px}.avatar{border-radius:50%}.message:hover{background:#2e3035}.friendtabs{display:flex;gap:12px;border-bottom:1px solid #424449;padding-bottom:14px}.friendtabs button{background:transparent;padding:5px 12px;color:#b5bac1;border-radius:5px}.friendtabs button.active{background:#43454a;color:white}.friendtabs .addfriend{background:#248046;color:white}.friendtabs .addfriend.active{background:transparent;color:#3ba55c}.friendcount{font-size:12px;font-weight:bold;color:#b5bac1;padding:24px 8px 10px}.friendrow{border-top:1px solid #424449;display:flex;justify-content:space-between;align-items:center;padding:9px;border-radius:7px}.friendrow:hover{background:#393b40}.friendidentity{display:flex;gap:12px;align-items:center;background:transparent;text-align:left;padding:0}.friendidentity strong,.friendidentity small{display:block}.friendidentity small{font-size:12px;color:#b5bac1;margin-top:4px}.friendrow button{margin-right:5px}.friendempty{text-align:center;margin-top:12vh;color:#b5bac1}.friendempty>div{font-size:80px;color:#8565f6}.addfriendform{display:flex;align-items:center;gap:12px;background:#1e1f22;border:1px solid #17181a;padding:4px 12px;border-radius:8px}.addfriendform input{border:0;margin:0;background:transparent}.addfriendform button{white-space:nowrap;padding:9px;font-size:13px}.floatingmenu{position:fixed;z-index:1100;background:#111214;border:1px solid #3b3d44;box-shadow:0 8px 30px #0006;border-radius:8px;width:248px;padding:8px}.floatingmenu button{display:block;width:100%;background:transparent;text-align:left;padding:9px 10px;border-radius:4px;font-size:14px}.floatingmenu button:hover{background:#8565f6;color:white}.serverheading{display:flex;align-items:center;gap:20px}.serverheading nav{display:flex;gap:6px}.friendnav{font-weight:bold}.toolbar button{background:transparent}.section{letter-spacing:.6px}@media(max-width:1150px){.layout{grid-template-columns:64px 240px minmax(0,1fr) 210px}.account{width:288px}}
.settingsmode{display:grid;grid-template-columns:180px minmax(0,1fr);gap:30px;align-content:start}.settingsmode .serverheading{display:flex;flex-direction:column;align-items:stretch;gap:12px;border-right:1px solid #44464d;padding-right:16px}.settingsmode .serverheading h1{font-size:17px;margin:8px}.settingsmode .serverheading nav{display:flex;flex-direction:column;gap:4px}.settingsmode .serverheading nav button{text-align:left;background:transparent;border-radius:5px;padding:9px}.settingsmode .serverheading nav button.primary{background:#43454a}.settingsmode #settingcontent{max-width:850px;padding:10px}.droptarget{box-shadow:inset 0 2px #a891ff}

.rememberlogin{display:flex;align-items:center;gap:9px;margin:8px 0 15px;color:#b5bac1;font-size:14px}.rememberlogin input{width:17px;height:17px;margin:0;accent-color:#8565f6}

.rail button{flex:0 0 48px;min-width:48px;min-height:48px;line-height:1}.rail>img{flex-shrink:0}.rail button img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.serverprofileroles{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 18px}.serverrole{display:inline-flex;align-items:center;gap:6px;font-size:11px;border:1px solid var(--role-color);border-radius:5px;padding:5px 7px;background:#16171d66;color:#e9eaf0}.serverrole i{width:9px;height:9px;display:inline-block;border-radius:50%;background:var(--role-color)}#viewglobalprofile,#openserverprofile{width:100%;font-size:12px;margin-top:10px}

.suspendedscreen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;background:radial-gradient(ellipse at top,#422532,#16171c 70%)}.suspendedscreen>img{width:62px;margin-bottom:24px;border-radius:16px}.suspendedmark{border:3px solid #ed4245;width:70px;height:70px;border-radius:50%;font-size:46px;font-weight:bold;color:#ed4245}.suspendedscreen h1{font-size:32px;margin-top:26px}.suspendedscreen p{max-width:500px;color:#b5bac1}.suspendedscreen button{margin-top:20px}

.avatar{position:relative;overflow:visible}.presencedot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border:3px solid #232428;border-radius:50%;background:#80848e;pointer-events:none}.presencedot.online{background:#23a55a}.bigavatar .presencedot{width:20px;height:20px;border-width:4px}