:root{--bg-primary: #313338;--bg-secondary: #2b2d31;--bg-tertiary: #1e1f22;--bg-modifier-hover: rgba(79, 84, 92, .16);--bg-modifier-active: rgba(79, 84, 92, .24);--bg-accent: #5865f2;--bg-floating: #111214;--text-normal: #dbdee1;--text-muted: #949ba4;--text-link: #00a8fc;--header-primary: #f2f3f5;--channels-default: #80848e;--interactive-normal: #b5bac1;--interactive-hover: #dbdee1;--interactive-active: #fff;--scrollbar-thin-thumb: #1a1b1e;--scrollbar-thin-track: #2b2d31;--input-background: #383a40;--elevation-low: 0 1px 0 rgba(0,0,0,.2), 0 1.5px 0 rgba(0,0,0,.05), 0 2px 0 rgba(0,0,0,.025)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--bg-tertiary);color:var(--text-normal);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-thin-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thin-thumb);border-radius:4px}.app{display:flex;height:100vh;overflow:hidden}.server-list{width:72px;min-width:72px;background:var(--bg-tertiary);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:8px;overflow-y:auto;scrollbar-width:none}.server-list::-webkit-scrollbar{display:none}.server-icon{width:48px;height:48px;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:var(--text-normal);cursor:pointer;transition:border-radius .2s,background .2s;position:relative;flex-shrink:0}.server-icon:hover,.server-icon.active{border-radius:16px;background:var(--bg-accent);color:#fff}.server-icon.home{background:var(--bg-primary);color:var(--text-normal)}.server-icon.home:hover,.server-icon.home.active{background:var(--bg-accent);color:#fff}.server-pill{position:absolute;left:-16px;width:8px;background:var(--header-primary);border-radius:0 4px 4px 0;transition:height .2s;height:0}.server-icon:hover .server-pill{height:20px}.server-icon.active .server-pill{height:40px}.server-separator{width:32px;height:2px;background:#ffffff0f;border-radius:1px;flex-shrink:0}.channel-sidebar{width:240px;min-width:240px;background:var(--bg-secondary);display:flex;flex-direction:column}.channel-header{height:48px;padding:0 16px;display:flex;align-items:center;font-weight:600;font-size:15px;color:var(--header-primary);box-shadow:var(--elevation-low);z-index:1;cursor:pointer}.channel-header:hover{background:var(--bg-modifier-hover)}.channel-list{flex:1;overflow-y:auto;padding:0 8px}.channel-category{padding:16px 0 4px 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--channels-default);cursor:pointer;display:flex;align-items:center;gap:4px}.channel-category:hover{color:var(--interactive-hover)}.channel-item{display:flex;align-items:center;padding:6px 8px;margin:1px 0;border-radius:4px;color:var(--channels-default);cursor:pointer;font-size:15px;gap:6px}.channel-item:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.channel-item.active{background:var(--bg-modifier-active);color:var(--interactive-active)}.channel-item .hash{font-size:20px;font-weight:500;opacity:.7}.user-panel{height:52px;background:#232428;display:flex;align-items:center;padding:0 8px;gap:8px}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-accent);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.user-info{flex:1;min-width:0}.user-info .username{font-size:13px;font-weight:600;color:var(--header-primary);line-height:1.2}.user-info .discriminator{font-size:11px;color:var(--text-muted);line-height:1.2}.user-panel-btns{display:flex;gap:4px}.user-panel-btns button{background:none;border:none;color:var(--interactive-normal);cursor:pointer;padding:4px;border-radius:4px;font-size:18px;line-height:1}.user-panel-btns button:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.chat-area{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);min-width:0}.chat-header{height:48px;min-height:48px;padding:0 16px;display:flex;align-items:center;gap:8px;box-shadow:var(--elevation-low);z-index:1}.chat-header .hash{font-size:24px;color:var(--channels-default)}.chat-header .channel-name{font-weight:600;font-size:15px;color:var(--header-primary)}.chat-header .divider{width:1px;height:24px;background:#ffffff0f;margin:0 8px}.chat-header .topic{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages{flex:1;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column}.message-group{padding:2px 16px;display:flex;gap:16px}.message-group:hover{background:#0000000f}.msg-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;margin-top:2px}.msg-content{flex:1;min-width:0}.msg-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.msg-author{font-weight:600;font-size:15px;cursor:pointer}.msg-author:hover{text-decoration:underline}.msg-timestamp{font-size:12px;color:var(--text-muted)}.msg-text{font-size:15px;line-height:1.375;color:var(--text-normal);word-wrap:break-word}.message-divider{display:flex;align-items:center;padding:0 16px;margin:8px 0}.message-divider:before,.message-divider:after{content:"";flex:1;height:1px;background:#ffffff0f}.message-divider span{font-size:12px;font-weight:600;color:var(--text-muted);padding:0 8px;white-space:nowrap}.chat-input-wrapper{padding:0 16px 24px}.chat-input{width:100%;background:var(--input-background);border:none;border-radius:8px;padding:11px 16px;font-size:15px;color:var(--text-normal);outline:none;resize:none;font-family:inherit;line-height:1.375}.chat-input::placeholder{color:var(--text-muted)}.chat-input:focus{outline:none}.member-list{width:240px;min-width:240px;background:var(--bg-secondary);overflow-y:auto;padding:16px 8px}.member-category{padding:16px 8px 4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--channels-default)}.member-item{display:flex;align-items:center;padding:6px 8px;border-radius:4px;cursor:pointer;gap:12px}.member-item:hover{background:var(--bg-modifier-hover)}.member-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.member-avatar.offline{opacity:.4}.member-info .member-name{font-size:14px;font-weight:500;color:var(--channels-default);line-height:1.2}.member-item:hover .member-name{color:var(--interactive-hover)}.member-info .member-status{font-size:12px;color:var(--text-muted);line-height:1.2}.member-item .status-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-secondary);position:absolute;bottom:-1px;right:-1px}.member-avatar-wrap{position:relative;display:inline-flex}.welcome-message{padding:16px 16px 0;margin-bottom:16px}.welcome-message h2{font-size:28px;font-weight:700;color:var(--header-primary);margin-bottom:8px}.welcome-message p{font-size:14px;color:var(--text-muted);line-height:1.5}.new-messages-bar{background:var(--bg-accent);color:#fff;font-size:13px;font-weight:600;text-align:center;padding:4px;cursor:pointer}