:root{background:#1a1a1e}.rail{background:#121214;padding-top:16px;gap:16px}.sidebar{background:#161618}.community-card{display:none}.community{height:58px}.server-actions{margin-top:18px}main{background:#1c1c20}.topbar{height:58px}.members{background:#202024}.channel.selected{background:#323237;color:#fafafa}.sidebar-bottom{background:#232327;padding:12px;gap:7px}.sidebar-bottom button{font-size:19px;margin-left:0}.sidebar-bottom>div{flex:1}.brand{padding:0}.avatar{border-radius:50%}.friends-open main> :not(#friends-page):not(#call){display:none!important}.friends-open #call{display:none!important}.friends-open #friends-page{display:flex!important;flex:1;flex-direction:column;min-height:0}.friends-tabs{min-height:58px;border-bottom:1px solid #303035;display:flex;align-items:center;gap:12px;padding:10px 22px;flex-wrap:wrap}.friends-tabs button{padding:8px 12px;color:#b6b6c0}.friends-tabs .selected,.preferences-nav .selected{background:#36363e;color:white}.friends-tabs button:last-child{background:#625cf2;color:white}.friends-content{padding:22px;overflow:auto;flex:1}.friends-content input{background:#141417;border:1px solid #303039;border-radius:7px;color:white;padding:12px;width:100%}.friends-content form{display:flex;gap:12px}.friends-content p{color:#aaaab7;line-height:1.6;overflow-wrap:anywhere}.friends-content h3{font-size:13px;text-transform:uppercase;color:#bcbcc8;margin-top:28px}.friend-row{display:flex;align-items:center;gap:12px;border-top:1px solid #303034;padding:16px 8px}.friend-row small{display:block;color:#9999a4;margin-top:5px}.friend-actions{margin-left:auto;display:flex;gap:8px}.friend-actions button{padding:9px;background:#303038}.friend-actions .primary{background:#625cf2}.empty-friends{padding:50px 15px;text-align:center}#preferences{width:min(980px,96vw);height:min(760px,94dvh);padding:0;border-radius:12px}#preferences[open]{display:grid;grid-template-columns:230px minmax(0,1fr)}.preferences-nav{padding:28px 18px;background:#18181d}.preferences-nav small{line-height:1.6;font-weight:700}.preferences-nav button{display:block;text-align:left;padding:12px;margin-top:5px}.preferences-panel{padding:30px;overflow:auto}.preferences-panel p{font-size:14px}.preferences-panel select{display:block;width:100%;padding:12px;margin-top:8px;color:white;background:#18181e;border:1px solid #464651;border-radius:6px}.check-setting{display:flex;align-items:center;gap:10px}.check-setting input{width:20px;height:20px}.camera-preview{display:block;width:100%;max-height:200px;background:#111;border-radius:8px}.preferences-panel meter{width:100%;height:20px}#preferences button{min-height:40px}.friends-open .members{display:none}.friends-open .app{grid-template-columns:76px 248px minmax(0,1fr)}@media(max-width:700px){.friends-open .app{display:block}.friends-tabs{padding:10px;gap:4px}.friends-tabs strong{width:100%}.friends-content{padding:14px}.friend-row{flex-wrap:wrap}.friend-actions{margin-left:0}.friends-content form{flex-direction:column}#preferences[open]{grid-template-columns:1fr;grid-template-rows:auto 1fr}.preferences-nav{padding:10px;display:flex;gap:6px;flex-wrap:wrap}.preferences-nav small{display:none}.preferences-nav button{width:auto;margin:0;font-size:12px;padding:8px}.preferences-panel{padding:20px}}

/* Keep the social page out of server conversations after navigating home. */
body:not(.friends-open) #friends-page{display:none!important}