.theme-toggle{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-top:auto;margin-bottom:var(--spacing-sm);cursor:pointer;background:transparent;border:none;padding:0}.toggle-track{width:48px;height:48px;border-radius:50%;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),border-radius var(--transition-fast)}.theme-toggle:hover .toggle-track{background-color:var(--brand-primary);border-radius:30%}.toggle-thumb{width:24px;height:24px;color:var(--interactive-normal);transition:color var(--transition-fast),transform var(--transition-normal)}.theme-toggle:hover .toggle-thumb{color:#fff}.toggle-icon{width:100%;height:100%}.theme-toggle:active .toggle-thumb{transform:rotate(180deg) scale(.9)}.discord-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-primary)}.server-sidebar{width:var(--server-sidebar-width);height:100%;background-color:var(--bg-tertiary);display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md) 0;flex-shrink:0;overflow-y:auto;overflow-x:hidden}.server-list{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:100%}.server-icon{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer}.server-icon-inner{width:48px;height:48px;border-radius:var(--radius-round);background-color:var(--bg-primary);color:var(--interactive-normal);display:flex;align-items:center;justify-content:center;font-size:var(--font-lg);font-weight:var(--font-weight-semibold);transition:border-radius var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.server-icon:hover .server-icon-inner,.server-icon.active .server-icon-inner{border-radius:var(--radius-lg);background-color:var(--brand-primary);color:var(--text-normal)}.server-pill{position:absolute;left:0;width:4px;height:0;background-color:var(--text-normal);border-radius:0 4px 4px 0;transition:height var(--transition-fast)}.server-icon:hover .server-pill{height:20px}.server-icon.active .server-pill{height:40px}.server-icon.has-notification .server-pill{height:8px}.server-separator{width:32px;height:2px;background-color:var(--border-strong);border-radius:1px;margin:var(--spacing-xs) 0}.channel-sidebar{width:var(--channel-sidebar-width);height:100%;background-color:var(--bg-secondary);display:flex;flex-direction:column;flex-shrink:0}.channel-header{height:var(--header-height);padding:0 var(--spacing-lg);display:flex;align-items:center;box-shadow:var(--shadow-low);cursor:pointer;transition:background-color var(--transition-fast)}.channel-header:hover{background-color:var(--bg-modifier-hover)}.server-name{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--text-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-list-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-sm) 0}.channel-list{display:flex;flex-direction:column}.channel-category{padding:var(--spacing-lg) 0 var(--spacing-xs) 0}.channel-category:first-child{padding-top:0}.category-header{display:flex;align-items:center;padding:0 var(--spacing-lg) 0 var(--spacing-md);margin-bottom:var(--spacing-xs);cursor:pointer}.category-name{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-header:hover .category-name{color:var(--interactive-hover)}.channel-item{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);margin:1px var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:background-color var(--transition-fast),color var(--transition-fast)}.channel-item:hover{background-color:var(--bg-modifier-hover);color:var(--interactive-hover)}.channel-item.active{background-color:var(--bg-modifier-selected);color:var(--interactive-active)}.channel-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-xs);font-size:var(--font-lg);opacity:.7}.channel-item:hover .channel-icon,.channel-item.active .channel-icon{opacity:1}.channel-name{font-size:var(--font-md);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-panel{height:var(--user-panel-height);background-color:var(--bg-floating);padding:0 var(--spacing-sm);display:flex;align-items:center}.user-panel-inner{display:flex;align-items:center;padding:var(--spacing-xs);border-radius:var(--radius-sm);cursor:pointer;flex:1;transition:background-color var(--transition-fast)}.user-panel-inner:hover{background-color:var(--bg-modifier-hover)}.user-avatar{flex-shrink:0;background-color:var(--brand-primary)!important}.user-info{margin-left:var(--spacing-sm);overflow:hidden;flex:1}.user-name{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--text-normal);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-status{font-size:var(--font-xs);color:var(--text-muted);line-height:1.2}.login-btn{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--brand-primary);color:var(--text-normal);border-radius:var(--radius-xs);font-size:var(--font-xs);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast)}.login-btn:hover{background-color:var(--brand-primary-hover)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--bg-primary)}.content-header{height:var(--header-height);min-height:var(--header-height);padding:0 var(--spacing-lg);display:flex;align-items:center;box-shadow:var(--shadow-low);background-color:var(--bg-primary);z-index:1}.header-title{display:flex;align-items:center;font-weight:var(--font-weight-semibold)}.header-icon{color:var(--text-muted);margin-right:var(--spacing-sm);font-size:var(--font-xl)}.header-name{color:var(--text-normal);font-size:var(--font-md)}.content-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-lg)}@media(max-width:768px){.channel-sidebar{display:none}.server-sidebar{width:60px}.server-icon,.server-icon-inner{width:40px;height:40px}}.discord-layout .ant-dropdown{background-color:var(--bg-floating)}.discord-layout .ant-dropdown-menu{background-color:var(--bg-floating);border-radius:var(--radius-sm);padding:var(--spacing-xs)}.discord-layout .ant-dropdown-menu-item{color:var(--text-muted);border-radius:var(--radius-xs)}.discord-layout .ant-dropdown-menu-item:hover{background-color:var(--brand-primary);color:var(--text-normal)}.discord-layout .ant-dropdown-menu-item-danger{color:var(--text-danger)}.discord-layout .ant-dropdown-menu-item-danger:hover{background-color:var(--brand-danger);color:var(--text-normal)}.discord-layout .ant-tooltip-inner{background-color:var(--bg-tertiary);color:var(--text-normal);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);box-shadow:var(--shadow-high)}.discord-layout .ant-tooltip-arrow:before{background-color:var(--bg-tertiary)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{width:400px}.login-title{text-align:center;margin-bottom:24px;color:#333}.login-footer{text-align:center;color:#666}:root{--bg-primary: #313338;--bg-secondary: #2b2d31;--bg-tertiary: #1e1f22;--bg-accent: #404249;--bg-floating: #232428;--bg-modifier-hover: rgba(79, 84, 92, .4);--bg-modifier-active: rgba(79, 84, 92, .6);--bg-modifier-selected: rgba(79, 84, 92, .32);--text-normal: #f2f3f5;--text-muted: #949ba4;--text-faint: #6d6f78;--text-link: #00a8fc;--text-positive: #23a55a;--text-warning: #f0b232;--text-danger: #f23f43;--interactive-normal: #b5bac1;--interactive-hover: #dbdee1;--interactive-active: #f2f3f5;--interactive-muted: #4e5058;--border-subtle: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .1);--scrollbar-thin-thumb: rgba(255, 255, 255, .1);--scrollbar-thin-track: #2b2d31;--brand-primary: #5865f2;--brand-primary-hover: #4752c4;--brand-primary-active: #3c45a5;--brand-success: #23a55a;--brand-danger: #f23f43;--brand-warning: #f0b232;--status-online: #23a55a;--status-idle: #f0b232;--status-dnd: #f23f43;--status-offline: #80848e;--server-sidebar-width: 72px;--channel-sidebar-width: 240px;--member-list-width: 240px;--header-height: 48px;--user-panel-height: 52px;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-round: 50%;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-theme: background-color .3s ease, color .3s ease, border-color .3s ease;--shadow-low: 0 1px 0 rgba(0, 0, 0, .2), 0 1.5px 0 rgba(0, 0, 0, .05);--shadow-medium: 0 4px 4px rgba(0, 0, 0, .16);--shadow-high: 0 8px 16px rgba(0, 0, 0, .24);--font-xs: 10px;--font-sm: 12px;--font-md: 14px;--font-lg: 16px;--font-xl: 20px;--font-xxl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f2f3f5;--bg-tertiary: #e3e5e8;--bg-accent: #e3e5e8;--bg-floating: #ffffff;--bg-modifier-hover: rgba(116, 127, 141, .08);--bg-modifier-active: rgba(116, 127, 141, .16);--bg-modifier-selected: rgba(116, 127, 141, .12);--text-normal: #060607;--text-muted: #4e5058;--text-faint: #80848e;--text-link: #0067e0;--interactive-normal: #4e5058;--interactive-hover: #060607;--interactive-active: #060607;--interactive-muted: #c4c9ce;--border-subtle: rgba(6, 6, 7, .08);--border-strong: rgba(6, 6, 7, .08);--scrollbar-thin-thumb: rgba(74, 77, 83, .2);--scrollbar-thin-track: #e3e5e8;--shadow-low: 0 1px 0 rgba(4, 4, 5, .2), 0 1.5px 0 rgba(6, 6, 7, .05);--shadow-medium: 0 4px 4px rgba(0, 0, 0, .08);--shadow-high: 0 8px 16px rgba(0, 0, 0, .16)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:gg sans,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-md);line-height:1.375;color:var(--text-normal);background-color:var(--bg-tertiary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-thin-track);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thin-thumb);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#ffffff26}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thin-thumb) var(--scrollbar-thin-track)}::selection{background-color:var(--brand-primary);color:var(--text-normal)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}input,textarea{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;outline:none}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-in{animation:slideInLeft var(--transition-normal)}.animate-scale-in{animation:scaleIn var(--transition-normal)}