.server-list{background:var(--bg-tertiary);flex-direction:column;gap:8px;overflow-y:auto;padding:12px 0;width:72px}.server-list,.server-list-home{align-items:center;display:flex;flex-shrink:0}.server-list-home{background:var(--red);border-radius:50%;cursor:pointer;height:48px;justify-content:center;position:relative;transition:border-radius var(--transition-speed) var(--transition-fn),background var(--transition-speed) var(--transition-fn);width:48px}.server-list-home.active,.server-list-home:hover{background:#d63638;border-radius:var(--radius-lg)}.home-icon{color:#fff;font-size:24px;line-height:1}.server-list-separator{background:var(--bg-modifier-hover);border-radius:1px;flex-shrink:0;height:2px;width:32px}.server-item{align-items:center;background:var(--bg-secondary);border-radius:50%;color:var(--text-normal);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--font-display);font-size:18px;font-weight:700;height:48px;justify-content:center;position:relative;transition:border-radius var(--transition-speed) var(--transition-fn),background var(--transition-speed) var(--transition-fn),color var(--transition-speed) var(--transition-fn),filter var(--transition-speed) var(--transition-fn);width:48px}.server-item.active,.server-item:hover{background:var(--red);border-radius:var(--radius-lg);color:#fff}.server-item.has-custom-icon{background:#0000;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.server-item.has-custom-icon.active,.server-item.has-custom-icon:hover{background:#0000}.server-active-pill{background:#fff;border-radius:0 4px 4px 0;height:40px;left:-12px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.add-server-btn{background:var(--bg-secondary)}.add-icon{color:var(--green);font-size:28px;font-weight:300;line-height:1}.add-server-btn:hover .add-icon{color:#fff}.server-item-custom-icon{border-radius:50%;display:block;height:100%;object-fit:cover;transition:border-radius .2s;width:100%}.server-item.active .server-item-custom-icon,.server-item:hover .server-item-custom-icon{border-radius:16px}.server-unread-badge{align-items:center;background:#f04747;border:2px solid var(--bg-tertiary);border-radius:8px;bottom:-4px;color:#fff;display:flex;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:1px 4px;right:-4px}.server-muted-indicator,.server-unread-badge{font-size:10px;line-height:1;pointer-events:none;position:absolute;z-index:1}.server-muted-indicator{bottom:-2px;filter:grayscale(.3);right:-2px}.server-unread-pill{background:#fff;border-radius:0 4px 4px 0;height:8px;left:-12px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.server-item.dm-item{height:40px;overflow:visible;width:40px}.server-item.dm-item .server-item-custom-icon{border-radius:50%;height:100%;object-fit:cover;width:100%}.server-item.dm-item:hover,.server-item.dm-item:hover .server-item-custom-icon{border-radius:14px}.dm-pin-indicator{align-items:center;background:#3b82f6;background:var(--brand-primary,#3b82f6);border:2px solid var(--bg-tertiary);border-radius:50%;display:flex;height:14px;justify-content:center;position:absolute;right:-2px;top:-2px;width:14px;z-index:2}.dm-pin-indicator:after{content:"\1F4CC";font-size:7px;line-height:1}.dm-context-menu{background:#18191c;background:var(--bg-floating,#18191c);border-radius:var(--radius-sm);box-shadow:0 8px 16px #0006;min-width:180px;padding:6px;z-index:10000}.server-item[draggable=true]{cursor:grab}.server-item[draggable=true]:active{cursor:grabbing}.server-item.drag-source,.server-item.dragging{opacity:.4}.server-item.drag-over{box-shadow:0 -3px 0 0 #3b82f6;box-shadow:0 -3px 0 0 var(--brand-primary,#3b82f6);margin-top:3px}@media (max-width:768px){.server-active-pill{top:-8px!important;width:24px!important}.server-active-pill,.server-unread-pill{border-radius:0 0 3px 3px!important;bottom:auto!important;height:3px!important;left:50%!important;transform:translateX(-50%)!important}.server-unread-pill{top:-6px!important;width:12px!important}.server-unread-badge{bottom:auto;right:-4px;top:-4px}.server-item.dm-item{height:36px!important;min-width:36px;width:36px!important}.server-item[draggable=true]{-webkit-user-drag:none;cursor:pointer}}.user-panel{background:var(--bg-tertiary);flex-shrink:0;padding:0}.voice-status-bar{align-items:center;background:#57f2871a;border-bottom:1px solid #57f28733;display:flex;gap:8px;padding:8px 12px;transition:background .15s}.voice-status-bar:hover{background:#57f2872e}.voice-status-dot{animation:pulse 2s infinite;background:var(--text-positive);border-radius:50%;flex-shrink:0;height:8px;width:8px}.voice-status-text{color:var(--text-positive);flex:1 1;font-size:12px;font-weight:600}.voice-disconnect-btn{align-items:center;background:none;border-radius:4px;color:var(--text-muted);display:flex;padding:2px;transition:color .15s}.voice-disconnect-btn:hover{color:var(--red)}.user-info{gap:8px;padding:8px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{border-radius:50%;cursor:pointer;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}.user-details{flex:1 1;min-width:0}.user-name{color:var(--header-primary);font-weight:600}.user-discriminator{color:var(--text-muted);font-size:11px}.user-controls{display:flex;gap:2px}.control-btn{align-items:center;background:none;border-radius:var(--radius-sm);color:var(--interactive-normal);display:flex;height:32px;justify-content:center;transition:background var(--transition-speed) var(--transition-fn),color var(--transition-speed) var(--transition-fn);width:32px}.control-btn:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.control-btn.active-mute{color:var(--red)}.control-btn.active-mute:hover{background:#ed42451a;color:var(--red)}.control-btn.disabled{cursor:not-allowed;opacity:.4}.control-btn.disabled:hover{background:none;color:var(--interactive-normal)}.user-status{color:var(--text-muted);font-size:11px}.user-name{font-size:13px;font-weight:700;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-custom-avatar{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}@media (max-width:768px){.control-btn{height:40px;min-height:40px;min-width:40px;width:40px}.voice-disconnect-btn{min-height:36px;min-width:36px;padding:6px}}.sidebar{background:var(--bg-secondary);flex-direction:column;position:relative}.sidebar,.sidebar-header{display:flex;flex-shrink:0}.sidebar-header{align-items:center;border-bottom:1px solid #0003;box-shadow:var(--elevation-low);height:48px;padding:0 16px}.sidebar-server-name{color:var(--header-primary);font-family:var(--font-display);font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-channels{flex:1 1;overflow-y:auto;padding:8px 0}.channel-category{margin-bottom:4px}.channel-category.category-muted .channel-category-header,.channel-category.category-muted .channel-item{opacity:.5}.category-muted-icon{flex-shrink:0;font-size:10px;margin-left:2px}.channel-category-header{align-items:center;background:none;color:var(--channels-default);cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.8px;padding:6px 8px 6px 16px;text-align:left;text-transform:uppercase;transition:color .15s;width:100%}.channel-category-header:hover{color:var(--header-secondary)}.collapse-arrow{display:inline-block;font-size:9px;transform:rotate(90deg);transition:transform .15s}.collapse-arrow.collapsed{transform:rotate(0deg)}.channel-item{align-items:center;background:none;border-radius:var(--radius-sm);color:var(--channels-default);cursor:pointer;display:flex;font-size:15px;gap:8px;margin:0 8px;padding:4px 8px 4px 12px;text-align:left;transition:background var(--transition-speed) var(--transition-fn),color var(--transition-speed) var(--transition-fn);width:calc(100% - 16px)}.channel-item:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.channel-item.active{background:var(--bg-modifier-selected);color:var(--interactive-active)}.channel-item.voice-active{color:var(--text-positive)}.channel-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;opacity:.7}.channel-item.active .channel-icon,.channel-item:hover .channel-icon{opacity:1}.channel-name{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-count{background:var(--bg-modifier-hover);border-radius:10px;font-size:11px;height:16px;padding:0 6px}.voice-count,.voice-user{align-items:center;color:var(--text-muted);display:flex}.voice-user{font-size:13px;gap:6px;padding:2px 8px 2px 36px}.voice-user-avatar{font-size:14px;line-height:1}.voice-user-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-share-badge{font-size:12px}.sidebar-settings-btn{background:none;border-radius:4px;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:16px;margin-left:auto;padding:2px 6px;transition:color .15s}.sidebar-settings-btn:hover{color:var(--text-normal)}.sidebar-activity-btn{align-items:center;background:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;padding:2px 6px;position:relative;transition:color .15s}.sidebar-activity-btn:hover{color:var(--text-normal)}.sidebar-activity-badge{align-items:center;background:var(--red);border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:-4px;top:-4px}.sidebar-header{gap:8px}.add-channel-btn{background:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:18px;line-height:1;margin-left:auto;padding:0 2px;transition:color .15s}.add-channel-btn:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.channel-webhook-dot{font-size:10px;opacity:.6}.voice-user.self{color:var(--text-positive)}.sidebar-server-icon{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:24px;justify-content:center;overflow:hidden;width:24px}.sidebar-server-icon.has-custom-icon{background:#0000;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.server-icon-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.voice-user-avatar-wrap{align-items:center;border-radius:50%;display:flex;font-size:14px;height:20px;justify-content:center;overflow:hidden;width:20px}.voice-user-custom-avatar{border-radius:50%;height:100%;object-fit:cover;width:100%}.dm-search-bar{border-bottom:1px solid #0000001a;flex-shrink:0;padding:8px 12px;position:relative}.dm-search-input{background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-normal);font-family:var(--font-primary);font-size:14px;padding:8px 12px;transition:background var(--transition-speed) var(--transition-fn);width:100%}.dm-search-input::placeholder{color:var(--text-muted)}.dm-search-input:focus{background:var(--bg-modifier-hover);outline:none}.dm-search-clear{background:none;border:none;border-radius:3px;color:var(--text-muted);cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:color .15s,background .15s}.dm-search-clear:hover{background:#0000001a;color:var(--text-normal)}.dm-channels-list{overflow-x:hidden;overflow-y:auto}.dm-channel-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;margin:2px 8px;padding:8px 12px;position:relative;transition:background var(--transition-speed) var(--transition-fn),padding-left var(--transition-speed) var(--transition-fn)}.dm-channel-item:hover{background:var(--bg-modifier-hover);padding-left:16px}.dm-channel-item.active{background:var(--bg-modifier-selected);padding-left:16px}.dm-channel-item.active:before{background:var(--brand-experiment);border-radius:0 2px 2px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.dm-avatar-wrapper{flex-shrink:0;position:relative}.dm-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;overflow:hidden;width:36px}.dm-avatar-img{height:100%;object-fit:cover;width:100%}.dm-status-dot{border:3px solid var(--bg-secondary);border-radius:50%;bottom:-2px;box-sizing:border-box;height:14px;position:absolute;right:-2px;width:14px}.dm-status-dot.status-online{background:#43b581}.dm-status-dot.status-idle{background:#faa61a}.dm-status-dot.status-dnd{background:#f04747}.dm-status-dot.status-offline{background:#747f8d}.dm-channel-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.dm-channel-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.dm-channel-name{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-last-time{color:var(--text-muted);flex-shrink:0;font-size:11px;font-weight:500}.dm-last-message{color:var(--text-muted);font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-you{color:var(--text-muted);font-weight:600}.dm-unread-badge{align-items:center;background:#f04747;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:2px 6px}.dm-empty-state{color:var(--text-muted);padding:40px 20px;text-align:center}.dm-empty-state p{color:var(--text-normal);font-size:15px;font-weight:600;margin-bottom:8px}.dm-empty-state span{color:var(--text-muted);font-size:13px}.dm-friends-section{border-bottom:1px solid #393c41;border-bottom:1px solid var(--bg-modifier-hover,#393c41);margin-bottom:4px;padding:0 8px 4px}.dm-friends-header{align-items:center;background:none;border:none;color:#949ba4;color:var(--text-muted,#949ba4);cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.02em;padding:8px 4px 4px;text-transform:uppercase;width:100%}.dm-friends-header:hover{color:var(--text-normal)}.dm-friend-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;padding:6px 8px;transition:background var(--transition-speed) var(--transition-fn)}.dm-friend-item:hover{background:var(--bg-modifier-hover)}.dm-friend-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.dm-friend-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-friend-status{color:#949ba4;color:var(--text-muted,#949ba4);font-size:11px;text-transform:capitalize}.dm-friend-requests{border-bottom:1px solid #393c41;border-bottom:1px solid var(--bg-modifier-hover,#393c41);margin-bottom:4px;padding:0 8px 4px}.dm-fr-header{color:#949ba4;color:var(--channels-default,#949ba4);font-size:11px;font-weight:700;letter-spacing:.5px;padding:8px 8px 6px}.dm-fr-item{align-items:center;background:#3b82f614;border-radius:4px;display:flex;gap:8px;margin-bottom:2px;padding:6px 8px;transition:background .15s}.dm-fr-item:hover{background:#3b82f626}.dm-fr-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.dm-fr-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-fr-label{color:#949ba4;color:var(--text-muted,#949ba4);font-size:11px}.dm-fr-actions{display:flex;flex-shrink:0;gap:4px}.dm-fr-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:background .15s,transform .1s;width:24px}.dm-fr-btn:hover{transform:scale(1.15)}.dm-fr-btn.accept{background:#3ba55c;background:var(--green,#3ba55c);color:#fff}.dm-fr-btn.accept:hover{background:#2d8a4e}.dm-fr-btn.ignore{background:#1e1f22;background:var(--bg-tertiary,#1e1f22);color:#949ba4;color:var(--text-muted,#949ba4)}.dm-fr-btn.ignore:hover{background:#393c41;background:var(--bg-modifier-hover,#393c41);color:var(--text-normal)}.dm-fr-btn.block{background:#1e1f22;background:var(--bg-tertiary,#1e1f22);color:#949ba4;color:var(--text-muted,#949ba4);font-size:10px}.dm-fr-btn.block:hover{background:#ed4245;background:var(--red,#ed4245);color:#fff}.dm-pin-icon{font-size:10px;margin-right:3px;opacity:.7}.channel-unread-badge{align-items:center;background:#f04747;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:16px;justify-content:center;margin-left:auto;min-width:16px;padding:1px 5px}.channel-item.has-unread .channel-name{color:#fff;color:var(--interactive-active,#fff);font-weight:700}.channel-item.has-unread .channel-icon{opacity:1}.channel-item.channel-muted{opacity:.5}.channel-muted-icon{flex-shrink:0;font-size:10px;margin-left:auto;opacity:.7}.dm-sidebar-ctx-menu{background:#18191c;background:var(--bg-floating,#18191c);border-radius:var(--radius-sm);box-shadow:0 8px 16px #0006;min-width:190px;padding:6px;z-index:10000}.dm-ctx-item{background:none;border:none;border-radius:3px;color:#b9bbbe;color:var(--interactive-normal,#b9bbbe);cursor:pointer;display:block;font-size:13px;padding:8px 10px;text-align:left;width:100%}.dm-ctx-item:hover{background:var(--bg-modifier-hover);color:#fff;color:var(--interactive-active,#fff)}.dm-ctx-item.dm-ctx-danger,.dm-ctx-item.dm-ctx-danger:hover{color:#ed4245;color:var(--red,#ed4245)}.dm-ctx-item.dm-ctx-danger:hover{background:#ed424526}.sidebar-new-dm-btn{align-items:center;background:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;padding:2px 6px;transition:color .15s}.sidebar-new-dm-btn:hover{color:var(--text-normal)}.new-message-view{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:12px}.new-msg-header{align-items:center;color:var(--header-primary);display:flex;font-size:14px;font-weight:700;justify-content:space-between;margin-bottom:12px}.new-msg-close{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:20px;line-height:1;padding:2px 6px}.new-msg-close:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.new-msg-field{margin-bottom:12px}.new-msg-label{color:var(--text-muted);display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.new-msg-input{background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-normal);font-family:var(--font-primary);font-size:13px;padding:8px 10px;width:100%}.new-msg-input:focus{box-shadow:0 0 0 1px var(--brand-experiment);outline:none}.new-msg-chips-row{background:var(--bg-tertiary);border-radius:4px;flex-wrap:wrap;min-height:36px;padding:6px 8px}.new-msg-chip,.new-msg-chips-row{align-items:center;display:flex;gap:4px}.new-msg-chip{background:var(--bg-modifier-hover);border:1px solid #ffffff1a;border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px}.new-msg-chip-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;line-height:1;padding:0 2px}.new-msg-chip-remove:hover,.new-msg-search-input{color:var(--text-normal)}.new-msg-search-input{background:none;border:none;flex:1 1;font-family:var(--font-primary);font-size:13px;min-width:80px;outline:none}.new-msg-search-input::placeholder{color:var(--text-muted)}.new-msg-results{background:var(--bg-tertiary);border-radius:4px;margin-bottom:12px;max-height:200px;overflow-y:auto}.new-msg-result-item{align-items:center;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 10px;transition:background .1s}.new-msg-result-item:hover{background:var(--bg-modifier-hover)}.new-msg-start-btn{background:var(--brand-experiment);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:auto;padding:10px;transition:background .15s,opacity .15s}.new-msg-start-btn:hover:not(:disabled){background:var(--brand-experiment-560)}.new-msg-start-btn:disabled{cursor:not-allowed;opacity:.5}.dm-call-indicator{align-items:center;animation:dmCallPulse 2s ease-in-out infinite;display:flex;flex-shrink:0;justify-content:center}@keyframes dmCallPulse{0%,to{opacity:.7}50%{opacity:1}}.dm-channel-item.in-call{background:#57f28714}.dm-channel-item.in-call:hover{background:#57f2871f}.sidebar-resize-handle{cursor:col-resize;height:100%;position:absolute;right:0;top:0;user-select:none;-webkit-user-select:none;width:4px;z-index:10}.sidebar-resize-handle:after{background:#0000;content:"";height:100%;position:absolute;right:1px;top:0;transition:background .15s;width:2px}.sidebar-resize-handle.active:after,.sidebar-resize-handle:hover:after{background:#5865f2;background:var(--brand-experiment,#5865f2)}@media (max-width:768px){.sidebar-resize-handle{display:none}.channel-item{font-size:16px;min-height:40px;padding:8px 12px}.channel-category-header{min-height:36px;padding:10px 12px 10px 16px}.dm-channel-item{min-height:48px;padding:10px 12px}.dm-fr-btn{font-size:14px;height:32px;width:32px}.dm-friend-item{min-height:44px;padding:10px 12px}.dm-search-input{font-size:16px;padding:10px 12px}}.chat-area{background:var(--bg-primary);overflow:hidden;position:relative}.chat-area,.chat-empty{display:flex;flex-direction:column;height:100%}.chat-empty{align-items:center;color:var(--text-muted);gap:16px;justify-content:center}.chat-empty-icon{color:var(--brand-500);font-size:64px;opacity:.5}.chat-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid #0003;box-shadow:var(--elevation-low);display:flex;flex-shrink:0;gap:8px;height:48px;padding:0 16px;z-index:1}.chat-header-icon{color:var(--text-muted)}.chat-header-name{color:var(--header-primary);font-family:var(--font-display);font-size:15px;font-weight:700}.chat-header-divider{background:var(--interactive-muted);flex-shrink:0;height:20px;width:1px}.chat-header-desc{color:var(--text-muted);font-size:14px}.messages-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px 0 0}.loading-older-messages{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:8px;justify-content:center;padding:12px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:2px solid var(--text-muted);border-radius:50%;border-top:2px solid #0000;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.messages-welcome{padding:16px 16px 32px;text-align:left}.welcome-icon{align-items:center;background:var(--bg-secondary);border-radius:50%;color:var(--bg-modifier-active);color:var(--text-muted);display:flex;font-size:64px;font-weight:900;height:72px;justify-content:center;margin-bottom:16px;width:72px}.messages-welcome h3{color:var(--header-primary);font-family:var(--font-display);font-size:28px;font-weight:700;margin-bottom:8px}.messages-welcome p{color:var(--text-muted);font-size:15px}.message-date-divider{align-items:center;color:var(--text-muted);display:flex;font-size:12px;font-weight:600;gap:12px;padding:8px 16px}.message-date-divider:after,.message-date-divider:before{background:var(--bg-modifier-hover);content:"";flex:1 1;height:1px}.message{-webkit-touch-callout:none;align-items:flex-start;animation:fadeIn .15s ease;display:flex;gap:16px;padding:2px 16px;position:relative}.message:not(.grouped){margin-top:16px;padding-top:2px}@media (hover:hover){.message:hover{background:var(--bg-modifier-hover)}.message:hover .message-actions{opacity:1;pointer-events:all}}.message.highlighted{animation:highlightFade 2s ease-out;background:#3b82f633}@keyframes highlightFade{0%{background:#3b82f64d}to{background:#3b82f60d}}@keyframes toastFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.message-avatar{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:22px;height:40px;justify-content:center}.message-avatar,.message-avatar-spacer{flex-shrink:0;width:40px}.message-content-wrap{flex:1 1;min-width:0}.message-header{align-items:baseline;display:flex;gap:8px;margin-bottom:2px}.message-author{cursor:pointer;font-size:15px;font-weight:600}.message-author:hover{text-decoration:underline}.message-time{color:var(--text-muted);font-size:11px}.message-text{color:var(--text-normal);font-size:15px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.message-text p{margin:0 0 8px}.message-text p:last-child{margin-bottom:0}.message-text code{background:var(--bg-tertiary);border-radius:3px;color:#00d4aa;color:var(--code-color,#00d4aa);font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em;padding:2px 5px}.message-text pre{background:var(--bg-tertiary);border:var(--border-subtle);border-radius:var(--radius-sm);margin:4px 0;overflow-x:auto;padding:8px}.message-text pre code{background:none;color:#d1d5da;color:var(--code-text,#d1d5da);padding:0}.message-text strong{font-weight:700}.message-text em{font-style:italic}.message-text a{color:#00aff4;color:var(--link-color,#00aff4);text-decoration:none}.message-text a:hover{text-decoration:underline}.message-text ol,.message-text ul{margin:4px 0 4px 20px;padding:0}.message-text li{margin:2px 0}.message-text blockquote{border-left:4px solid var(--border-color);color:var(--text-secondary);margin:4px 0;padding-left:12px}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction{align-items:center;background:var(--bg-secondary);border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:14px;gap:4px;padding:2px 8px;transition:background var(--transition-speed) var(--transition-fn),border-color var(--transition-speed) var(--transition-fn)}.reaction span{color:var(--text-muted);font-size:12px;font-weight:600}.reaction:hover{background:var(--bg-modifier-hover);border-color:var(--brand-500)}.reaction.reacted{background:#3b82f626;border-color:var(--brand-500)}.reaction.reacted span{color:var(--brand-500)}.message-actions{background:var(--bg-floating);border:var(--border-subtle);border-radius:var(--radius-sm);display:flex;gap:4px;opacity:0;padding:4px;pointer-events:none;position:absolute;right:16px;top:-14px;transition:opacity .1s;z-index:10}.message-options-btn,.reaction-btn,.reply-action-btn{background:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;line-height:1;padding:4px 6px;transition:background var(--transition-speed) var(--transition-fn)}.message-options-btn,.reply-action-btn{color:var(--text-muted);opacity:.8}.message-options-btn{font-size:20px;font-weight:400;letter-spacing:-2px}@media (hover:hover){.message-options-btn:hover,.reaction-btn:hover,.reply-action-btn:hover{background:var(--bg-modifier-hover)}.message-options-btn:hover,.reply-action-btn:hover{color:var(--text-normal);opacity:1}}.reaction-picker{background:var(--bg-floating);border:var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--elevation-high);display:flex;gap:4px;padding:8px;position:absolute;right:0;top:36px;z-index:20}.reaction-picker button{background:none;border-radius:var(--radius-sm);cursor:pointer;font-size:20px;line-height:1;padding:4px;transition:background var(--transition-speed) var(--transition-fn),transform var(--transition-speed) var(--transition-fn)}.reaction-picker button:hover{background:var(--bg-modifier-hover);transform:scale(1.2)}.emoji-picker{background:var(--bg-floating);border:var(--border-prominent);border-radius:var(--radius-md);box-shadow:var(--elevation-high);display:flex;flex-direction:column;max-height:380px;overflow:hidden;position:absolute;right:0;top:36px;width:320px;z-index:20}.emoji-picker-quick{display:flex;gap:2px;justify-content:center;padding:8px 8px 4px}.emoji-quick-btn{background:none;border-radius:6px;cursor:pointer;font-size:22px;line-height:1;padding:4px 6px;transition:background .1s,transform .1s}.emoji-quick-btn:hover{background:var(--bg-modifier-hover);transform:scale(1.15)}.emoji-picker-divider{background:#ffffff0f;height:1px;margin:4px 8px}.emoji-picker-pages{border-bottom:1px solid #ffffff0f;display:flex;gap:2px;overflow-x:auto;padding:4px 8px}.emoji-page-tab{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-normal);cursor:pointer;display:flex;font-size:14px;justify-content:center;line-height:1;min-width:28px;opacity:.5;padding:4px 8px;transition:background .1s}.emoji-page-tab:hover{background:var(--bg-modifier-hover);opacity:.8}.emoji-page-tab.active{background:var(--bg-modifier-selected);opacity:1}.custom-emoji-grid-btn{align-items:center;display:flex;justify-content:center}.custom-emoji-grid-btn img{object-fit:contain}.custom-emoji-inline{display:inline;height:20px;object-fit:contain;vertical-align:middle;width:20px}.reaction .custom-emoji-inline{height:18px;width:18px}.emoji-picker-categories{border-bottom:1px solid #ffffff0f;display:flex;gap:2px;padding:4px 8px}.emoji-cat-btn{background:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:16px;line-height:1;opacity:.5;padding:4px 6px;text-align:center;transition:background .1s}.emoji-cat-btn:hover{background:var(--bg-modifier-hover);opacity:.8}.emoji-cat-btn.active{background:var(--bg-modifier-selected);opacity:1}.emoji-picker-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px 2px;text-transform:uppercase}.emoji-picker-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(8,1fr);max-height:200px;overflow-y:auto;padding:4px 8px 8px}.emoji-grid-btn{background:none;border-radius:4px;cursor:pointer;font-size:20px;line-height:1;padding:4px;text-align:center;transition:background .1s,transform .1s}.emoji-grid-btn:hover{background:var(--bg-modifier-hover);transform:scale(1.2)}.typing-bar{flex-shrink:0;height:24px;padding:0 16px}.typing-indicator{color:var(--text-muted);font-size:12px;gap:8px}.typing-dots,.typing-indicator{align-items:center;display:flex}.typing-dots{gap:3px}.typing-dots span{animation:pulse 1.2s infinite;background:var(--text-muted);border-radius:50%;height:4px;width:4px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.chat-input-wrap{flex-shrink:0;padding:0 16px 16px}.chat-input-box{align-items:flex-end;background:var(--bg-modifier-hover);border:1px solid #0000;border-radius:var(--radius-md);display:flex;gap:0;padding:6px 6px 6px 16px;transition:border-color var(--transition-speed) var(--transition-fn)}.chat-input-box:focus-within{border-color:#ffffff1a}.chat-input{background:none;color:var(--text-normal);flex:1 1;font-size:15px;line-height:1.4;max-height:200px;min-height:22px;overflow-y:auto;padding:5px 0;resize:none;transition:height .1s ease}.chat-input::placeholder{color:var(--text-muted)}.chat-input-actions{align-items:center;display:flex;flex-shrink:0;gap:2px;margin-left:8px}.chat-input-actions .emoji-picker{bottom:44px;right:0;top:auto}.chat-input-actions .attach-btn{align-items:center;border-radius:4px;display:flex;height:32px;justify-content:center;width:32px}.chat-input-actions .attach-btn.active{background:#3b82f61a;color:var(--brand-500)}.send-btn{align-items:center;background:var(--brand-500);border-radius:var(--radius-sm);color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background var(--transition-speed) var(--transition-fn),transform .1s;width:32px}.send-btn:hover:not(:disabled){background:var(--brand-600)}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{background:var(--interactive-muted);cursor:not-allowed}.msg-attachment-img{margin-top:6px;max-width:400px}.msg-attachment-img img{background:var(--bg-secondary);border-radius:var(--radius-sm);display:block;max-height:300px;max-width:100%;object-fit:contain;transition:opacity var(--transition-speed) var(--transition-fn)}.msg-attachment-img img:hover{opacity:.92}.msg-attachment-file{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-muted);display:inline-block;font-size:13px;margin-top:6px;padding:8px 12px}.chat-area.drag-over{outline:2px dashed var(--brand-500);outline-offset:-4px}.drop-overlay{align-items:center;background:#3b82f626;border:3px dashed var(--brand-500);border-radius:4px;color:var(--brand-500);display:flex;font-size:20px;font-weight:700;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:50}.pending-attachments{background:var(--bg-primary);display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px 0}.pending-attachment{background:var(--bg-secondary);border-radius:var(--radius-md);flex-shrink:0;height:80px;overflow:hidden;position:relative;width:80px}.pending-attachment img{height:100%;object-fit:cover;width:100%}.remove-attachment{align-items:center;background:#000000b3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:2px;top:2px;transition:background .1s;width:20px}.remove-attachment:hover{background:var(--red)}.attach-btn{align-items:center;background:none;border-radius:4px;color:var(--text-muted);display:flex;flex-shrink:0;padding:4px;transition:color .15s}.attach-btn:hover{color:var(--text-normal)}.webhook-badge{background:var(--brand-500);border-radius:3px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px;padding:1px 5px;vertical-align:middle}.webhook-msg .message-avatar{border-radius:12px}.webhook-embed{background:var(--bg-secondary);border-left:4px solid #3b82f6;border-left:4px solid var(--brand-500,#3b82f6);border-radius:4px;margin-top:6px;max-width:520px;padding:10px 14px;position:relative}.embed-author{align-items:center;color:var(--text-normal);display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:4px}.embed-author-icon{border-radius:50%;height:20px;width:20px}.embed-author a{color:var(--text-normal);text-decoration:none}.embed-author a:hover{text-decoration:underline}.embed-title{font-size:15px;font-weight:700;margin-bottom:4px}.embed-title a{color:var(--text-link);text-decoration:none}.embed-title a:hover{text-decoration:underline}.embed-description{color:var(--text-normal);font-size:14px;line-height:1.4;margin-bottom:8px;white-space:pre-wrap;word-break:break-word}.embed-fields{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.embed-field{flex:0 0 100%}.embed-field.inline{flex-basis:calc(33.33% - 6px);flex-grow:0;flex-shrink:0;min-width:100px}.embed-field-name{color:var(--header-primary);font-size:13px;font-weight:700;margin-bottom:2px}.embed-field-value{color:var(--text-normal);font-size:13px;line-height:1.3;white-space:pre-wrap}.embed-image{border-radius:4px;margin-top:8px;max-height:300px;max-width:100%}.embed-thumbnail{border-radius:4px;height:80px;object-fit:cover;position:absolute;right:14px;top:10px;width:80px}.embed-footer{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:6px;margin-top:6px}.embed-footer-icon{border-radius:50%;height:16px;width:16px}.chat-header-actions{display:flex;gap:4px;margin-left:auto}.header-action-btn{background:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:4px 8px;transition:all var(--transition-speed) var(--transition-fn)}.header-action-btn:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.chat-header-topic{color:var(--text-muted);font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-overlay{align-items:center;animation:fadeIn .15s ease;background:#000000e6;cursor:zoom-out;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.lightbox-inner{align-items:center;cursor:default;display:flex;flex-direction:column;gap:10px;max-height:90vh;max-width:90vw;position:relative}.lightbox-img{border-radius:6px;box-shadow:0 8px 40px #0009;display:block;max-height:80vh;max-width:90vw;object-fit:contain}.lightbox-close{align-items:center;background:#ffffff26;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:0;top:-36px;transition:background .15s;width:28px}.lightbox-close:hover{background:#ffffff4d}.lightbox-name{color:#ffffffb3;font-size:13px}.lightbox-download{background:#3b82f626;border-radius:4px;color:var(--brand-500);font-size:13px;padding:4px 12px;text-decoration:none;transition:background .15s}.lightbox-download:hover{background:#3b82f64d}.msg-attachment-img{display:inline-block;position:relative}.gif-badge{background:#000000b3;border-radius:3px;bottom:6px;color:#fff;font-size:11px;font-weight:800;left:6px;letter-spacing:.5px;padding:1px 5px;pointer-events:none;position:absolute}.gif-badge.small{bottom:3px;font-size:9px;left:3px;padding:1px 4px}.gif-img,.msg-attachment-img img{cursor:zoom-in}.message-avatar.avatar-loading{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%)!important;background-size:400px 100%!important}.avatar-custom-img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.edited-badge{color:var(--text-muted);font-size:10px;font-weight:400;margin-left:4px}.message-reply-indicator{align-items:center;background:#3b82f60d;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:8px;margin-bottom:4px;margin-left:0;padding:4px 8px 4px 12px;position:relative;transition:background .15s}.message-reply-indicator:hover{background:#3b82f61f}.message-reply-indicator:before{height:calc(100% + 8px);width:3px}.message-reply-indicator:after,.message-reply-indicator:before{background:var(--text-muted);border-radius:2px;content:"";left:0;position:absolute;top:50%;transform:translateY(-50%)}.message-reply-indicator:after{height:3px;width:12px}.reply-author{align-items:center;display:flex;font-weight:600;gap:4px}.reply-author:before{color:var(--text-muted);content:"↩";font-size:14px;font-weight:400}.reply-content{color:var(--text-muted);flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message.editing{background:#3b82f60d;border-radius:4px;padding:2px 4px}.message-edit-box{display:flex;flex-direction:column;gap:8px;margin-top:4px}.edit-input{background:var(--input-background);border:1px solid var(--bg-modifier-accent);border-radius:4px;color:var(--text-normal);font-family:inherit;font-size:14px;min-height:60px;outline:none;padding:8px 12px;resize:vertical}.edit-input:focus{border-color:var(--brand-500)}.edit-actions{align-items:center;display:flex;gap:8px}.edit-cancel-btn,.edit-save-btn{border-radius:3px;cursor:pointer;font-size:13px;font-weight:500;padding:4px 12px;transition:background .15s}.edit-save-btn{background:var(--brand-500);border:none;color:#fff}.edit-save-btn:hover{background:var(--brand-600)}.edit-cancel-btn{background:#0000;border:none;color:var(--text-normal)}.edit-cancel-btn:hover{text-decoration:underline}.edit-hint{color:var(--text-muted);font-size:11px;margin-left:auto}.reply-indicator-bar{align-items:center;background:var(--bg-secondary);border-top:2px solid var(--brand-500);display:flex;justify-content:space-between;padding:8px 16px}.reply-indicator-content{align-items:center;display:flex;font-size:13px;gap:6px}.reply-label{color:var(--text-muted);font-weight:500}.reply-username{font-weight:600}.reply-preview{color:var(--text-muted);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-cancel-btn{background:#0000;border:none;border-radius:3px;color:var(--text-muted);cursor:pointer;font-size:16px;padding:4px 8px;transition:color .15s,background .15s}.reply-cancel-btn:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.header-action-btn.active-call{background:#57f2871f;color:var(--text-positive)}.header-action-btn.active-call:hover{background:#57f28733}.header-action-btn:disabled{cursor:not-allowed;opacity:.5}.refresh-btn svg{transition:transform .3s ease}.refresh-btn:active svg{transform:rotate(180deg)}.add-member-dropdown{background:var(--bg-secondary);border-bottom:1px solid #0003;flex-shrink:0;padding:8px 12px}.add-member-search{background:var(--bg-tertiary);border:none;border-radius:4px;color:var(--text-normal);font-family:var(--font-primary);font-size:14px;margin-bottom:6px;padding:8px 12px;width:100%}.add-member-search::placeholder{color:var(--text-muted)}.add-member-search:focus{box-shadow:0 0 0 2px var(--brand-500);outline:none}.add-member-list{max-height:200px;overflow-y:auto}.add-member-item{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-normal);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:6px 8px;text-align:left;transition:background .1s;width:100%}.add-member-item:hover{background:var(--bg-modifier-hover)}.add-member-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;overflow:hidden;width:28px}.add-member-name{font-weight:500}.add-member-empty{color:var(--text-muted);font-size:13px;padding:12px;text-align:center}.mention-tag{background:#3b82f64d;border-radius:3px;color:#dee0fc;cursor:pointer;font-weight:600;padding:0 2px;transition:background .1s}.mention-tag:hover{background:#3b82f680;color:#fff}.mention-everyone{background:#faa61a40;color:#faa61a}.mention-everyone:hover{background:#faa61a66}.mention-role{background:color-mix(in srgb,#3b82f6 25%,#0000);background:color-mix(in srgb,var(--mention-color,#3b82f6) 25%,#0000);color:#dee0fc;color:var(--mention-color,#dee0fc)}.mention-role:hover{background:color-mix(in srgb,#3b82f6 40%,#0000);background:color-mix(in srgb,var(--mention-color,#3b82f6) 40%,#0000)}.channel-link{background:#3b82f633;border-radius:3px;color:#8ab4f8;color:var(--text-link,#8ab4f8);cursor:pointer;font-weight:500;padding:0 2px;transition:background .1s,color .1s}.channel-link:hover{background:#3b82f666;color:#aac8ff;text-decoration:underline}.custom-emoji-placeholder{color:var(--text-muted);font-size:13px}.message.mention-highlight{background:#faa61a0f;border-left:2px solid #faa61a80}.mention-autocomplete{background:var(--bg-secondary);border:var(--border-prominent);border-radius:var(--radius-md);bottom:100%;box-shadow:0 4px 12px #0000004d;left:0;margin-bottom:4px;max-height:240px;overflow-y:auto;position:absolute;right:0;z-index:50}.mention-autocomplete-header{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;padding:8px 12px 4px;text-transform:uppercase}.mention-autocomplete-item{align-items:center;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:background .1s}.mention-autocomplete-item.active,.mention-autocomplete-item:hover{background:var(--bg-modifier-hover)}.mention-autocomplete-item .mention-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;width:24px}.mention-autocomplete-item .mention-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.mention-autocomplete-item .mention-name{color:var(--text-primary);font-size:14px;font-weight:500}.mention-autocomplete-item .mention-role-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.command-autocomplete .mention-autocomplete-item{gap:10px}.command-icon-badge{align-items:center;background:var(--bg-tertiary);border-radius:6px;display:flex;flex-shrink:0;font-size:16px;height:28px;justify-content:center;width:28px}.command-info{display:flex;flex-direction:column;gap:1px;min-width:0}.command-name{color:var(--text-normal);font-size:14px;font-weight:600}.command-desc{color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes mobilePanelSlideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:768px){.chat-header{display:none}.chat-area--thread-view .chat-header{display:flex;gap:4px;height:44px;padding:0 8px}.chat-header-name{flex-shrink:1;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-actions{flex-shrink:0;gap:2px}.refresh-btn{display:none}.header-action-btn{align-items:center;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:6px}.chat-header-desc,.chat-header-topic{display:none}.chat-side-panel{animation:mobilePanelSlideIn .2s cubic-bezier(.4,0,.2,1);border-left:none!important;bottom:0!important;height:auto!important;left:0!important;position:fixed!important;right:0!important;top:96px!important;width:100%!important;z-index:100!important}.message.mobile-actions-visible{background:var(--bg-modifier-hover)}.message .message-actions{opacity:1;pointer-events:all}.message-actions{gap:8px;padding:6px;right:8px;top:-12px}.message-options-btn,.reaction-btn,.reply-action-btn{align-items:center;display:flex;font-size:18px;justify-content:center;min-height:36px;min-width:36px;padding:8px 10px}.emoji-picker{bottom:8px;left:8px;max-height:50vh;position:fixed;right:8px;top:auto;width:auto;z-index:200}.emoji-picker-grid{grid-template-columns:repeat(7,1fr)}.emoji-grid-btn{font-size:22px;padding:6px}.emoji-quick-btn{font-size:24px;padding:6px 8px}.reaction-picker{bottom:8px;flex-wrap:wrap;justify-content:center;left:8px;position:fixed;right:8px;top:auto;z-index:200}.reaction-picker button{font-size:24px;padding:8px}.chat-input-box{gap:0;padding:4px 4px 4px 12px}.chat-input-actions .attach-btn{min-height:36px;min-width:36px}.lightbox-close,.send-btn{height:36px;width:36px}.lightbox-close{font-size:18px;position:fixed;right:8px;top:8px;z-index:2001}.lightbox-download{font-size:14px;padding:8px 16px}.msg-attachment-img{max-width:100%}.msg-attachment-img img{max-height:200px}.reply-preview{max-width:150px}.pending-attachment{height:60px;width:60px}.remove-attachment{font-size:14px;height:24px;width:24px}.chat-side-panel button{min-height:32px;min-width:32px}}.message-request-banner{align-items:center;background:var(--bg-secondary);border-top:1px solid #ffffff0f;border-top:1px solid var(--border-color,#ffffff0f);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:12px 16px}.message-request-text{color:var(--text-normal);display:flex;flex-direction:column;font-size:14px;gap:2px}.message-request-hint{color:var(--text-muted);font-size:12px}.message-request-actions{display:flex;flex-shrink:0;gap:8px}.message-request-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:background .15s,opacity .15s}.message-request-btn:hover{opacity:.85}.message-request-btn.accept{background:#3ba55d;color:#fff}.message-request-btn.ignore{background:#2b2d31;background:var(--bg-tertiary,#2b2d31);color:var(--text-normal)}.message-request-btn.block{background:#ed4245;color:#fff}.chat-input:disabled{cursor:not-allowed;opacity:.5}@media (max-width:600px){.message-request-banner{align-items:flex-start;flex-direction:column}.message-request-actions{justify-content:flex-end;width:100%}}@media (max-height:500px) and (orientation:landscape){.chat-header{display:none}.chat-side-panel{animation:mobilePanelSlideIn .2s cubic-bezier(.4,0,.2,1);border-left:none!important;bottom:0!important;height:auto!important;left:0!important;position:fixed!important;right:0!important;top:88px!important;width:100%!important;z-index:100!important}}.pull-to-refresh-indicator{display:flex;display:none;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:48px;z-index:5}.pull-to-refresh-spinner{align-items:center;background:#2b2d31;background:var(--bg-secondary,#2b2d31);border-radius:50%;box-shadow:0 3px 16px #0009,0 0 0 1px #ffffff14;display:flex;height:40px;justify-content:center;width:40px}.pull-to-refresh-spinner:after{border:3px solid #ffffff26;border-radius:50%;border-top-color:#ed4245;content:"";height:22px;width:22px}.pull-to-refresh-spinner.spinning:after{animation:ptr-spin .8s linear infinite}@keyframes ptr-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.pull-to-refresh-indicator{display:flex}}.message-context-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.message-context-menu{animation:contextMenuFadeIn .1s ease-out;background:var(--bg-floating);border-radius:4px;box-shadow:0 8px 16px #0006;min-width:200px;padding:6px;position:fixed;z-index:10000}.context-menu-item{align-items:center;background:#0000;border:none;border-radius:2px;color:var(--text-normal);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;text-align:left;transition:background .1s,color .1s;width:100%}.context-menu-item:hover{background:var(--red);color:#fff}.context-menu-item.warning{color:#fee75c;color:var(--yellow,#fee75c)}.context-menu-item.warning:hover{background:#fee75c;background:var(--yellow,#fee75c);color:#000}.context-menu-item.danger{color:var(--red)}.context-menu-item.danger:hover{background:var(--red);color:#fff}.context-menu-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.context-menu-divider{background:var(--bg-modifier-accent);height:1px;margin:4px 0}@media (max-width:768px){.message-context-menu{border-radius:12px;bottom:60px!important;left:8px!important;min-width:0;padding:8px;position:fixed;right:8px;top:auto!important;width:auto}.context-menu-item{font-size:16px;min-height:44px;padding:12px 16px}.context-menu-icon{font-size:20px;width:24px}}.invite-embed{animation:inviteEmbedIn .2s ease-out;background:#1e1f22;background:var(--bg-tertiary,#1e1f22);border-left:4px solid #3b82f6;border-left:4px solid var(--brand-500,#3b82f6);border-radius:8px;margin-top:4px;max-width:400px;padding:12px 16px}@keyframes inviteEmbedIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.invite-embed.loading{align-items:center;color:#949ba4;color:var(--text-muted,#949ba4);display:flex;font-size:13px;gap:8px;padding:10px 16px}.invite-embed-loading-dot{animation:invitePulse 1s ease-in-out infinite;background:#949ba4;background:var(--text-muted,#949ba4);border-radius:50%;height:8px;width:8px}@keyframes invitePulse{0%,to{opacity:.3}50%{opacity:1}}.invite-embed.invalid{align-items:center;border-left-color:#949ba4;border-left-color:var(--text-muted,#949ba4);display:flex;gap:10px;padding:10px 16px}.invite-embed-invalid-icon{flex-shrink:0;font-size:20px}.invite-embed-invalid-text{display:flex;flex-direction:column}.invite-embed-invalid-title{color:#dbdee1;color:var(--text-normal,#dbdee1);font-size:14px;font-weight:600}.invite-embed-invalid-desc{color:#949ba4;color:var(--text-muted,#949ba4);font-size:12px}.invite-embed-header{color:#b5bac1;color:var(--header-secondary,#b5bac1);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:10px}.invite-embed-body{align-items:center;display:flex;gap:12px}.invite-embed-server-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.invite-embed-server-img{border-radius:16px;height:100%;object-fit:cover;width:100%}.invite-embed-server-initial{color:#fff;font-size:18px;font-weight:700}.invite-embed-info{flex:1 1;min-width:0}.invite-embed-server-name{color:#f2f3f5;color:var(--header-primary,#f2f3f5);font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-embed-meta{align-items:center;color:#949ba4;color:var(--text-muted,#949ba4);display:flex;font-size:13px;gap:4px;margin-top:2px}.invite-embed-online-dot{background:#949ba4;background:var(--text-muted,#949ba4);border-radius:50%;flex-shrink:0;height:8px;width:8px}.invite-embed-join-btn{background:#3ba55c;background:var(--green,#3ba55c);border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:6px 20px;transition:background .15s;white-space:nowrap}.invite-embed-join-btn:hover:not(:disabled){background:#2d8a4e}.invite-embed-join-btn:disabled{cursor:not-allowed;opacity:.6}.invite-embed-join-btn.joined{background:#393c41;background:var(--bg-modifier-hover,#393c41);color:#949ba4;color:var(--text-muted,#949ba4)}@media (max-width:768px){.invite-embed{max-width:100%}.invite-embed-body{flex-wrap:wrap;gap:10px}.invite-embed-join-btn{font-size:15px;min-height:44px;padding:10px 20px}}.url-embed{background:var(--bg-tertiary);border-left:4px solid var(--brand-500);border-radius:4px;color:inherit;display:flex;flex-direction:row;margin-top:4px;max-width:520px;overflow:hidden;text-decoration:none;transition:background .15s}.url-embed:hover{background:var(--bg-modifier-hover)}.url-embed.youtube{border-left-color:red;flex-direction:column}.url-embed-image{flex-shrink:0;position:relative}.url-embed:not(.youtube) .url-embed-image{height:80px;width:80px}.url-embed:not(.youtube) .url-embed-image img{height:100%;object-fit:cover;width:100%}.url-embed.youtube .url-embed-image{max-height:300px;width:100%}.url-embed.youtube .url-embed-image img{display:block;height:auto;width:100%}.url-embed-play-icon{align-items:center;background:#0009;border-radius:50%;display:flex;height:48px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px}.url-embed-content{min-width:0;overflow:hidden;padding:8px 12px}.url-embed-site{color:var(--text-muted);font-size:11px;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.url-embed-title{color:var(--brand-500);font-size:14px;font-weight:600;white-space:nowrap}.url-embed-desc,.url-embed-title{overflow:hidden;text-overflow:ellipsis}.url-embed-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:13px;margin-top:2px}@media (max-width:768px){.url-embed{max-width:100%}.url-embed:not(.youtube) .url-embed-image{height:60px;width:60px}.url-embed.youtube .url-embed-image{max-height:200px}.url-embed-content{padding:6px 10px}.url-embed-title{font-size:13px}}.gif-picker{background:var(--bg-secondary);border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;left:0;max-height:500px;overflow:hidden;position:absolute;width:420px;z-index:100}.gif-picker-header{border-bottom:1px solid var(--bg-modifier-hover);flex-shrink:0;padding:8px}.gif-picker-search{background:var(--bg-tertiary);border:none;border-radius:4px;box-sizing:border-box;color:var(--text-normal);font-size:14px;outline:none;padding:8px 12px;width:100%}.gif-picker-search::placeholder{color:var(--text-muted)}.gif-picker-grid{column-count:2;column-gap:6px;flex:1 1;overflow-y:auto;padding:6px}.gif-picker-grid::-webkit-scrollbar{width:6px}.gif-picker-grid::-webkit-scrollbar-thumb{background:var(--bg-modifier-hover);border-radius:3px}.gif-picker-item{background:var(--bg-tertiary);border:none;border-radius:6px;break-inside:avoid;cursor:pointer;display:block;margin-bottom:6px;overflow:hidden;padding:0;page-break-inside:avoid;transition:transform .1s;width:100%}.gif-picker-item:hover{transform:scale(1.02)}.gif-picker-item img{border-radius:6px;display:block;height:auto;width:100%}.gif-picker-loading{color:var(--text-muted);column-span:all;font-size:14px;padding:24px;text-align:center}.gif-picker-footer{border-top:1px solid var(--bg-modifier-hover);color:var(--text-muted);flex-shrink:0;font-size:11px;padding:6px 12px;text-align:right}@media (max-width:768px){.gif-picker{bottom:120px;left:8px;max-height:50vh;position:fixed;right:8px;top:auto;width:auto;z-index:200}.gif-picker-search{font-size:16px;padding:10px 12px}}.cmd-message{background:var(--bg-secondary);border-left:3px solid var(--brand-500);border-radius:8px;margin-top:6px;max-width:400px;padding:12px 14px}.cmd-roll{border-left-color:#3b82f6;gap:14px}.cmd-roll,.cmd-roll-dice{align-items:center;display:flex}.cmd-roll-dice{flex-direction:column;gap:2px}.cmd-roll-icon{font-size:28px}.cmd-roll-label{color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase}.cmd-roll-result{font-feature-settings:"tnum";color:var(--text-normal);font-size:36px;font-variant-numeric:tabular-nums;font-weight:800;min-width:50px;text-align:center}.cmd-roll-result.animating{animation:roll-pulse .15s ease-in-out infinite alternate;color:var(--text-muted)}.cmd-roll-result.final{animation:roll-land .3s ease-out;color:#57f287}@keyframes roll-pulse{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}@keyframes roll-land{0%{transform:scale(1.3)}60%{transform:scale(.95)}to{transform:scale(1)}}.cmd-coinflip{align-items:center;border-left-color:#fee75c;display:flex;gap:14px}.cmd-coin{font-size:40px;transition:transform .1s}.cmd-coin.flipping{animation:coin-flip .2s ease-in-out infinite}@keyframes coin-flip{0%{transform:rotateY(0deg)}50%{transform:rotateY(90deg)}to{transform:rotateY(180deg)}}.cmd-coinflip-result{color:var(--text-normal);font-size:20px;font-weight:700;opacity:0;transition:opacity .3s}.cmd-coinflip-result.visible{opacity:1}.cmd-8ball{border-left-color:#9b59b6}.cmd-8ball-question{color:var(--text-muted);font-size:14px;font-style:italic;margin-bottom:8px}.cmd-8ball-answer{align-items:center;color:#bb9af7;display:flex;font-size:16px;font-weight:600;gap:8px}.cmd-8ball-icon{font-size:24px}.cmd-choose{border-left-color:#3ba55d}.cmd-choose-options{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.cmd-choose-option{background:var(--bg-tertiary);border-radius:12px;color:var(--text-muted);font-size:13px;padding:4px 10px;transition:all .2s}.cmd-choose-option.chosen{background:#3ba53d33;box-shadow:0 0 0 1px #57f28766;color:#57f287;font-weight:600}.cmd-choose-result{color:var(--text-normal);font-size:15px}.cmd-choose-result strong{color:#57f287}.cmd-rps{border-left-color:#e67e22}.cmd-rps-matchup{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:10px}.cmd-rps-choice{align-items:center;display:flex;flex-direction:column;gap:4px}.cmd-rps-emoji{font-size:32px}.cmd-rps-label{color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase}.cmd-rps-vs{color:var(--text-muted);font-size:14px;font-weight:700}.cmd-rps-result{border-radius:4px;font-size:16px;font-weight:700;padding:6px;text-align:center}.cmd-rps-result.win{background:#57f2871a;color:#57f287}.cmd-rps-result.lose{background:#ed42451a;color:#ed4245}.cmd-rps-result.tie{background:#fee75c1a;color:#fee75c}.cmd-serverinfo{border-left-color:#3b82f6}.cmd-serverinfo-title{color:var(--header-primary);font-size:16px;font-weight:700;margin-bottom:10px}.cmd-serverinfo-grid{display:flex;gap:20px}.cmd-serverinfo-stat{display:flex;flex-direction:column;gap:2px}.cmd-stat-label{color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase}.cmd-stat-value{color:var(--text-normal);font-size:20px;font-weight:700}.cmd-remindme{border-left-color:#fee75c}.cmd-remindme-header{align-items:center;color:var(--text-normal);display:flex;font-size:14px;font-weight:600;gap:8px}.cmd-remindme-icon{font-size:18px}.cmd-remindme-message{color:var(--text-muted);font-size:13px;font-style:italic;margin-top:6px}.cmd-poll{border-left-color:#3b82f6;max-width:450px}.cmd-poll-header{align-items:flex-start;display:flex;gap:8px;margin-bottom:12px}.cmd-poll-icon{flex-shrink:0;font-size:20px}.cmd-poll-question{color:var(--header-primary);font-size:15px;font-weight:600;line-height:1.3}.cmd-poll-options{display:flex;flex-direction:column;gap:6px}.cmd-poll-option{align-items:center;background:var(--bg-tertiary);border:2px solid #0000;border-radius:6px;color:var(--text-normal);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;overflow:hidden;padding:8px 12px;position:relative;text-align:left;transition:border-color .15s}.cmd-poll-option:hover{border-color:#3b82f666}.cmd-poll-option.selected{border-color:var(--brand-500)}.cmd-poll-bar{background:#3b82f626;border-radius:4px;bottom:0;left:0;pointer-events:none;position:absolute;top:0;transition:width .4s ease}.cmd-poll-option.selected .cmd-poll-bar{background:#3b82f640}.cmd-poll-option-text{font-weight:500;position:relative;z-index:1}.cmd-poll-option-count{color:var(--text-muted);flex-shrink:0;font-size:12px;font-weight:600;margin-left:8px;position:relative;z-index:1}.cmd-poll-footer{color:var(--text-muted);font-size:12px;margin-top:8px}.cmd-criticize{border-left-color:#e74c3c}.cmd-criticize.daily{background:linear-gradient(135deg,var(--bg-secondary),#f39c120d);border-left-color:#f39c12}.cmd-criticize-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.cmd-criticize-icon{font-size:20px}.cmd-criticize-target{color:var(--header-primary);font-size:15px;font-weight:700}.cmd-criticize-badge{background:#e74c3c33;border-radius:3px;color:#e74c3c;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.cmd-criticize-badge.stop{background:#95a5a633;color:var(--text-muted)}.cmd-criticize-roast{background:var(--bg-tertiary);border-radius:6px;color:var(--text-normal);font-size:14px;font-style:italic;line-height:1.5;padding:8px 10px}.cmd-criticize-footer{color:var(--text-muted);font-size:11px;margin-top:8px}@media (max-width:768px){.cmd-message{max-width:100%}.cmd-serverinfo-grid{gap:12px}.cmd-rps-emoji{font-size:26px}}.message-link-embed{background:var(--bg-secondary);border-left:4px solid #3b82f6;border-left:4px solid var(--brand-500,#3b82f6);border-radius:4px;font-size:13px;margin-top:4px;max-width:400px;padding:8px 12px}.message-link-embed.error,.message-link-embed.loading{border-left-color:var(--text-muted);opacity:.7}.mle-error,.mle-loading{color:var(--text-muted);font-size:12px;font-style:italic}.mle-header{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:4px;margin-bottom:4px}.mle-server{font-weight:600}.mle-sep{opacity:.5}.mle-channel{color:#8ab4f8;color:var(--text-link,#8ab4f8)}.mle-author{gap:6px;margin-bottom:4px}.mle-author,.mle-avatar{align-items:center;display:flex}.mle-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:10px;height:20px;justify-content:center;width:20px}.mle-username{color:var(--header-primary);font-size:13px;font-weight:600}.mle-time{color:var(--text-muted);font-size:11px}.mle-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-normal);display:-webkit-box;line-height:1.4;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.poll-creator-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.poll-creator{background:var(--bg-secondary);border-radius:8px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;width:440px}.poll-creator-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:16px 20px}.poll-creator-header h3{color:var(--header-primary);font-size:18px;font-weight:700;margin:0}.poll-creator-close{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px 8px;transition:color .15s,background .15s}.poll-creator-close:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.poll-creator-body{flex:1 1;overflow-y:auto;padding:16px 20px}.poll-label{color:var(--text-muted);display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;margin-top:12px;text-transform:uppercase}.poll-label:first-child{margin-top:0}.poll-input{background:var(--bg-tertiary);border:none;border-radius:4px;box-sizing:border-box;color:var(--text-normal);font-family:var(--font-primary);font-size:14px;outline:none;padding:10px 12px;width:100%}.poll-input:focus{box-shadow:0 0 0 2px var(--brand-500)}.poll-input::placeholder{color:var(--text-muted)}.poll-type-buttons{display:flex;gap:8px}.poll-type-btn{background:var(--bg-tertiary);border:2px solid #0000;border-radius:4px;color:var(--text-normal);cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 12px;transition:border-color .15s,background .15s}.poll-type-btn:hover{background:var(--bg-modifier-hover)}.poll-type-btn.active{background:#3b82f61a;border-color:var(--brand-500);color:var(--brand-500)}.poll-options-editor{margin-top:12px}.poll-option-input-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.poll-option-input-row .poll-input{flex:1 1}.poll-remove-option{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:16px;padding:4px 8px}.poll-remove-option:hover{background:#ed42451a;color:#ed4245}.poll-add-option{background:none;border:2px dashed #ffffff1a;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:13px;padding:8px;transition:border-color .15s,color .15s;width:100%}.poll-add-option:hover{border-color:var(--brand-500);color:var(--brand-500)}.poll-creator-actions{border-top:1px solid #ffffff0f;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.poll-cancel-btn{background:none;border:none;border-radius:4px;color:var(--text-normal);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.poll-cancel-btn:hover{text-decoration:underline}.poll-submit-btn{background:var(--brand-500);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:background .15s}.poll-submit-btn:hover{background:var(--brand-600)}.poll-submit-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.poll-creator{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.poll-type-buttons{flex-direction:column}}.voice-area{background:var(--bg-primary);display:flex;flex-direction:column;height:100%}.voice-header{border-bottom:1px solid #0003;box-shadow:var(--elevation-low);flex-shrink:0;height:48px;padding:0 16px}.voice-header,.voice-header-left{align-items:center;display:flex;gap:8px}.voice-channel-name{color:var(--header-primary);font-family:var(--font-display);font-size:15px;font-weight:700}.voice-user-count{color:var(--text-muted);font-size:13px}.voice-header-reconnect{align-items:center;background:#faa81a26;border:1px solid #faa81a4d;border-radius:4px;color:#faa81a;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;margin-left:auto;padding:4px 10px;transition:background .15s,border-color .15s}.voice-header-reconnect:hover{background:#faa81a40;border-color:#faa81a80}.voice-header-reconnect svg{flex-shrink:0}.voice-quality-dot{border-radius:50%;flex-shrink:0;height:10px;margin-left:4px;width:10px}.voice-quality-dot.good{background:#43b581;box-shadow:0 0 4px #43b58180}.voice-quality-dot.poor{animation:pulse-dot 1.5s ease-in-out infinite;background:#f04747;box-shadow:0 0 4px #f0474780}.voice-quality-dot.connecting{animation:pulse-dot 1s ease-in-out infinite;background:#faa81a;box-shadow:0 0 4px #faa81a80}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.voice-status-banner{align-items:center;display:flex;flex-shrink:0;font-size:12px;font-weight:500;justify-content:center;padding:6px 16px}.voice-status-banner.warning{background:#f0474726;border-bottom:1px solid #f0474733;color:#f04747}.voice-status-banner.info{background:#faa81a26;border-bottom:1px solid #faa81a33;color:#faa81a}.voice-status-text{text-align:center}.voice-quality-stats{align-items:center;cursor:default;display:flex;padding:4px 8px}.quality-bar{border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.quality-bar.good{background:#43b5811f;color:#43b581}.quality-bar.fair{background:#faa81a1f;color:#faa81a}.quality-bar.poor{background:#f047471f;color:#f04747}.voice-content{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow:hidden;padding:16px}.screen-share-area{background:#000;border-radius:8px;flex:1 1;min-height:0;overflow:hidden;position:relative}.screen-tile{height:100%;width:100%}.video-tile.screen-tile video{height:100%;object-fit:contain;width:100%}.voice-users-grid{grid-gap:12px;align-content:flex-start;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.voice-users-grid.users-1{grid-template-columns:1fr;margin:0 auto;max-width:300px}.voice-users-grid.users-2{grid-template-columns:1fr 1fr;margin:0 auto;max-width:500px}.voice-users-grid.with-screen{display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:8px;max-height:140px;overflow-x:auto}.voice-user-tile{align-items:center;aspect-ratio:1;background:var(--bg-secondary);border:2px solid #0000;border-radius:12px;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:120px;overflow:visible;position:relative;transition:border-color .2s}.voice-user-tile.speaking{animation:speaking 1s infinite;border-color:var(--green)}.voice-users-grid.with-screen .voice-user-tile{aspect-ratio:auto;flex-shrink:0;min-height:120px;width:120px}.voice-tile-avatar{align-items:center;border-radius:50%;display:flex;font-size:32px;height:64px;justify-content:center;overflow:hidden;width:64px}.voice-tile-name{color:var(--header-secondary);font-size:13px;font-weight:600;max-width:100%;overflow:hidden;padding:0 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.voice-tile-vol-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:6px;top:6px;transition:opacity .15s,background .15s;width:28px;z-index:15}.voice-user-tile:hover .voice-tile-vol-btn{opacity:1}.voice-tile-vol-btn.muted{background:#ed4245cc;opacity:1}.voice-tile-vol-btn:hover{background:#000000d9}.voice-tile-vol-popup{align-items:center;background:var(--bg-floating);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 16px #00000080;display:flex;gap:8px;min-width:200px;padding:8px 10px;position:absolute;right:4px;top:38px;z-index:30}.video-tile{background:#000;border:2px solid #0000;border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.video-tile.speaking{border-color:var(--green)}.video-tile video{height:100%;object-fit:cover;width:100%}.video-label{background:#000000b3;border-radius:4px;bottom:8px;color:#fff;font-size:12px;font-weight:600;left:8px;padding:2px 8px;position:absolute}.voice-controls{align-items:stretch;background:var(--bg-secondary);border-top:1px solid #0003;display:flex;flex-shrink:0;gap:12px;justify-content:center;padding:16px}.voice-ctrl-btn{align-items:center;background:var(--bg-modifier-hover);border-radius:8px;color:var(--text-normal);display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:4px;min-width:80px;padding:12px 20px;transition:background .15s,color .15s,transform .1s}.voice-ctrl-btn:hover{background:var(--bg-modifier-active);transform:translateY(-1px)}.voice-ctrl-btn:active{transform:scale(.97)}.voice-ctrl-btn.danger{background:#ed424533;color:var(--red)}.voice-ctrl-btn.danger:hover{background:#ed42454d}.voice-ctrl-btn.leave{background:#ed424533;color:var(--red)}.voice-ctrl-btn.leave:hover{background:var(--red);color:#fff}.voice-ctrl-icon{font-size:20px;line-height:1}.voice-tile-indicators{bottom:8px;display:flex;gap:4px;left:8px;position:absolute;z-index:10}.voice-tile-indicator{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:4px;display:flex;justify-content:center;padding:4px}.voice-tile-indicator.muted{background:#ed4245cc}.voice-tile-indicator.deafened{background:#72767dcc}.user-audio-btn{align-items:center;background:#ffffff1a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .15s,color .15s}.user-audio-btn:hover{background:#fff3}.user-audio-btn.muted{background:#ed4245cc}.user-audio-btn.muted:hover{background:#ed4245}.user-volume-slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;height:4px;outline:none;width:80px}.user-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;border-radius:50%;cursor:pointer;height:12px;-webkit-transition:background .15s;transition:background .15s;width:12px}.user-volume-slider::-webkit-slider-thumb:hover{background:#2563eb}.user-volume-slider::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;cursor:pointer;height:12px;-moz-transition:background .15s;transition:background .15s;width:12px}.user-volume-slider::-moz-range-thumb:hover{background:#2563eb}.volume-label{color:#fff;font-size:11px;font-weight:600;min-width:32px;text-align:right}.fullscreen-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:none;border-radius:6px;bottom:12px;color:#fff;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:8px;position:absolute;right:12px;transition:opacity .2s,background .2s;z-index:10}.screen-tile:hover .fullscreen-btn{opacity:1}.fullscreen-btn:hover{background:#000000e6}.screen-share-area.fullscreen-active{background:#000;border-radius:0;cursor:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.screen-share-area.fullscreen-active:hover{cursor:default}.fullscreen-overlay{background:#0000;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s}.fullscreen-overlay.visible{opacity:1;pointer-events:auto}.fullscreen-header{align-items:center;background:linear-gradient(180deg,#000c 0,#0000);display:flex;height:60px;justify-content:space-between;left:0;padding:16px 20px;pointer-events:auto;position:absolute;right:0;top:0}.fullscreen-title{color:#fff;font-size:16px;font-weight:600;text-shadow:0 2px 4px #00000080}.fullscreen-exit-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 12px;transition:background .2s}.fullscreen-exit-btn:hover{background:#fff3}.fullscreen-bottom-controls,.fullscreen-header-actions{align-items:center;display:flex;gap:8px}.fullscreen-bottom-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;border-radius:12px;bottom:24px;box-shadow:0 4px 20px #0006;left:50%;padding:10px 16px;pointer-events:auto;position:absolute;transform:translateX(-50%)}.fullscreen-ctrl-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:3px;min-width:64px;padding:10px 16px;transition:background .15s}.fullscreen-ctrl-btn:hover{background:#fff3}.fullscreen-ctrl-btn.danger{background:#ed424566;color:#ff6b6b}.fullscreen-ctrl-btn.danger:hover{background:#ed424599}.fullscreen-ctrl-btn.active{background:var(--brand-500)}.fullscreen-ctrl-btn.leave{background:#ed42454d;color:var(--red)}.fullscreen-ctrl-btn.leave:hover{background:var(--red);color:#fff}.fullscreen-soundboard-wrapper{position:relative}.fullscreen-soundboard-popup{background:var(--bg-floating);border-radius:8px;bottom:calc(100% + 12px);box-shadow:0 8px 24px #0009;left:50%;max-height:300px;overflow-y:auto;position:absolute;transform:translateX(-50%);width:280px;z-index:10}.screen-share-banner{align-items:center;background:var(--bg-secondary);border:1px solid #3b82f64d;border-radius:8px;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.screen-share-banner-info{align-items:center;color:var(--text-normal);display:flex;font-size:14px;font-weight:500;gap:10px}.screen-share-watch-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .15s;white-space:nowrap}.screen-share-watch-btn:hover{background:#2563eb}.screen-share-overlay-controls{align-items:center;display:flex;gap:8px;opacity:0;position:absolute;right:12px;top:12px;transition:opacity .2s;z-index:15}.screen-share-area:hover .screen-share-overlay-controls{opacity:1}.screen-audio-mute-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px 8px;transition:background .15s}.screen-audio-mute-btn:hover{background:#000000e6}.screen-audio-mute-btn.muted{background:#ed4245d9}.screen-audio-mute-btn.muted:hover{background:#ed4245}.screen-share-stop-watching-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ed4245d9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:background .15s}.screen-share-stop-watching-btn:hover{background:#ed4245}.screen-share-stop-btn{background:var(--red);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .15s;white-space:nowrap}.screen-share-stop-btn:hover{background:#c73538}.fullscreen-exit-btn.muted{background:#ed424599}.fullscreen-exit-btn.muted:hover{background:#ed4245cc}.soundboard-ctrl-wrapper{position:relative}.soundboard-ctrl-wrapper>.voice-ctrl-btn{background:#3b82f62e;box-sizing:border-box;height:100%;min-height:100%}.soundboard-ctrl-wrapper>.voice-ctrl-btn:hover{background:#3b82f64d}.voice-ctrl-btn.audio-settings-btn{background:#ffffff0d}.voice-ctrl-btn.audio-settings-btn:hover{background:#ffffff1a}.voice-ctrl-btn.reconnect-btn{background:#faa81a26}.voice-ctrl-btn.reconnect-btn:hover{background:#faa81a4d}.voice-ctrl-btn.active{background:var(--brand-500);color:#fff}.soundboard-popup{animation:soundboardSlideUp .15s ease;background:var(--bg-primary);border:1px solid #ffffff1a;border-radius:8px;bottom:calc(100% + 12px);box-shadow:0 8px 32px #00000080;left:50%;max-height:420px;overflow-y:auto;position:absolute;transform:translateX(-50%);width:380px;z-index:100}@keyframes soundboardSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.soundboard-popup-header{align-items:center;border-bottom:1px solid #ffffff0f;color:var(--text-muted);display:flex;font-size:13px;font-weight:700;gap:8px;justify-content:space-between;letter-spacing:.5px;padding:10px 12px;text-transform:uppercase}.soundboard-vol-row{align-items:center;display:flex;font-size:11px;gap:6px}.soundboard-vol-slider{-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:2px;cursor:pointer;height:4px;outline:none;width:70px}.soundboard-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#3b82f6;border-radius:50%;cursor:pointer;height:12px;width:12px}.soundboard-vol-slider::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.soundboard-vol-label{color:#fff;font-weight:600;min-width:22px;text-align:right}.soundboard-page-tab,.soundboard-vol-label{letter-spacing:0;text-transform:none}.soundboard-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr 1fr;max-height:340px;overflow-y:auto;padding:8px}.soundboard-play-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:6px;color:var(--text-normal);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 6px;transition:background .1s,transform .05s}.soundboard-play-btn:hover{background:var(--bg-tertiary)}.soundboard-play-btn:active{background:var(--brand-500);transform:scale(.95)}.soundboard-play-emoji{font-size:22px}.soundboard-play-name{color:var(--text-muted);font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-badge{background:var(--brand-500);border-radius:3px;color:#fff;display:inline-block;font-size:9px;font-weight:700;margin-left:4px;padding:1px 4px;vertical-align:middle}.soundboard-target-picker{border-top:1px solid #ffffff0f;padding:8px}.target-picker-header{color:var(--text-muted);font-size:12px;font-weight:600;margin-bottom:6px}.target-picker-list{display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto}.target-picker-user{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:2px 4px}.target-picker-user:hover{background:var(--bg-secondary)}.target-picker-actions{display:flex;gap:6px;margin-top:8px}@media (max-width:768px){.voice-content{gap:8px;padding:8px}.voice-controls{flex-wrap:nowrap;gap:4px;justify-content:center;padding:10px 10px calc(10px + env(safe-area-inset-bottom, 0px))}.voice-ctrl-btn{flex-shrink:1;font-size:10px;min-width:0;padding:8px 6px}.voice-ctrl-icon{font-size:18px}.voice-users-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.voice-users-grid.users-1{max-width:200px}.voice-users-grid.users-2{max-width:320px}.voice-user-tile{min-height:100px}.voice-tile-avatar{font-size:26px;height:48px;width:48px}.voice-tile-name{font-size:11px}.voice-tile-vol-btn{opacity:1}.voice-tile-vol-popup{left:50%;min-width:180px;right:auto;transform:translateX(-50%)}.fullscreen-btn{opacity:1;padding:10px}.screen-share-overlay-controls{opacity:1}.user-audio-btn{min-height:36px;min-width:36px;padding:8px}.user-volume-slider{height:8px;width:60px}.soundboard-popup{left:50%;max-height:50vh;transform:translateX(-50%);width:calc(100vw - 32px)}.soundboard-play-btn{min-height:44px;padding:12px 8px}}.login-screen{align-items:center;background:radial-gradient(ellipse 400px 400px at -50px -50px,#3b82f626 0,#0000 70%),radial-gradient(ellipse 300px 300px at 90% calc(100% + 40px),#eb459e26 0,#0000 70%),radial-gradient(ellipse 250px 250px at 60% 40%,#57f28726 0,#0000 70%),var(--bg-tertiary);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.login-bg{display:none}.login-card{animation:fadeIn .4s ease;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--elevation-high);max-width:440px;padding:32px 40px;position:relative;width:100%;z-index:1}.login-logo{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:24px}.login-logo-icon{color:var(--brand-500);font-size:32px;line-height:1}.login-logo-text{font-size:28px;letter-spacing:4px}.login-logo-text,.login-title{color:var(--header-primary);font-family:var(--font-display);font-weight:700}.login-title{font-size:24px;margin-bottom:8px;text-align:center}.login-subtitle{color:var(--header-secondary);font-size:14px;margin-bottom:24px;text-align:center}.login-form{gap:20px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:8px}.login-label{color:var(--header-secondary);font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.login-input{background:var(--bg-tertiary);border:var(--border-input);border-radius:var(--radius-sm);color:var(--text-normal);font-size:16px;padding:10px 16px;transition:border-color var(--transition-speed) var(--transition-fn);width:100%}.login-input:focus{border-color:var(--brand-500)}.login-input::placeholder{color:var(--text-muted)}.login-btn{background:var(--brand-500);border-radius:var(--radius-sm);color:#fff;font-size:16px;font-weight:600;padding:12px;transition:background var(--transition-speed) var(--transition-fn),transform .1s;width:100%}.login-btn:hover:not(:disabled){background:var(--brand-600)}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{cursor:not-allowed;opacity:.5}.login-footer{color:var(--text-muted);font-size:12px;margin-top:16px;text-align:center}.login-error{background:#ed424526;border:1px solid #ed424566;border-radius:var(--radius-sm);color:#ed4245;padding:8px 12px}.login-error,.login-invite-notice{font-size:13px;margin-bottom:12px;text-align:center}.login-invite-notice{background:#3b82f626;border:1px solid #3b82f666;border-radius:4px;color:#3b82f6;font-weight:600;padding:10px 14px}.login-divider{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:12px;margin:12px 0}.login-divider:after,.login-divider:before{background:#ffffff1a;content:"";flex:1 1;height:1px}.login-btn.guest{background:var(--bg-modifier-hover);border:1px solid #ffffff1a;color:var(--text-normal);width:100%}.login-btn.guest:hover{background:var(--bg-modifier-active)}.login-switch{color:var(--text-muted);font-size:13px;margin-top:16px;text-align:center}.login-switch button{background:none;color:var(--brand-500);cursor:pointer;font-size:13px;text-decoration:underline}.login-switch button:hover{color:var(--brand-600)}.login-forgot{background:none;border:none;color:var(--brand-500);cursor:pointer;font-size:13px;margin-top:4px;padding:0;text-align:right}.login-forgot:hover{color:var(--brand-600);text-decoration:underline}.recovery-codes-overlay{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.recovery-codes-card{animation:fadeIn .4s ease;background:var(--bg-secondary);border-radius:8px;box-shadow:var(--elevation-high);max-width:480px;padding:32px;width:100%}.recovery-codes-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.recovery-code{background:var(--bg-tertiary);border:1px solid #ffffff12;border-radius:4px;color:var(--text-normal);font-family:Consolas,Monaco,monospace;font-size:14px;font-weight:600;letter-spacing:1px;padding:8px;text-align:center;-webkit-user-select:all;user-select:all}@media (max-width:768px){.login-card{max-width:calc(100vw - 32px);padding:24px 20px}.login-btn{min-height:48px}}.server-setup-screen{align-items:center;background:radial-gradient(ellipse 400px 400px at -50px -50px,#3b82f626 0,#0000 70%),radial-gradient(ellipse 300px 300px at 90% calc(100% + 40px),#eb459e26 0,#0000 70%),radial-gradient(ellipse 250px 250px at 60% 40%,#57f28726 0,#0000 70%),var(--bg-tertiary);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.server-setup-card{animation:fadeIn .4s ease;background:var(--bg-secondary);border-radius:8px;box-shadow:var(--elevation-high);max-width:440px;padding:32px 40px;position:relative;width:100%;z-index:1}.server-setup-title{color:var(--header-primary);font-family:var(--font-display);font-size:24px;font-weight:700;margin-bottom:8px;text-align:center}.server-setup-subtitle{color:var(--header-secondary);font-size:14px;margin-bottom:24px;text-align:center}.server-setup-form{display:flex;flex-direction:column;gap:20px}.server-setup-hint{color:var(--text-muted);font-size:12px;margin-top:4px}@media (max-width:768px){.server-setup-card{max-width:calc(100vw - 32px);padding:24px 20px}.login-btn{min-height:48px}}.member-list{background:var(--bg-secondary);border-left:1px solid #ffffff0a;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:240px}.member-list-header{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:.8px;padding:16px 16px 8px;text-transform:uppercase}.member-item{-webkit-touch-callout:none;align-items:center;border-radius:var(--radius-sm);cursor:default;display:flex;gap:10px;margin:0 8px;padding:6px 8px 6px 12px;transition:background var(--transition-speed) var(--transition-fn);-webkit-user-select:none;user-select:none}.member-item:hover{background:var(--bg-modifier-hover)}.member-item.self{opacity:.9}.member-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:34px;justify-content:center;overflow:visible;position:relative;width:34px}.member-custom-avatar{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.member-status-dot{border:2px solid var(--bg-secondary);border-radius:50%;bottom:-1px;height:10px;position:absolute;right:-1px;width:10px}.member-status-dot.status-online{background:var(--green)}.member-status-dot.status-idle{background:var(--yellow)}.member-status-dot.status-dnd{background:var(--red)}.member-status-dot.status-invisible{background:var(--text-muted)}.member-info{flex:1 1;min-width:0}.member-name{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-self-tag{color:var(--text-muted);font-size:11px;font-weight:400}.member-roles{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.member-role-badge{font-size:10px;font-weight:600}.member-item.offline{opacity:.45}.member-item.offline:hover{opacity:.65}.member-status-dot.status-offline{background:var(--text-muted)}@media (max-width:768px){.member-item{gap:12px;min-height:44px;padding:10px 12px}.member-avatar{height:36px;width:36px}.member-name{font-size:15px}.member-status-dot{height:12px;width:12px}}.webhook-docs-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.webhook-docs-modal{animation:slideUp .3s ease-out;background:#2b2d31;background:var(--bg-secondary,#2b2d31);border-radius:8px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.webhook-docs-header{align-items:center;border-bottom:1px solid #3f4147;border-bottom:1px solid var(--border-color,#3f4147);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.webhook-docs-header h2{color:#f2f3f5;color:var(--text-primary,#f2f3f5);font-size:20px;font-weight:600;margin:0}.webhook-docs-header .close-btn{background:none;border:none;border-radius:4px;color:#b5bac1;color:var(--text-secondary,#b5bac1);cursor:pointer;font-size:24px;padding:4px 8px;transition:all .15s}.webhook-docs-header .close-btn:hover{background:#1e1f22;background:var(--bg-tertiary,#1e1f22);color:#f2f3f5;color:var(--text-primary,#f2f3f5)}.webhook-docs-content{color:#f2f3f5;color:var(--text-primary,#f2f3f5);flex:1 1;overflow-y:auto;padding:24px}.webhook-docs-content section{margin-bottom:32px}.webhook-docs-content h3{border-bottom:2px solid #3b82f6;border-bottom:2px solid var(--accent-color,#3b82f6);color:#f2f3f5;color:var(--text-primary,#f2f3f5);font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.webhook-docs-content h4{font-size:15px;font-weight:600;margin:20px 0 12px}.webhook-docs-content h4,.webhook-docs-content p{color:#b5bac1;color:var(--text-secondary,#b5bac1)}.webhook-docs-content p{line-height:1.6;margin:0 0 12px}.webhook-docs-content ul{color:#b5bac1;color:var(--text-secondary,#b5bac1);line-height:1.8;margin:0 0 12px;padding-left:24px}.webhook-docs-content li{margin-bottom:8px}.webhook-docs-content code{border-radius:3px;color:#00d4aa;color:var(--code-color,#00d4aa);font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em;padding:2px 6px}.code-block,.webhook-docs-content code{background:#1e1f22;background:var(--bg-tertiary,#1e1f22)}.code-block{border:1px solid #3f4147;border:1px solid var(--border-color,#3f4147);border-radius:6px;margin:12px 0;overflow:hidden}.code-header{align-items:center;background:#1e1f22;background:var(--bg-primary,#1e1f22);border-bottom:1px solid #3f4147;border-bottom:1px solid var(--border-color,#3f4147);display:flex;justify-content:space-between;padding:8px 12px}.code-header span{color:#b5bac1;color:var(--text-secondary,#b5bac1);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.code-header button{background:#3b82f6;background:var(--accent-color,#3b82f6);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px;transition:all .15s}.code-header button:hover{background:#2563eb;background:var(--accent-hover,#2563eb);transform:translateY(-1px)}.code-header button:active{transform:translateY(0)}.code-block pre{background:#1e1f22;background:var(--bg-tertiary,#1e1f22);color:#d1d5da;color:var(--code-text,#d1d5da);font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.5;margin:0;overflow-x:auto;padding:16px}.params-table{border-collapse:collapse;font-size:14px;margin:12px 0;width:100%}.params-table thead{background:#1e1f22;background:var(--bg-tertiary,#1e1f22)}.params-table th{border-bottom:2px solid #3f4147;border-bottom:2px solid var(--border-color,#3f4147);color:#f2f3f5;color:var(--text-primary,#f2f3f5);font-weight:600;padding:12px;text-align:left}.params-table td{border-bottom:1px solid #3f4147;border-bottom:1px solid var(--border-color,#3f4147);color:#b5bac1;color:var(--text-secondary,#b5bac1);padding:12px}.params-table tbody tr:hover{background:#1e1f22;background:var(--bg-tertiary,#1e1f22)}.params-table code{background:#1e1f22;background:var(--bg-primary,#1e1f22);border-radius:3px;color:#00d4aa;color:var(--code-color,#00d4aa);font-family:Consolas,Monaco,Courier New,monospace;padding:2px 6px}.note{background:#3d2f0a;background:var(--warning-bg,#fef3c7);border-left:4px solid #f59e0b;border-left:4px solid var(--warning-border,#f59e0b);border-radius:6px;color:#fbbf24;color:var(--warning-text,#92400e);font-size:14px;margin:12px 0;padding:12px 16px}.webhook-docs-footer{border-top:1px solid #3f4147;border-top:1px solid var(--border-color,#3f4147);display:flex;flex-shrink:0;justify-content:flex-end;padding:16px 24px}.primary-btn{background:#3b82f6;background:var(--accent-color,#3b82f6);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .15s}.primary-btn:hover{background:#2563eb;background:var(--accent-hover,#2563eb);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.primary-btn:active{transform:translateY(0)}.webhook-docs-content::-webkit-scrollbar{width:8px}.webhook-docs-content::-webkit-scrollbar-track{background:#1e1f22;background:var(--bg-primary,#1e1f22)}.webhook-docs-content::-webkit-scrollbar-thumb{background:#3f4147;background:var(--scrollbar-thumb,#3f4147);border-radius:4px}.webhook-docs-content::-webkit-scrollbar-thumb:hover{background:#4f5258;background:var(--scrollbar-thumb-hover,#4f5258)}:root{--bg-primary:#1e1f22;--bg-secondary:#2b2d31;--bg-tertiary:#1e1f22;--text-primary:#f2f3f5;--text-secondary:#b5bac1;--border-color:#3f4147;--accent-color:#3b82f6;--accent-hover:#2563eb;--code-color:#00d4aa;--code-text:#d1d5da;--scrollbar-thumb:#3f4147;--scrollbar-thumb-hover:#4f5258;--warning-bg:#3d2f0a;--warning-text:#fbbf24;--warning-border:#f59e0b}.custom-select{position:relative;width:100%}.custom-select-trigger{align-items:center;background:var(--bg-tertiary);border:var(--border-input);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-normal);cursor:pointer;display:flex;font-size:15px;line-height:1.3;min-height:42px;padding:10px 32px 10px 12px;text-align:left;width:100%}.custom-select-trigger:hover{border-color:#ffffff1f}.custom-select-trigger.open{border-color:var(--brand-500)}.custom-select-trigger .custom-select-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-chevron,.custom-select-trigger .custom-select-placeholder{color:var(--text-muted)}.custom-select-chevron{font-size:10px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:transform .15s ease}.custom-select-trigger.open .custom-select-chevron{transform:translateY(-50%) rotate(180deg)}.custom-select-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.custom-select-dropdown{animation:customSelectFadeIn .1s ease-out;background:var(--bg-floating);border-radius:var(--radius-sm);box-shadow:0 8px 16px #0006;box-sizing:border-box;max-height:300px;min-width:100%;overflow-y:auto;padding:4px;position:fixed;z-index:10000}@keyframes customSelectFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.custom-select-option{background:#0000;border:none;border-radius:2px;box-sizing:border-box;color:var(--text-normal);cursor:pointer;display:block;font-size:14px;overflow:hidden;padding:8px 10px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.custom-select-option:hover{background:var(--bg-modifier-hover)}.custom-select-option.selected{background:var(--brand-500);color:#fff}.custom-select-option.selected:hover{background:var(--brand-500);opacity:.9}.custom-select-dropdown::-webkit-scrollbar{width:6px}.custom-select-dropdown::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.custom-select-dropdown::-webkit-scrollbar-track{background:#0000}.settings-overlay{align-items:center;animation:fadeIn .15s ease;background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.settings-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000080;display:flex;height:680px;max-height:90vh;max-width:95vw;overflow:hidden;position:relative;width:900px}.settings-sidebar-wrap{display:contents}.settings-floating-save{display:none}.settings-sidebar{background:var(--bg-secondary);display:flex;flex-direction:column;flex-shrink:0;gap:2px;overflow-y:auto;padding:16px 8px;width:220px}.settings-sidebar-title{border-bottom:2px solid #ffffff14;color:var(--header-secondary);font-size:13px;font-weight:800;letter-spacing:.8px;margin-bottom:8px;padding:12px 12px 10px;text-transform:uppercase}.settings-tab{align-items:center;background:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;text-align:left;transition:background var(--transition-speed) var(--transition-fn),color var(--transition-speed) var(--transition-fn);width:100%}.settings-tab .tab-icon{align-items:center;display:inline-flex;justify-content:center;opacity:.7}.settings-tab:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.settings-tab:hover .tab-icon{opacity:1}.settings-tab.active{background:var(--bg-modifier-selected);color:var(--header-primary)}.settings-tab.active .tab-icon{opacity:1}.settings-tab.danger{color:var(--red)}.settings-tab.danger:hover{background:#ed42451a}.settings-close-button{align-items:center;background:#ed424526;border:2px solid #ed424533;border-radius:4px;color:var(--red);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;margin-top:auto;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.settings-close-button:hover{background:var(--red);border-color:var(--red);color:#fff}.settings-close-btn{align-items:center;aspect-ratio:1;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;transition:all .15s;width:36px;z-index:10}.settings-close-btn:hover{background:var(--red);color:#fff}.settings-content{flex:1 1;overflow-y:auto;padding:32px 40px;position:relative}.settings-content input[type=range]{-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.settings-content input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;border:2px solid var(--bg-primary);border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:16px;-webkit-transition:transform .1s;transition:transform .1s;width:16px}.settings-content input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.settings-content input[type=range]::-moz-range-thumb{background:#3b82f6;border:2px solid var(--bg-primary);border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:16px;width:16px}.settings-content input[type=range]::-moz-range-track{background:var(--bg-tertiary);border-radius:3px;height:6px}.settings-section h2{border-bottom:1px solid #ffffff0f;color:var(--header-primary);font-family:var(--font-display);font-size:20px;margin-bottom:20px;padding-bottom:8px}.settings-section h3{font-size:14px;margin:20px 0 10px}.settings-label,.settings-section h3{color:var(--header-secondary);font-weight:700;letter-spacing:.6px;text-transform:uppercase}.settings-label{display:block;font-size:12px;margin-bottom:6px;margin-top:16px}.settings-input{background:var(--bg-tertiary);border:var(--border-input);border-radius:var(--radius-sm);color:var(--text-normal);font-family:var(--font-body);font-size:15px;padding:10px 12px;transition:border-color var(--transition-speed) var(--transition-fn);width:100%}.settings-input:focus{border-color:var(--brand-500);outline:none}.search-input-container{position:relative;width:100%}.search-clear-btn{background:none;border:none;border-radius:3px;color:var(--text-muted);cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:color .15s,background .15s}.search-clear-btn:hover{background:#ffffff0d;color:var(--text-normal)}.settings-textarea{min-height:80px;resize:vertical}.settings-select{background:var(--bg-tertiary);border:var(--border-input);border-radius:var(--radius-sm);color:var(--text-normal);cursor:pointer;font-size:15px;padding:10px 12px;width:100%}.settings-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.settings-hint{color:var(--text-muted);font-size:13px;line-height:1.5;margin-bottom:12px}.settings-btn{background:var(--bg-modifier-hover);border:none;border-radius:var(--radius-sm);color:var(--text-normal);cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:10px 20px;transition:all var(--transition-speed) var(--transition-fn)}.settings-btn:hover{background:var(--bg-modifier-active)}.settings-btn:disabled{cursor:not-allowed;opacity:.4}.settings-btn.primary{background:var(--brand-500);color:#fff}.settings-btn.primary:hover{background:var(--brand-600)}.settings-btn.cancel{background:#ed424526;color:var(--red)}.settings-btn.cancel:hover{background:var(--red);color:#fff}.settings-preview-card{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:16px;margin-bottom:16px;padding:16px}.preview-avatar{align-items:center;aspect-ratio:1;border-radius:50%;display:flex;flex-shrink:0;font-size:36px;height:64px;justify-content:center;overflow:hidden;width:64px}.preview-name{font-size:18px;font-weight:700;margin-bottom:4px}.preview-bio{color:var(--text-muted);font-size:13px;margin-bottom:6px}.preview-status{font-size:12px;font-weight:600}.status-online{color:var(--green)}.status-idle{color:var(--yellow)}.status-dnd{color:var(--red)}.status-btn,.status-invisible{color:var(--text-muted)}.status-btn{background:var(--bg-tertiary);border:2px solid #0000;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .15s}.status-btn.active{border-color:currentColor}.status-btn.status-online.active{color:var(--green)}.status-btn.status-idle.active{color:var(--yellow)}.status-btn.status-dnd.active{color:var(--red)}.avatar-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.avatar-opt{align-items:center;background:var(--bg-tertiary);border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:24px;height:44px;justify-content:center;transition:all .15s;width:44px}.avatar-opt:hover{background:var(--bg-modifier-hover)}.avatar-opt.selected{background:var(--bg-modifier-selected);border-color:var(--brand-500)}.color-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.color-opt{aspect-ratio:1;border:3px solid #0000;border-radius:50%;box-sizing:border-box;cursor:pointer;flex-shrink:0;height:36px;padding:0;transition:transform .1s;width:36px}.color-opt:hover{transform:scale(1.1)}.color-opt.selected{border-color:#fff;transform:scale(1.15)}.theme-preview{display:flex;gap:12px;margin-top:12px}.theme-swatch{border:2px solid #0000;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:16px 24px}.theme-swatch.dark{background:var(--bg-secondary);color:var(--text-normal)}.theme-swatch.active{border-color:var(--brand-500)}.channel-manage-list{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.channel-manage-item{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;gap:8px;padding:8px 12px}.ch-type-badge{color:var(--text-muted);flex-shrink:0;font-size:14px}.ch-name{color:var(--text-normal);flex:1 1;font-size:14px}.ch-actions{display:flex;gap:4px}.icon-btn{background:var(--brand-500);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:12px;font-weight:600;line-height:1;padding:4px 10px;transition:background var(--transition-speed) var(--transition-fn)}.icon-btn:hover{background:var(--brand-600)}.icon-btn.danger{background:#ed4245;background:var(--red,#ed4245)}.icon-btn.danger:hover{background:#c73538}.type-btn{background:var(--bg-tertiary);border:2px solid #0000;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:14px;padding:8px 16px;transition:all var(--transition-speed) var(--transition-fn)}.type-btn.active{border-color:var(--brand-500);color:var(--header-primary)}.roles-list{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.role-item{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;gap:10px;padding:8px 12px}.role-dot{aspect-ratio:1;border-radius:50%;flex-shrink:0;height:12px;width:12px}.role-name{flex:1 1;font-size:14px;font-weight:600}.perms-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:8px 0 16px}.perm-toggle{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-normal);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 10px}.perm-toggle input{accent-color:var(--brand-500);height:16px;width:16px}.perm-toggle.disabled{cursor:not-allowed;opacity:.4}.perm-toggle.disabled span{color:var(--text-muted)}.webhook-url-box{background:#57f28714;border:1px solid #57f28740;border-radius:var(--radius-md);margin-bottom:20px;padding:16px}.webhook-url-box strong{color:var(--text-positive)}.webhook-url{align-items:center;background:var(--bg-tertiary);border-radius:4px;display:flex;gap:8px;margin:8px 0;padding:8px 12px}.webhook-url code{color:var(--text-normal);flex:1 1;font-family:var(--font-code);font-size:12px;min-width:0;overflow-x:auto}.copy-btn{background:var(--brand-500);border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;padding:4px 10px;transition:background .15s;white-space:nowrap}.copy-btn:hover{background:var(--brand-600)}.webhook-channel-group{margin-bottom:16px}.webhook-channel-group h3{color:var(--text-muted);font-size:12px;margin-bottom:6px}.webhook-item{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;gap:10px;margin-bottom:4px;padding:8px 12px}.webhook-icon{font-size:20px}.webhook-name{flex:1 1;font-size:14px}.server-list-item-wrap{margin-bottom:4px}.server-list-item{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;gap:12px;padding:10px 12px}.server-list-icon{font-size:24px}.server-list-name{flex:1 1;font-size:14px;font-weight:600}.server-list-members{color:var(--text-muted);font-size:12px}.settings-btn-small{background:var(--bg-modifier-hover);border:none;border-radius:var(--radius-sm);color:var(--text-normal);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:background var(--transition-speed) var(--transition-fn);white-space:nowrap}.settings-btn-small:hover{background:var(--bg-modifier-active)}.settings-btn-small.primary{background:#3b82f6;background:var(--brand-primary,#3b82f6);color:#fff}.settings-btn-small.primary:hover{background:#2563eb}.settings-btn-small.primary:disabled{cursor:not-allowed;opacity:.5}.settings-btn-small.copied{background:#57f287;background:var(--green,#57f287);color:#000}.server-invite-section{background:var(--bg-secondary);border-radius:0 0 6px 6px;border-top:1px solid var(--bg-modifier-hover);padding:8px 12px 12px}.server-invite-row{align-items:center;display:flex;gap:8px}.settings-invite-link{flex:1 1;font-family:monospace;font-family:var(--font-code,monospace);font-size:12px}.global-error{border-radius:6px}.avatar-upload-wrap{align-items:flex-start;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:16px;margin:8px 0 16px;padding:12px}.avatar-upload-preview{align-items:center;aspect-ratio:1;border:2px dashed #ffffff26;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;position:relative;transition:border-color .15s;width:80px}.avatar-upload-preview:hover{border-color:var(--brand-500)}.avatar-upload-img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.avatar-upload-overlay{align-items:center;background:#0009;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .15s}.avatar-upload-preview:hover .avatar-upload-overlay{opacity:1}.avatar-upload-info{flex:1 1}.avatar-upload-info strong{color:var(--header-primary);font-size:14px}.avatar-upload-info p{color:var(--text-muted);font-size:12px;margin:4px 0 0}.settings-btn.danger-sm{background:#ed424526;border:none;color:var(--red);font-size:12px;line-height:1.4;margin-top:0;padding:4px 10px;white-space:nowrap}.settings-btn.danger-sm:hover{background:#ed42454d}.settings-btn.primary-sm{background:#3b82f6;background:var(--brand-primary,#3b82f6);border:none;color:#fff;font-size:12px;line-height:1.4;margin-top:0;padding:4px 10px;white-space:nowrap}.settings-btn.primary-sm:hover{background:#2563eb}.category-section{background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:12px;padding:10px}.category-header-edit{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px;padding:4px 4px 8px}.category-name-edit{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.category-move-buttons{align-items:center;display:flex;gap:4px}.category-move-buttons .icon-btn{font-size:10px;min-width:auto;padding:2px 6px}.draggable-item{align-items:center;background:var(--bg-primary);border-radius:var(--radius-sm);cursor:default;display:flex;gap:8px;margin-bottom:2px;padding:6px 8px;transition:background var(--transition-speed) var(--transition-fn)}.draggable-item:hover{background:var(--bg-modifier-hover)}.drag-handle{color:var(--text-muted);cursor:grab;flex-shrink:0;font-size:14px;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.ch-private-badge{color:var(--text-muted);font-size:12px}.add-to-category{padding:8px 4px 2px}.inline-input{font-size:13px;padding:6px 10px}.type-btn.small{font-size:12px;padding:4px 10px}.create-category-form{border-top:1px solid #ffffff0f;margin-top:8px;padding-top:16px}.ch-perms-table{display:flex;flex-direction:column;gap:2px;margin:8px 0 16px}.ch-perm-row{align-items:center;background:var(--bg-secondary);border-radius:4px;display:flex;justify-content:space-between;padding:8px 10px}.ch-perm-label{color:var(--text-normal);font-size:13px}.ch-perm-btns{display:flex;gap:4px}.perm-tri{align-items:center;background:var(--bg-tertiary);border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;transition:all .15s;width:28px}.perm-tri:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.perm-tri.allow{background:#57f28733;color:#57f287}.perm-tri.inherit{background:#ffffff14;color:var(--text-muted)}.perm-tri.deny{background:#ed424533;color:#ed4245}.members-manage-list{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto}.member-manage-item{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;gap:10px;padding:8px 12px}.member-manage-info{flex:1 1;min-width:0}.member-manage-id{color:var(--text-muted);display:block;font-family:var(--font-code);font-size:11px;margin-bottom:4px}.member-manage-username{color:var(--text-normal);font-size:13px;font-weight:600}.member-manage-roles{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.role-pill{align-items:center;border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:2px 8px}.role-pill-remove{background:none;color:#ffffffb3;cursor:pointer;font-size:13px;line-height:1;padding:0 1px;transition:color .1s}.role-pill-remove:hover{color:#fff}.member-role-select{flex-shrink:0;font-size:12px;padding:5px 8px;width:130px}.webhook-example-box{background:var(--bg-secondary);border-radius:var(--radius-md);font-size:12px;margin-bottom:16px;padding:12px}.webhook-example-box strong{color:var(--text-muted);display:block;font-size:11px;letter-spacing:.5px;margin-bottom:6px}.webhook-curl-example{color:var(--text-normal);display:block;font-family:var(--font-code);font-size:12px;line-height:1.6;white-space:pre-wrap}.server-list-icon{font-size:20px}.member-avatar-sm,.server-list-icon{align-items:center;aspect-ratio:1;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.member-avatar-sm{font-size:18px}.audio-meter-container{align-items:center;display:flex;gap:12px;margin-top:8px}.audio-meter{background:var(--bg-tertiary);border-radius:6px;flex:1 1;height:12px;overflow:visible;position:relative}.audio-meter-fill{border-radius:6px;height:100%;min-width:0;transition:width .05s linear,background .15s}.audio-meter-threshold{background:var(--red);border-radius:1px;bottom:-2px;pointer-events:none;position:absolute;top:-2px;width:2px;z-index:1}.audio-meter-threshold:after{background:var(--red);border-radius:50%;content:"";height:6px;left:-2px;position:absolute;top:-3px;width:6px}.audio-meter-value{color:var(--text-muted);font-family:var(--font-code);font-size:12px;min-width:52px;text-align:right}.audio-toggle{align-items:center;display:flex;justify-content:space-between;margin-top:4px;padding:8px 0}.audio-toggle-label{color:var(--text-normal);font-size:14px;font-weight:500}.toggle-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background:var(--bg-tertiary);border-radius:24px;cursor:pointer;inset:0;position:absolute;transition:background .2s}.toggle-slider:before{background:var(--text-muted);border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:transform .2s,background .2s;width:18px}.toggle-switch input:checked+.toggle-slider{background:var(--brand-500)}.toggle-switch input:checked+.toggle-slider:before{background:#fff;transform:translateX(20px)}.soundboard-list{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.soundboard-item{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-sm);display:flex;gap:10px;padding:8px 12px;transition:background var(--transition-speed) var(--transition-fn)}.soundboard-item:hover{background:var(--bg-tertiary)}.soundboard-item-emoji{font-size:20px;text-align:center;width:28px}.soundboard-item-name{color:var(--text-normal);flex:1 1;font-size:14px;font-weight:500}.soundboard-item-duration{color:var(--text-muted);font-size:12px;margin-right:8px}.soundboard-item-actions{display:flex;gap:4px}.soundboard-item-name .global-badge{background:var(--brand-500);border-radius:3px;color:#fff;display:inline-block;font-size:9px;font-weight:700;margin-left:6px;padding:1px 4px;vertical-align:middle}.soundboard-editor{background:var(--bg-secondary);border-radius:var(--radius-md);margin-top:12px;padding:16px}.soundboard-editor h3{color:var(--text-normal);font-size:16px;margin:0 0 12px}.soundboard-form-row{display:flex;gap:12px;margin-bottom:12px}.soundboard-waveform-container{background:var(--bg-tertiary);border-radius:6px;height:80px;margin-bottom:12px;padding:4px;position:relative}.soundboard-waveform{display:block;height:100%;width:100%}.soundboard-trim-controls{margin-bottom:12px}.soundboard-trim-row{align-items:center;display:flex;gap:12px;margin-bottom:6px}.soundboard-trim-row label{color:var(--text-muted);font-size:12px;min-width:100px}.soundboard-trim-row input[type=range]{flex:1 1}.soundboard-trim-info{color:var(--text-muted);font-size:12px;margin-top:4px}.soundboard-actions{display:flex;gap:8px;margin-top:12px}.voice-sound-card{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:12px 16px}.voice-sound-card-header{display:flex;flex-direction:column;gap:2px}.collapsible-section{border:var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.collapsible-header{align-items:center;background:var(--bg-secondary);border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase;transition:background var(--transition-speed) var(--transition-fn),color var(--transition-speed) var(--transition-fn);width:100%}.collapsible-header:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.collapsible-header.danger{color:var(--red)}.collapsible-header.danger:hover{background:#ed42451a}.collapsible-arrow{display:inline-block;font-size:10px;transition:transform .2s ease}.collapsible-arrow.open{transform:rotate(90deg)}.collapsible-body{padding:12px 14px}.danger-zone{border-color:#ed424533}.category-header-edit.collapsible{border-radius:4px;cursor:pointer;margin:-2px -4px 6px;padding:6px 8px;transition:background .15s}.category-header-edit.collapsible:hover{background:#ffffff0a}.category-collapse-arrow{color:var(--text-muted);font-size:9px;margin-right:2px;transition:transform .2s ease}.category-collapse-arrow.open{transform:rotate(90deg)}.color-picker-custom{align-items:center;display:flex;gap:8px;margin-top:8px}.color-picker-swatch{aspect-ratio:1;border:3px solid #0000;border-radius:50%;box-sizing:border-box;cursor:pointer;flex-shrink:0;height:36px;overflow:hidden;position:relative;width:36px}.color-picker-swatch.selected{border-color:#fff;transform:scale(1.15)}.color-picker-swatch input[type=color]{border:none;cursor:pointer;height:52px;inset:-8px;opacity:0;padding:0;position:absolute;width:52px}.color-picker-hex-input{background:var(--bg-tertiary);border:1px solid #ffffff12;border-radius:4px;color:var(--text-normal);font-family:monospace;font-family:var(--font-code,monospace);font-size:13px;padding:6px 10px;width:120px}.color-picker-hex-input:focus{border-color:var(--brand-500);outline:none}.soundboard-pages-nav{border-bottom:1px solid #ffffff0f;display:flex;gap:4px;overflow-x:auto;padding:6px 8px;scrollbar-width:none}.soundboard-pages-nav::-webkit-scrollbar{display:none}.soundboard-page-tab{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:background .1s,color .1s;white-space:nowrap}.soundboard-page-tab:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.soundboard-page-tab.active{background:var(--bg-modifier-selected);color:var(--header-primary)}.mod-section-tabs{background:var(--bg-secondary);border-radius:6px;display:flex;gap:4px;margin-bottom:16px;padding:4px}.mod-section-tab{background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px 12px;transition:all .15s}.mod-section-tab:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.mod-section-tab.active{background:var(--bg-modifier-active);color:var(--text-normal)}.mod-report-status{border-radius:10px;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.mod-status-pending{background:#fee75c26;color:#fee75c}.mod-status-reviewed{background:#3b82f626;color:#3b82f6}.mod-status-actioned{background:#57f28726;color:#57f287}.mod-status-dismissed{background:#ffffff14;color:var(--text-muted)}@media (max-width:768px){.settings-modal{border-radius:0;flex-direction:column;height:auto;inset:0;max-height:none;max-width:none;padding-bottom:env(safe-area-inset-bottom,0);padding-top:env(safe-area-inset-top,0);position:fixed;width:100vw}.settings-sidebar-wrap{flex-shrink:0;position:relative}.settings-sidebar-wrap:after,.settings-sidebar-wrap:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;transition:opacity .2s;width:24px;z-index:2}.settings-sidebar-wrap:before{background:linear-gradient(to right,var(--bg-secondary),#0000);left:0;opacity:0}.settings-sidebar-wrap.can-scroll-left:before{opacity:1}.settings-sidebar-wrap:after{background:linear-gradient(to left,var(--bg-secondary),#0000);opacity:0;right:0}.settings-sidebar-wrap.can-scroll-right:after{opacity:1}.settings-sidebar{-webkit-overflow-scrolling:touch;border-bottom:1px solid #ffffff1a;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;gap:6px;min-height:52px;overflow-x:auto;overflow-y:hidden;padding:8px;scrollbar-width:none;width:100%!important}.settings-sidebar::-webkit-scrollbar{display:none}.settings-sidebar-title{display:none}.settings-close-button,.settings-sidebar-spacer{display:none!important}.settings-tab{border:1px solid #0000;border-radius:6px;flex-shrink:0;font-size:13px;min-height:38px;padding:8px 12px;white-space:nowrap;width:auto}.settings-tab.active{border-color:#ffffff1f}.settings-content{flex:1 1;overflow-y:auto;padding:16px 16px 80px!important;position:relative}.settings-floating-save{align-items:center;background:var(--brand-500);border-radius:24px;bottom:calc(env(safe-area-inset-bottom, 0px) + 16px);box-shadow:0 4px 16px #0006,0 0 0 1px #ffffff14;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;left:50%;min-height:48px;padding:12px 32px;position:fixed;transform:translateX(-50%);transition:background .2s,transform .15s,box-shadow .2s;z-index:1005}.settings-floating-save:hover{background:var(--brand-600);transform:translateX(-50%) scale(1.03)}.settings-floating-save:active{transform:translateX(-50%) scale(.97)}.settings-floating-save.saved{background:#57f287;background:var(--green,#57f287);color:#fff}.settings-close-btn{aspect-ratio:1;background:var(--bg-tertiary);border:1px solid #ffffff1a;display:flex!important;height:36px;left:auto;padding:0;position:absolute;right:16px;top:10px;width:36px;z-index:10}.perm-toggle input{height:22px!important;width:40px!important}.settings-content input[type=range]{height:8px}.settings-content input[type=range]::-webkit-slider-thumb{height:22px;width:22px}.settings-content input[type=range]::-moz-range-thumb{height:22px;width:22px}.settings-content button:not(.settings-close-btn):not(.color-opt):not(.color-picker-swatch):not(.danger-sm):not(.primary-sm):not(.theme-card){min-height:40px}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.theme-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:12px}.theme-card{background:var(--bg-secondary);border:2px solid #0000;border-radius:var(--radius-md);color:var(--text-normal);cursor:pointer;font-family:var(--font-body);padding:12px;position:relative;text-align:left;transition:border-color var(--transition-speed) var(--transition-fn),transform var(--transition-speed) var(--transition-fn)}.theme-card:hover{border-color:var(--interactive-muted);transform:translateY(-1px)}.theme-card.active{border-color:var(--brand-500)}.theme-check{align-items:center;background:var(--bg-primary);border-radius:50%;color:var(--brand-500);display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:6px;width:20px}.theme-swatches{display:flex;gap:4px;margin-bottom:10px;overflow:hidden}.theme-swatch{border:1px solid #80808033;border-radius:4px;flex:1 1;height:28px;min-width:0}.theme-name{color:var(--header-primary);font-size:14px;font-weight:600;margin-bottom:2px}.theme-desc{color:var(--text-muted);font-size:12px}.theme-custom-actions{display:flex;gap:8px;margin-top:4px}.theme-card-actions{border-top:1px solid #80808026;display:flex;gap:4px;margin-top:8px;padding-top:8px}.theme-card-actions .danger-sm,.theme-card-actions .settings-btn{flex:1 1;font-size:11px;margin-top:0;padding:4px 0}.theme-editor{background:var(--bg-secondary);border:1px solid #80808033;border-radius:var(--radius-md);margin-top:16px;padding:20px}.theme-editor h3{color:var(--header-primary);font-size:16px}.theme-editor h3,.theme-editor-field{margin-bottom:12px}.theme-editor-field label{color:var(--header-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.theme-editor-group{margin-bottom:16px}.theme-editor-group h4{border-bottom:1px solid #80808026;color:var(--text-muted);font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;padding-bottom:4px;text-transform:uppercase}.color-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.color-row label{color:var(--text-normal);flex:1 1;font-size:13px;min-width:120px}.color-row input[type=color]{background:none;border:2px solid #80808033;border-radius:var(--radius-sm);cursor:pointer;height:36px;padding:2px;width:36px}.color-hex-input{font-family:var(--font-code);font-size:13px!important;padding:6px 8px!important;width:90px!important}.theme-editor-actions{border-top:1px solid #80808026;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:12px}@media (max-width:600px){.color-row{flex-wrap:wrap}.color-row label{margin-bottom:2px;min-width:100%}.theme-custom-actions{flex-wrap:wrap}}.user-context-menu-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.user-context-menu{animation:contextMenuFadeIn .1s ease-out;background:var(--bg-floating);border-radius:4px;box-shadow:0 8px 16px #0006;min-width:200px;padding:6px;position:fixed;z-index:10000}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.user-context-menu .context-menu-item{align-items:center;background:#0000;border:none;border-radius:2px;color:var(--text-normal);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;text-align:left;transition:background .1s,color .1s;width:100%}.user-context-menu .context-menu-item:hover{background:#3b82f6;background:var(--brand-500,#3b82f6);color:#fff}.user-context-menu .context-menu-item.warning{color:var(--yellow)}.user-context-menu .context-menu-item.warning:hover{background:#faa61a26;color:var(--yellow)}.user-context-menu .context-menu-item.danger{color:var(--red)}.user-context-menu .context-menu-item.danger:hover{background:var(--red);color:#fff}.user-context-menu .context-menu-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.user-context-menu .context-menu-divider{background:var(--bg-modifier-hover);height:1px;margin:4px 0}.context-menu-section-label{color:var(--header-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px 4px;text-transform:uppercase}@media (max-width:768px){.user-context-menu{border-radius:12px;bottom:60px!important;left:8px!important;max-height:60vh;min-width:0;overflow-y:auto;padding:8px;position:fixed;right:8px;top:auto!important;width:auto}.user-context-menu .context-menu-item{font-size:16px;min-height:44px;padding:12px 16px}.user-context-menu .context-menu-icon{font-size:20px;width:24px}}.server-context-menu{animation:contextMenuFadeIn .1s ease-out;background:var(--bg-floating);border-radius:var(--radius-sm);box-shadow:0 8px 16px #0006;min-width:220px;padding:6px;position:fixed;z-index:10000}.server-context-menu.scm-panel{max-width:380px;min-width:300px;padding:0}.scm-header{align-items:center;border-bottom:1px solid var(--bg-modifier-hover);display:flex;gap:8px;padding:10px 12px}.scm-back-btn{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:16px;padding:2px 6px;transition:background .15s,color .15s}.scm-back-btn:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.scm-header-title{color:var(--header-primary);font-size:14px;font-weight:600}.scm-body{display:flex;flex-direction:column;gap:10px;padding:12px}.scm-label{color:var(--header-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.scm-description{color:var(--text-muted);font-size:13px;line-height:1.4}.scm-description strong{color:var(--text-normal)}.scm-invite-result{display:flex;gap:6px}.scm-invite-input{background:var(--bg-secondary);border:1px solid var(--bg-modifier-hover);border-radius:4px;color:var(--text-normal);flex:1 1;font-family:monospace;font-family:var(--font-code,monospace);font-size:13px;min-width:0;outline:none;padding:8px 10px}.scm-invite-input:focus{border-color:#3b82f6;border-color:var(--brand-primary,#3b82f6)}.scm-copy-btn{background:#3b82f6;background:var(--brand-primary,#3b82f6);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:background .15s;white-space:nowrap}.scm-copy-btn:hover{background:#2563eb}.scm-copy-btn.copied{background:#57f287;background:var(--green,#57f287);color:#000}.scm-action-btn{background:#3b82f6;background:var(--brand-primary,#3b82f6);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:background .15s,opacity .15s}.scm-action-btn:hover{background:#2563eb}.scm-action-btn:disabled{cursor:not-allowed;opacity:.5}.scm-info-box{background:var(--bg-secondary);border-radius:4px;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.scm-info-row{color:var(--text-muted);font-size:12px;line-height:1.4}.scm-info-row:before{color:var(--text-muted);content:"• "}.scm-error{background:#ed42451a;border-radius:4px;color:#ed4245;color:var(--red,#ed4245);font-size:13px;padding:6px 10px}@media (max-width:768px){.server-context-menu{border-radius:12px;bottom:60px!important;left:8px!important;min-width:0;padding:8px;position:fixed;right:8px;top:auto!important;width:auto}.server-context-menu.scm-panel{max-width:none;min-width:0}.server-context-menu .context-menu-item{font-size:16px;min-height:44px;padding:12px 16px}.scm-invite-input{font-size:16px;padding:10px 12px}.scm-action-btn{padding:12px 16px}.scm-action-btn,.scm-copy-btn{font-size:15px;min-height:44px}.scm-copy-btn{padding:10px 16px}}.channel-context-menu{animation:contextMenuFadeIn .1s ease-out;background:var(--bg-floating);border-radius:4px;box-shadow:0 8px 16px #0006;min-width:200px;padding:6px;position:fixed;z-index:10000}@media (max-width:768px){.channel-context-menu{border-radius:12px;bottom:8px!important;left:8px!important;min-width:0;padding:8px;position:fixed;right:8px;top:auto!important;width:auto}.channel-context-menu .context-menu-item{font-size:16px;min-height:44px;padding:12px 16px}}.user-profile-overlay{align-items:center;animation:profileOverlayIn .15s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes profileOverlayIn{0%{opacity:0}to{opacity:1}}.user-profile-modal{animation:profileModalIn .2s ease-out;background:#2b2d31;background:var(--bg-secondary,#2b2d31);border-radius:8px;box-shadow:0 8px 32px #00000080;max-height:85vh;max-width:90vw;overflow-y:auto;width:340px}@keyframes profileModalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.user-profile-banner{height:60px;width:100%}.user-profile-avatar-wrapper{height:80px;margin-left:16px;margin-top:-40px;position:relative;width:80px}.user-profile-avatar{align-items:center;border:6px solid #2b2d31;border:6px solid var(--bg-secondary,#2b2d31);border-radius:50%;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.user-profile-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-profile-avatar-emoji{font-size:36px}.user-profile-status-dot{border:3px solid #2b2d31;border:3px solid var(--bg-secondary,#2b2d31);border-radius:50%;bottom:4px;height:16px;position:absolute;right:4px;width:16px}.user-profile-status-dot.status-online{background:#3ba55c}.user-profile-status-dot.status-idle{background:#faa61a}.user-profile-status-dot.status-dnd{background:#ed4245}.user-profile-status-dot.status-invisible,.user-profile-status-dot.status-offline{background:#747f8d}.user-profile-body{padding:12px 16px 16px}.user-profile-name{font-size:20px;font-weight:700;margin-bottom:2px}.user-profile-status-text{color:#949ba4;color:var(--text-muted,#949ba4);font-size:13px;margin-bottom:12px;text-transform:capitalize}.user-profile-section{margin-bottom:12px}.user-profile-section-title{color:#b5bac1;color:var(--header-secondary,#b5bac1);font-size:12px;font-weight:700;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.user-profile-bio{color:#dbdee1;color:var(--text-normal,#dbdee1);font-size:14px;line-height:1.4;word-break:break-word}.user-profile-roles{display:flex;flex-wrap:wrap;gap:4px}.user-profile-role-pill{align-items:center;background:#1e1f22;background:var(--bg-tertiary,#1e1f22);border:1px solid;border-radius:4px;color:#dbdee1;color:var(--text-normal,#dbdee1);display:inline-flex;font-size:12px;gap:4px;padding:2px 8px}.user-profile-role-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.user-profile-date{color:#dbdee1;color:var(--text-normal,#dbdee1);font-size:13px}.user-profile-actions{border-top:1px solid #393c41;border-top:1px solid var(--bg-modifier-hover,#393c41);margin-top:12px;padding-top:12px}.user-profile-actions-row{display:flex;gap:6px;margin-bottom:6px}.user-profile-action-btn{align-items:center;background:#1e1f22;background:var(--bg-tertiary,#1e1f22);border:none;border-radius:4px;color:#dbdee1;color:var(--text-normal,#dbdee1);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:4px;justify-content:center;padding:7px 4px;transition:background .15s,color .15s}.user-profile-action-btn:hover{background:#393c41;background:var(--bg-modifier-hover,#393c41)}.user-profile-action-btn.primary{background:#3b82f6;background:var(--brand-500,#3b82f6);color:#fff}.user-profile-action-btn.primary:hover{background:#2563eb;background:var(--brand-560,#2563eb)}.user-profile-action-btn.active{background:#3b82f6;background:var(--brand-500,#3b82f6);color:#fff}.user-profile-action-btn.danger{color:#949ba4;color:var(--text-muted,#949ba4)}.user-profile-action-btn.danger:hover{background:#ed4245;background:var(--red,#ed4245);color:#fff}.up-btn-icon{flex-shrink:0;font-size:14px}.user-profile-invite-picker{background:#1e1f22;background:var(--bg-tertiary,#1e1f22);border-radius:6px;margin-top:6px;max-height:160px;overflow-y:auto;padding:4px}.up-invite-empty{color:#949ba4;color:var(--text-muted,#949ba4);font-size:13px;padding:12px;text-align:center}.up-invite-server-item{align-items:center;background:#0000;border:none;border-radius:4px;color:#dbdee1;color:var(--text-normal,#dbdee1);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:6px 8px;text-align:left;transition:background .1s;width:100%}.up-invite-server-item:hover{background:#393c41;background:var(--bg-modifier-hover,#393c41)}.up-invite-server-item.sent{opacity:.7}.up-invite-server-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;overflow:hidden;width:28px}.up-invite-server-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.up-invite-server-name{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-invite-server-status{color:#949ba4;color:var(--text-muted,#949ba4);flex-shrink:0;font-size:12px}.up-invite-server-item:hover .up-invite-server-status{color:#3b82f6;color:var(--brand-500,#3b82f6)}.up-invite-server-item.sent .up-invite-server-status{color:#3ba55c;color:var(--green,#3ba55c)}@media (max-width:768px){.user-profile-modal{max-height:80vh;width:calc(100vw - 32px)}.user-profile-action-btn{font-size:14px;min-height:44px;padding:10px 8px}.user-profile-actions-row{flex-wrap:wrap}.up-invite-server-item{min-height:44px;padding:10px 12px}}.confirm-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.confirm-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000080;max-width:440px;padding:24px;width:90%}.confirm-modal-title{color:var(--text-primary);font-size:20px;margin:0 0 8px}.confirm-modal-message{color:var(--text-muted);font-size:14px;line-height:1.4;margin:0 0 20px}.confirm-modal-actions{display:flex;gap:8px;justify-content:flex-end}.confirm-modal-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px}.confirm-modal-btn.cancel{background:#0000;color:var(--text-muted)}.confirm-modal-btn.danger{background:#ed4245;background:var(--red,#ed4245);color:#fff}.confirm-modal-btn.confirm{background:#5865f2;background:var(--brand-500,#5865f2);color:#fff}.incoming-call-overlay{animation:callSlideIn .3s ease;position:fixed;right:20px;top:20px;z-index:2000}@keyframes callSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.incoming-call-card{align-items:center;background:var(--bg-primary);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #00000080;display:flex;gap:14px;min-width:300px;overflow:hidden;padding:16px 20px;position:relative}.incoming-call-card:before{animation:callProgress 30s linear;background:linear-gradient(90deg,#57f287,#3b82f6);content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes callProgress{0%{width:100%}to{width:0}}.incoming-call-pulse{animation:callPulse 2s ease-in-out infinite;border:2px solid #57f2874d;border-radius:12px;inset:0;pointer-events:none;position:absolute}@keyframes callPulse{0%,to{opacity:0}50%{opacity:1}}.incoming-call-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.incoming-call-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.incoming-call-info{flex:1 1;min-width:0}.incoming-call-label{color:var(--text-positive);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.incoming-call-name{color:var(--header-primary);font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incoming-call-actions{display:flex;gap:8px}.incoming-call-btn{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:transform .15s,filter .15s;width:40px}.incoming-call-btn:hover{transform:scale(1.1)}.incoming-call-btn:active{transform:scale(.95)}.incoming-call-btn.accept{background:#57f287}.incoming-call-btn.accept:hover{filter:brightness(1.1)}.incoming-call-btn.decline{background:#ed4245}.incoming-call-btn.decline:hover{filter:brightness(1.1)}@media (max-width:768px){.incoming-call-overlay{left:10px;right:10px;top:env(safe-area-inset-top,10px)}.incoming-call-card{min-width:0;min-width:auto;width:100%}}.tour-overlay{animation:fadeIn .2s ease;background:#000000d9;inset:0;justify-content:center;position:fixed;z-index:10002}.tour-modal,.tour-overlay{align-items:center;display:flex}.tour-modal{animation:scaleIn .2s ease;background:#2b2d31;background:var(--bg-secondary,#2b2d31);border:1px solid #393c41;border:1px solid var(--bg-modifier-hover,#393c41);border-radius:12px;flex-direction:column;max-width:90vw;padding:40px 32px 24px;width:480px}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tour-slide{margin-bottom:24px;text-align:center}.tour-slide-icon{font-size:48px;margin-bottom:16px}.tour-slide-title{color:#f2f3f5;color:var(--text-primary,#f2f3f5);font-size:24px;font-weight:700;margin:0 0 12px}.tour-slide-description{color:#b5bac1;color:var(--text-muted,#b5bac1);font-size:15px;line-height:1.5;margin:0;max-width:380px}.tour-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;max-width:300px;width:100%}.tour-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .15s,opacity .15s}.tour-btn:disabled{cursor:default;opacity:.4}.tour-btn-primary{background:#5865f2;background:var(--brand-500,#5865f2);color:#fff}.tour-btn-primary:hover:not(:disabled){background:#4752c4;background:var(--brand-560,#4752c4)}.tour-btn-secondary{background:#1e1f22;background:var(--bg-tertiary,#1e1f22);border:1px solid #393c41;border:1px solid var(--bg-modifier-hover,#393c41);color:#f2f3f5;color:var(--text-primary,#f2f3f5)}.tour-btn-secondary:hover:not(:disabled){background:#393c41;background:var(--bg-modifier-hover,#393c41);color:#f2f3f5;color:var(--text-primary,#f2f3f5)}.tour-btn-small{background:#1e1f22;background:var(--bg-tertiary,#1e1f22);color:#f2f3f5;color:var(--text-primary,#f2f3f5);font-size:13px;padding:6px 14px}.tour-btn-small:hover:not(:disabled){background:#393c41;background:var(--bg-modifier-hover,#393c41)}.tour-btn-small.tour-btn-primary{background:#5865f2;background:var(--brand-500,#5865f2);color:#fff}.tour-btn-small.tour-btn-primary:hover:not(:disabled){background:#4752c4;background:var(--brand-560,#4752c4)}.tour-nav{align-items:center;display:flex;justify-content:space-between;padding-top:8px;width:100%}.tour-nav-btn{background:#1e1f22;background:var(--bg-tertiary,#1e1f22);border:none;border-radius:4px;color:#f2f3f5;color:var(--text-primary,#f2f3f5);cursor:pointer;font-size:14px;font-weight:500;min-width:60px;padding:6px 12px}.tour-nav-btn:hover:not(:disabled){background:#393c41;background:var(--bg-modifier-hover,#393c41);color:#f2f3f5;color:var(--text-primary,#f2f3f5)}.tour-nav-btn:disabled{cursor:default;opacity:.4}.tour-nav-next{background:#5865f2;background:var(--brand-500,#5865f2);color:#fff}.tour-nav-next:hover:not(:disabled){background:#4752c4;background:var(--brand-560,#4752c4)}.tour-dots{display:flex;gap:8px}.tour-dot{background:#393c41;background:var(--bg-modifier-hover,#393c41);border-radius:50%;cursor:pointer;height:8px;transition:background .15s;width:8px}.tour-dot.active{background:#5865f2;background:var(--brand-500,#5865f2)}.tour-dot:hover:not(.active){background:#b5bac1;background:var(--text-muted,#b5bac1)}.tour-tooltip-overlay{animation:fadeIn .2s ease;background:#0009;inset:0;position:fixed;z-index:10002}.tour-spotlight{border-radius:8px;box-shadow:0 0 0 9999px #0009;pointer-events:none;position:fixed;transition:all .3s ease;z-index:10003}.tour-tooltip{animation:scaleIn .2s ease;background:#2b2d31;background:var(--bg-secondary,#2b2d31);border:1px solid #393c41;border:1px solid var(--bg-modifier-hover,#393c41);border-radius:8px;box-shadow:0 4px 20px #0006;padding:16px;position:fixed;width:260px;z-index:10004}.tour-tooltip-text{color:#f2f3f5;color:var(--text-primary,#f2f3f5);font-size:14px;line-height:1.5;margin:0 0 12px}.tour-tooltip-nav{align-items:center;display:flex;gap:8px;justify-content:space-between}.tour-tooltip-count,.tour-tooltip-skip{color:#b5bac1;color:var(--text-muted,#b5bac1);font-size:12px}.tour-tooltip-skip{background:none;border:none;cursor:pointer;display:block;margin:10px auto 0}.tour-tooltip-skip:hover{color:#f2f3f5;color:var(--text-primary,#f2f3f5)}.app{background:var(--bg-primary);height:100dvh}.main-content{flex:1 1;min-width:0}.dm-call-voice-panel,.main-content{display:flex;flex-direction:column;overflow:hidden}.dm-call-voice-panel{border-bottom:2px solid #57f2874d;flex-shrink:0;max-height:45vh;min-height:200px}.dm-call-voice-panel.screen-sharing{max-height:80vh}.dm-call-voice-panel .voice-area{flex:1 1;height:100%}.global-error{animation:popIn .2s ease;background:var(--red);border-radius:var(--radius-sm);color:#fff;font-size:14px;font-weight:600;left:50%;padding:8px 24px;pointer-events:none;position:fixed;top:16px;transform:translateX(-50%);z-index:9999}.connection-banner{align-items:center;animation:slideDown .3s ease;background:#faa61a;background:var(--yellow,#faa61a);color:#000;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;left:0;padding:4px 12px;position:fixed;right:0;top:0;z-index:10000}.connection-banner.reconnected{background:#3ba55d;background:var(--green,#3ba55d);color:#fff}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.update-banner{align-items:center;animation:slideDown .3s ease;background:#3ba55d;background:var(--green,#3ba55d);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;left:0;padding:6px 12px;position:fixed;right:0;top:0;z-index:10001}.update-banner:hover{filter:brightness(1.1)}.banner-close{background:#0000;border:none;color:inherit;cursor:pointer;font-size:18px;line-height:1;opacity:.7;padding:0 4px;transition:opacity .15s}.banner-close:hover{opacity:1}.empty-state{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:16px}.empty-state-title{color:#f2f3f5;color:var(--text-primary,#f2f3f5);font-size:24px;font-weight:700;margin:0 0 8px}.empty-state-text{color:#b5bac1;color:var(--text-muted,#b5bac1);font-size:15px;margin:0 0 24px;max-width:400px}.empty-state-actions{display:flex;gap:12px}.empty-state-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background var(--transition-speed) var(--transition-fn)}.empty-state-btn-primary{background:#5865f2;background:var(--brand-500,#5865f2);color:#fff}.empty-state-btn-primary:hover{background:#4752c4;background:var(--brand-560,#4752c4)}.empty-state-btn-secondary{background:#1e1f22;background:var(--bg-tertiary,#1e1f22);color:#f2f3f5;color:var(--text-primary,#f2f3f5)}.empty-state-btn-secondary:hover{background:#393c41;background:var(--bg-modifier-hover,#393c41)}.mobile-nav-bar,.mobile-overlay{display:none}@media (max-width:768px){.app{flex-direction:column;position:relative;touch-action:pan-y}.mobile-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:96px;z-index:99}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.server-list{border-bottom:1px solid #0003;border-right:none!important;flex-direction:row!important;height:56px!important;left:0;overflow-x:auto;overflow-y:hidden;padding:4px 8px!important;position:fixed;right:0;top:0;width:100%!important;z-index:51}.add-server-btn,.server-item,.server-list-home{font-size:16px!important;height:44px!important;min-width:44px;width:44px!important}.server-list-separator{height:20px!important;margin:0 4px!important;width:2px!important}.sidebar{bottom:0;box-shadow:4px 0 12px #0006;left:-280px;position:fixed;top:96px;transition:left .2s cubic-bezier(.4,0,.2,1);width:280px!important;z-index:100}.sidebar.mobile-open{left:0}.member-list{bottom:0;box-shadow:-4px 0 12px #0006;position:fixed!important;right:-240px;top:96px;transition:right .2s cubic-bezier(.4,0,.2,1);width:240px!important;z-index:100}.member-list.mobile-open{right:0}.mobile-nav-bar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid #ffffff0f;display:flex;height:40px;justify-content:space-between;left:0;padding:0 4px;position:fixed;right:0;top:56px;z-index:52}.mobile-nav-left,.mobile-nav-right{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:1;font-size:13px;gap:6px;min-width:0;padding:8px}.mobile-nav-left:active,.mobile-nav-right:active{background:var(--bg-modifier-hover)}.mobile-nav-arrow{color:var(--text-muted);font-size:16px;font-weight:700}.mobile-nav-channel{color:var(--text-normal);font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-online{color:var(--text-muted);font-size:12px}.mobile-nav-actions{align-items:center;display:flex;flex-shrink:0;gap:2px;margin-left:auto}.mobile-nav-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:6px;transition:background .15s,color .15s}.mobile-nav-action-btn:active{background:var(--bg-modifier-hover)}.mobile-nav-action-btn.active{background:#ed424533;color:#ed4245}.mobile-nav-activity{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;padding:8px;position:relative}.mobile-nav-activity:active{background:var(--bg-modifier-hover)}.mobile-nav-activity-badge{align-items:center;background:var(--red);border-radius:7px;color:#fff;display:flex;font-size:9px;font-weight:700;height:14px;justify-content:center;line-height:1;min-width:14px;padding:0 3px;position:absolute;right:0;top:2px}.main-content{bottom:0;height:auto;left:0;margin:0;position:fixed;right:0;top:96px}.user-panel{border-top:1px solid #0003;flex-shrink:0;position:static}.user-info{flex-direction:row!important;padding:8px 12px!important}.user-controls{gap:8px!important}.chat-area{height:100%;padding-bottom:0}.chat-input-wrap{padding:8px!important}.voice-area{padding-top:0}.voice-users-grid{gap:8px!important}.voice-user-tile{height:100px!important;width:100px!important}.voice-ctrl-btn{font-size:11px!important;min-width:60px!important;padding:8px 12px!important}.voice-ctrl-icon{font-size:16px!important}.user-audio-controls{flex-direction:column;gap:4px;padding:6px}.user-volume-slider{width:60px!important}.volume-label{font-size:10px!important}}@supports (padding:env(safe-area-inset-top)){@media (max-width:768px){.server-list{padding-top:env(safe-area-inset-top)!important}.chat-side-panel,.main-content{padding-bottom:env(safe-area-inset-bottom)!important}}}@media (max-height:500px) and (orientation:landscape){.app{flex-direction:column;position:relative;touch-action:pan-y}.server-list{border-bottom:1px solid #0003;border-right:none!important;flex-direction:row!important;height:52px!important;left:0;overflow-x:auto;overflow-y:hidden;padding:4px 8px!important;position:fixed;right:0;top:0;width:100%!important;z-index:51}.add-server-btn,.server-item,.server-list-home{height:42px!important;min-width:42px;width:42px!important}.server-list-separator{height:20px!important;margin:0 4px!important;width:2px!important}.sidebar{bottom:0;box-shadow:4px 0 12px #0006;left:-280px;position:fixed;top:88px;transition:left .2s cubic-bezier(.4,0,.2,1);width:280px!important;z-index:100}.sidebar.mobile-open{left:0}.member-list{bottom:0;box-shadow:-4px 0 12px #0006;position:fixed!important;right:-240px;top:88px;transition:right .2s cubic-bezier(.4,0,.2,1);width:240px!important;z-index:100}.member-list.mobile-open{right:0}.mobile-nav-bar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid #ffffff0f;display:flex;height:36px;justify-content:space-between;left:0;padding:0 4px;position:fixed;right:0;top:52px;z-index:52}.mobile-nav-left,.mobile-nav-right{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:1;font-size:13px;gap:6px;min-width:0;padding:8px}.mobile-nav-left:active,.mobile-nav-right:active{background:var(--bg-modifier-hover)}.mobile-nav-arrow{color:var(--text-muted);font-size:16px;font-weight:700}.mobile-nav-channel{color:var(--text-normal);font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-online{color:var(--text-muted);font-size:12px}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:block;z-index:99}.main-content,.mobile-overlay{bottom:0;left:0;position:fixed;right:0;top:88px}.main-content{height:auto;margin:0}.user-panel{border-top:1px solid #0003;flex-shrink:0;position:static}.user-info{flex-direction:row!important;padding:6px 12px!important}.voice-controls{gap:4px!important;padding:6px!important}.voice-ctrl-btn{font-size:10px!important;min-width:48px!important;padding:6px 8px!important}.voice-ctrl-icon{font-size:16px!important}}@media (min-width:769px) and (max-width:1024px){.sidebar{width:200px!important}.voice-users-grid{gap:8px!important}.voice-user-tile{height:120px!important;width:120px!important}}.media-error-banner{align-items:center;animation:media-error-slide-in .2s ease-out;background:#f047471f;border-bottom:1px solid #f0474740;display:flex;flex-shrink:0;gap:12px;padding:10px 16px}@keyframes media-error-slide-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.media-error-icon{color:#f04747;flex-shrink:0;font-size:18px}.media-error-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.media-error-title{color:#f04747;font-size:13px;font-weight:600}.media-error-message{color:#b9bbbe;font-size:12px}.media-error-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.media-error-retry{background:#f04747;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:background .15s}.media-error-retry:hover{background:#d84040}.media-error-dismiss{background:none;border:none;border-radius:3px;color:#b9bbbe;cursor:pointer;font-size:18px;line-height:1;padding:2px 6px;transition:color .15s,background .15s}.media-error-dismiss:hover{background:#ffffff1a;color:#fff}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#1a1c1f;--bg-secondary:#141618;--bg-tertiary:#111214;--bg-modifier-hover:#ffffff0f;--bg-modifier-active:#ffffff1a;--bg-modifier-selected:#3b82f64d;--bg-floating:#18191c;--text-normal:#dcddde;--text-muted:#72767d;--text-link:#00b0f4;--text-positive:#57f287;--text-warning:#faa61a;--text-danger:#ed4245;--header-primary:#fff;--header-secondary:#b9bbbe;--brand-500:#3b82f6;--brand-600:#2563eb;--brand-experiment:#3b82f6;--brand-primary:#3b82f6;--green:#3ba55c;--red:#ed4245;--yellow:#faa61a;--channel-default:#8e9297;--channels-default:#8e9297;--interactive-normal:#b9bbbe;--interactive-hover:#dcddde;--interactive-active:#fff;--interactive-muted:#4f545c;--scrollbar-thin-thumb:#202225;--scrollbar-thin-track:#0000;--elevation-low:0 1px 0 #04040533,0 1.5px 0 #0606070d,0 2px 0 #0404050d;--elevation-medium:0 4px 4px #00000029;--elevation-high:0 8px 16px #0000003d;--font-display:"Space Grotesk",sans-serif;--font-body:"DM Sans",sans-serif;--font-code:"Courier New",monospace;--sidebar-width:240px;--server-list-width:72px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--border-subtle:1px solid #ffffff0f;--border-prominent:1px solid #ffffff1f;--border-input:1px solid #ffffff12;--transition-speed:0.15s;--transition-fn:ease;--button-shadow:none;--input-shadow:none}[data-theme=retro]{--bg-primary:silver;--bg-secondary:#d4d0c8;--bg-tertiary:#bfbfbf;--bg-modifier-hover:#00000014;--bg-modifier-active:#00000024;--bg-modifier-selected:#005bb840;--bg-floating:#d4d0c8;--text-normal:#000;--text-muted:#4a4a4a;--text-link:#00e;--text-positive:green;--text-warning:#c80;--text-danger:#c00;--header-primary:#000;--header-secondary:#333;--brand-500:#005bb8;--brand-600:#004a96;--brand-experiment:#005bb8;--brand-primary:#005bb8;--green:green;--red:#c00;--yellow:#c80;--channel-default:#333;--channels-default:#333;--interactive-normal:#333;--interactive-hover:#111;--interactive-active:#000;--interactive-muted:grey;--scrollbar-thin-thumb:#888;--scrollbar-thin-track:silver;--elevation-low:inset -1px -1px 0 grey,inset 1px 1px 0 #fff;--elevation-medium:inset -1px -1px 0 #404040,inset 1px 1px 0 #fff,inset -2px -2px 0 grey,inset 2px 2px 0 #d4d0c8;--elevation-high:2px 2px 0 #404040,inset -1px -1px 0 grey,inset 1px 1px 0 #fff;--font-display:Tahoma,"Trebuchet MS",sans-serif;--font-body:Tahoma,"Trebuchet MS",sans-serif;--font-code:"Courier New",monospace;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--border-subtle:2px solid grey;--border-prominent:2px solid grey;--border-input:2px solid grey;--transition-speed:0s;--transition-fn:step-end;--button-shadow:inset -1px -1px 0 #404040,inset 1px 1px 0 #fff,inset -2px -2px 0 grey,inset 2px 2px 0 #d4d0c8;--input-shadow:inset 1px 1px 0 grey,inset -1px -1px 0 #fff,inset 2px 2px 0 #404040}[data-theme=terminal]{--bg-primary:#0a0a0a;--bg-secondary:#050505;--bg-tertiary:#020202;--bg-modifier-hover:#00ff000f;--bg-modifier-active:#00ff001f;--bg-modifier-selected:#00ff002e;--bg-floating:#0d0d0d;--text-normal:#0f0;--text-muted:#080;--text-link:#0cf;--text-positive:#0f0;--text-warning:#fc0;--text-danger:#f33;--header-primary:#0f0;--header-secondary:#0c0;--brand-500:#0f0;--brand-600:#0c0;--brand-experiment:#0f0;--brand-primary:#0f0;--green:#0f0;--red:#f33;--yellow:#fc0;--channel-default:#0a0;--channels-default:#0a0;--interactive-normal:#0c0;--interactive-hover:#0f0;--interactive-active:#3f3;--interactive-muted:#050;--scrollbar-thin-thumb:#030;--scrollbar-thin-track:#0000;--elevation-low:0 0 2px #00ff0026;--elevation-medium:0 0 6px #0f03;--elevation-high:0 0 12px #00ff004d;--font-display:"Courier New","Lucida Console",monospace;--font-body:"Courier New","Lucida Console",monospace;--font-code:"Courier New","Lucida Console",monospace;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--border-subtle:1px dashed #0a0;--border-prominent:1px dashed #0f0;--border-input:1px solid #0a0;--transition-speed:0s;--transition-fn:step-end;--button-shadow:none;--input-shadow:none}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f2f3f5;--bg-tertiary:#e3e5e8;--bg-modifier-hover:#0000000a;--bg-modifier-active:#00000014;--bg-modifier-selected:#0071e326;--bg-floating:#fff;--text-normal:#2e3338;--text-muted:#747f8d;--text-link:#0071e3;--text-positive:#2d8540;--text-warning:#cc7a00;--text-danger:#d83c3e;--header-primary:#060607;--header-secondary:#4f5660;--brand-500:#0071e3;--brand-600:#005bb5;--brand-experiment:#0071e3;--brand-primary:#0071e3;--green:#2d8540;--red:#d83c3e;--yellow:#cc7a00;--channel-default:#4f5660;--channels-default:#4f5660;--interactive-normal:#4f5660;--interactive-hover:#2e3338;--interactive-active:#060607;--interactive-muted:#c4c9ce;--scrollbar-thin-thumb:#c4c9ce;--scrollbar-thin-track:#0000;--elevation-low:0 1px 2px #00000014;--elevation-medium:0 4px 8px #0000001a;--elevation-high:0 8px 24px #00000024;--font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;--font-code:"SF Mono","Menlo",monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--border-subtle:1px solid #0000000f;--border-prominent:1px solid #0000001f;--border-input:1px solid #0000001f;--transition-speed:0.2s;--transition-fn:cubic-bezier(0.4,0,0.2,1);--button-shadow:none;--input-shadow:none}[data-theme=neon]{--bg-primary:#0e0e0e;--bg-secondary:#0a0a0a;--bg-tertiary:#060606;--bg-modifier-hover:#10e05012;--bg-modifier-active:#10e05021;--bg-modifier-selected:#10e05033;--bg-floating:#111;--text-normal:#d0d0d0;--text-muted:#606060;--text-link:#10e050;--text-positive:#10e050;--text-warning:#e0c020;--text-danger:#e04040;--header-primary:#fff;--header-secondary:#909090;--brand-500:#10e050;--brand-600:#0cb840;--brand-experiment:#10e050;--brand-primary:#10e050;--green:#10e050;--red:#e04040;--yellow:#e0c020;--channel-default:#707070;--channels-default:#707070;--interactive-normal:#909090;--interactive-hover:silver;--interactive-active:#fff;--interactive-muted:#404040;--scrollbar-thin-thumb:#1a1a1a;--scrollbar-thin-track:#0000;--elevation-low:0 0 3px #10e0501a;--elevation-medium:0 0 8px #10e05026;--elevation-high:0 0 16px #10e05040;--font-display:"Space Grotesk",sans-serif;--font-body:"DM Sans",sans-serif;--font-code:"Courier New",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--border-subtle:1px solid #10e05026;--border-prominent:1px solid #10e0504d;--border-input:1px solid #10e05033;--transition-speed:0.2s;--transition-fn:ease;--button-shadow:none;--input-shadow:none}[data-theme=blue]{--bg-primary:#06092b;--bg-secondary:#040720;--bg-tertiary:#030518;--bg-modifier-hover:#0070d11a;--bg-modifier-active:#0070d12e;--bg-modifier-selected:#0070d140;--bg-floating:#080c30;--text-normal:#c8d0e0;--text-muted:#5a6580;--text-link:#40a0ff;--text-positive:#45d08a;--text-warning:#e0a030;--text-danger:#e05050;--header-primary:#e8ecf4;--header-secondary:#8892a8;--brand-500:#0070d1;--brand-600:#005aa8;--brand-experiment:#0070d1;--brand-primary:#0070d1;--green:#45d08a;--red:#e05050;--yellow:#e0a030;--channel-default:#6878a0;--channels-default:#6878a0;--interactive-normal:#8892a8;--interactive-hover:#c0c8d8;--interactive-active:#e8ecf4;--interactive-muted:#3a4560;--scrollbar-thin-thumb:#101840;--scrollbar-thin-track:#0000;--elevation-low:0 1px 2px #0006;--elevation-medium:0 4px 8px #00000080;--elevation-high:0 8px 20px #0009;--font-display:"Space Grotesk",sans-serif;--font-body:"DM Sans",sans-serif;--font-code:"Courier New",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--border-subtle:1px solid #0070d11f;--border-prominent:1px solid #0070d140;--border-input:1px solid #0070d12e;--transition-speed:0.2s;--transition-fn:ease;--button-shadow:none;--input-shadow:none}[data-theme=cherry]{--bg-primary:#1f1114;--bg-secondary:#180c0f;--bg-tertiary:#12080a;--bg-modifier-hover:#e63c3c14;--bg-modifier-active:#e63c3c26;--bg-modifier-selected:#e63c3c38;--bg-floating:#221318;--text-normal:#e0c8cc;--text-muted:#806068;--text-link:#ff6070;--text-positive:#50c878;--text-warning:#e0a030;--text-danger:#e63c3c;--header-primary:#f4e0e4;--header-secondary:#b08890;--brand-500:#e63c3c;--brand-600:#c03030;--brand-experiment:#e63c3c;--brand-primary:#e63c3c;--green:#50c878;--red:#e63c3c;--yellow:#e0a030;--channel-default:#906068;--channels-default:#906068;--interactive-normal:#b08890;--interactive-hover:#d8b0b8;--interactive-active:#f4e0e4;--interactive-muted:#503038;--scrollbar-thin-thumb:#301820;--scrollbar-thin-track:#0000;--elevation-low:0 1px 2px #0000004d;--elevation-medium:0 4px 8px #0006;--elevation-high:0 8px 20px #00000080;--font-display:"Space Grotesk",sans-serif;--font-body:"DM Sans",sans-serif;--font-code:"Courier New",monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--border-subtle:1px solid #e63c3c1a;--border-prominent:1px solid #e63c3c33;--border-input:1px solid #e63c3c26;--transition-speed:0.18s;--transition-fn:ease;--button-shadow:none;--input-shadow:none}[data-theme=amber]{--bg-primary:#0a0800;--bg-secondary:#050400;--bg-tertiary:#020200;--bg-modifier-hover:#ffb0000f;--bg-modifier-active:#ffb0001f;--bg-modifier-selected:#ffb0002e;--bg-floating:#0d0b00;--text-normal:#ffb000;--text-muted:#886000;--text-link:#fc4;--text-positive:#ffb000;--text-warning:#fc0;--text-danger:#f42;--header-primary:#ffb000;--header-secondary:#cc8c00;--brand-500:#ffb000;--brand-600:#cc8c00;--brand-experiment:#ffb000;--brand-primary:#ffb000;--green:#ffb000;--red:#f42;--yellow:#fc0;--channel-default:#a70;--channels-default:#a70;--interactive-normal:#cc8c00;--interactive-hover:#ffb000;--interactive-active:#fc4;--interactive-muted:#553c00;--scrollbar-thin-thumb:#332400;--scrollbar-thin-track:#0000;--elevation-low:0 0 2px #ffb00026;--elevation-medium:0 0 6px #ffb00033;--elevation-high:0 0 12px #ffb0004d;--font-display:"Courier New","Lucida Console",monospace;--font-body:"Courier New","Lucida Console",monospace;--font-code:"Courier New","Lucida Console",monospace;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--border-subtle:1px dashed #a70;--border-prominent:1px dashed #ffb000;--border-input:1px solid #a70;--transition-speed:0s;--transition-fn:step-end;--button-shadow:none;--input-shadow:none}[data-theme=synthwave]{--bg-primary:#0f0a1a;--bg-secondary:#0a0612;--bg-tertiary:#06030c;--bg-modifier-hover:#ff29751a;--bg-modifier-active:#ff297533;--bg-modifier-selected:#ff297547;--bg-floating:#140e24;--text-normal:#f0e0ff;--text-muted:#6a50a0;--text-link:#00e5ff;--text-positive:#00ff9f;--text-warning:#ffe200;--text-danger:#ff1744;--header-primary:#fff0ff;--header-secondary:#b080e0;--brand-500:#ff2975;--brand-600:#e0206a;--brand-experiment:#ff2975;--brand-primary:#ff2975;--green:#00ff9f;--red:#ff1744;--yellow:#ffe200;--channel-default:#8060c0;--channels-default:#8060c0;--interactive-normal:#b080e0;--interactive-hover:#e0b0ff;--interactive-active:#fff0ff;--interactive-muted:#3a2060;--scrollbar-thin-thumb:#2a1550;--scrollbar-thin-track:#0000;--elevation-low:0 0 6px #ff297526,0 1px 3px #00000080;--elevation-medium:0 0 12px #ff297533,0 4px 10px #0009;--elevation-high:0 0 20px #ff297540,0 8px 24px #000000b3;--font-display:"Space Grotesk",sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-code:"Courier New",monospace;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--border-subtle:1px solid #ff297526;--border-prominent:1px solid #ff297559;--border-input:1px solid #b050e04d;--transition-speed:0.25s;--transition-fn:ease;--button-shadow:0 0 12px #ff297566;--input-shadow:none}[data-theme=vaporwave]{--bg-primary:#1a0e2e;--bg-secondary:#140a28;--bg-tertiary:#0f0720;--bg-modifier-hover:#ff71ce14;--bg-modifier-active:#ff71ce26;--bg-modifier-selected:#ff71ce38;--bg-floating:#1e1235;--text-normal:#e8d0f0;--text-muted:#8868a8;--text-link:#01cdfe;--text-positive:#05ffa1;--text-warning:#fffb96;--text-danger:#ff6b6b;--header-primary:#f8e8ff;--header-secondary:#b890d0;--brand-500:#ff71ce;--brand-600:#d060aa;--brand-experiment:#ff71ce;--brand-primary:#ff71ce;--green:#05ffa1;--red:#ff6b6b;--yellow:#fffb96;--channel-default:#9878b8;--channels-default:#9878b8;--interactive-normal:#b890d0;--interactive-hover:#d8b8e8;--interactive-active:#f8e8ff;--interactive-muted:#503870;--scrollbar-thin-thumb:#2a1848;--scrollbar-thin-track:#0000;--elevation-low:0 1px 3px #0000004d;--elevation-medium:0 4px 10px #0006;--elevation-high:0 8px 20px #00000080;--font-display:"Space Grotesk",sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-code:"Courier New",monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--border-subtle:1px solid #ff71ce1a;--border-prominent:1px solid #ff71ce33;--border-input:1px solid #ff71ce26;--transition-speed:0.2s;--transition-fn:ease;--button-shadow:0 0 6px #ff71ce40;--input-shadow:none}[data-theme=forest]{--bg-primary:#111a0e;--bg-secondary:#0a1208;--bg-tertiary:#060d04;--bg-modifier-hover:#d4a03014;--bg-modifier-active:#d4a03026;--bg-modifier-selected:#d4a03038;--bg-floating:#142010;--text-normal:#c8d0b0;--text-muted:#6b7858;--text-link:#8cb830;--text-positive:#6b8e23;--text-warning:#d4a030;--text-danger:#c04020;--header-primary:#e0e8d0;--header-secondary:#8a9870;--brand-500:#d4a030;--brand-600:#b08020;--brand-experiment:#d4a030;--brand-primary:#d4a030;--green:#6b8e23;--red:#c04020;--yellow:#d4a030;--channel-default:#7a8860;--channels-default:#7a8860;--interactive-normal:#8a9870;--interactive-hover:#b0c090;--interactive-active:#e0e8d0;--interactive-muted:#3a4830;--scrollbar-thin-thumb:#1e2c18;--scrollbar-thin-track:#0000;--elevation-low:0 1px 2px #00000059;--elevation-medium:0 4px 8px #00000073;--elevation-high:0 8px 20px #0000008c;--font-display:"Space Grotesk",sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-code:"Courier New",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--border-subtle:1px solid #d4a0301a;--border-prominent:1px solid #d4a03033;--border-input:1px solid #d4a03026;--transition-speed:0.2s;--transition-fn:ease;--button-shadow:none;--input-shadow:none}[data-theme=cyberpunk]{--bg-primary:#0a0a0c;--bg-secondary:#060608;--bg-tertiary:#030304;--bg-modifier-hover:#f0e0000f;--bg-modifier-active:#f0e0001f;--bg-modifier-selected:#f0e0002e;--bg-floating:#0e0e10;--text-normal:#f0e000;--text-muted:#888000;--text-link:#00e5ff;--text-positive:#0f8;--text-warning:#f0e000;--text-danger:#f05;--header-primary:#f0e000;--header-secondary:#c0b000;--brand-500:#f0e000;--brand-600:#c0b000;--brand-experiment:#f0e000;--brand-primary:#f0e000;--green:#0f8;--red:#f05;--yellow:#f0e000;--channel-default:#a09000;--channels-default:#a09000;--interactive-normal:#c0b000;--interactive-hover:#f0e000;--interactive-active:#fe4;--interactive-muted:#504800;--scrollbar-thin-thumb:#282400;--scrollbar-thin-track:#0000;--elevation-low:0 0 2px #f0e00026;--elevation-medium:0 0 6px #f0e00033;--elevation-high:0 0 12px #f0e0004d;--font-display:"Courier New","Lucida Console",monospace;--font-body:"Courier New","Lucida Console",monospace;--font-code:"Courier New","Lucida Console",monospace;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--border-subtle:1px dashed #f0e0004d;--border-prominent:1px dashed #f0e000;--border-input:1px solid #f0e00066;--transition-speed:0s;--transition-fn:step-end;--button-shadow:0 0 6px #f0e0004d;--input-shadow:none}#root,body,html{height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;background:#1a1c1f;background:var(--bg-primary);color:#dcddde;color:var(--text-normal);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:16px;line-height:1.4}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#202225;background:var(--scrollbar-thin-thumb);border-radius:4px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#2d2f33}[data-theme=light] ::-webkit-scrollbar-thumb{background:#c4c9ce}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#a8adb4}[data-theme=light] .settings-section h2{border-bottom-color:#00000014}[data-theme=light] .settings-input,[data-theme=light] .settings-select,[data-theme=light] .settings-textarea{border-color:#0000001f!important}[data-theme=light] .settings-sidebar{border-color:#00000014}[data-theme=light] .settings-sidebar button{border-bottom-color:#0000000f}[data-theme=light] .custom-select{border-color:#0000001f}[data-theme=light] .custom-select.open{border-color:#0003}[data-theme=light] .dm-list{border-right-color:#00000014}[data-theme=light] .activity-panel,[data-theme=light] .member-list{border-left-color:#00000014}[data-theme=retro] .settings-section h2{border-bottom-color:#0000001f}[data-theme=retro] .settings-input,[data-theme=retro] .settings-select,[data-theme=retro] .settings-textarea{border-color:#00000026!important}button{cursor:pointer;touch-action:manipulation}button,input,textarea{border:none;font-family:DM Sans,sans-serif;font-family:var(--font-body);outline:none}a{touch-action:manipulation}.app{display:flex;height:100vh;overflow:hidden}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.img-placeholder{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#141618 25%,#111214 50%,#141618 75%);background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:400px 100%;border-radius:6px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes speaking{0%,to{box-shadow:0 0 0 2px #3ba55c;box-shadow:0 0 0 2px var(--green)}50%{box-shadow:0 0 0 4px #3ba55c;box-shadow:0 0 0 4px var(--green)}}[data-theme=retro] .chat-header,[data-theme=retro] .sidebar-header{background:linear-gradient(180deg,#0a246a,#3a6ea5);color:#fff}[data-theme=retro] .chat-header-icon,[data-theme=retro] .chat-header-name,[data-theme=retro] .sidebar-header *{color:#fff}[data-theme=retro] .sidebar{border-right:2px solid grey}[data-theme=retro] .member-list{border-left:2px solid grey}[data-theme=retro] .confirm-modal-btn.confirm,[data-theme=retro] .confirm-modal-btn.danger,[data-theme=retro] .empty-state-btn,[data-theme=retro] .login-btn,[data-theme=retro] .send-btn,[data-theme=retro] .settings-btn.primary{box-shadow:none;box-shadow:var(--button-shadow)}[data-theme=retro] .confirm-modal-btn:active,[data-theme=retro] .empty-state-btn:active,[data-theme=retro] .login-btn:active,[data-theme=retro] .send-btn:active,[data-theme=retro] .settings-btn.primary:active{box-shadow:inset 1px 1px 0 #404040,inset -1px -1px 0 #fff,inset 2px 2px 0 grey}[data-theme=retro] .chat-input,[data-theme=retro] .custom-select-trigger,[data-theme=retro] .edit-input,[data-theme=retro] .login-input,[data-theme=retro] .settings-input,[data-theme=retro] .settings-textarea{box-shadow:none;box-shadow:var(--input-shadow)}[data-theme=terminal] .app:after{background:repeating-linear-gradient(0deg,#00000026,#00000026 1px,#0000 0,#0000 3px);content:"";inset:0;pointer-events:none;position:fixed;z-index:99999}@keyframes terminalFlicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}}[data-theme=terminal] .app{animation:terminalFlicker 4s infinite}[data-theme=terminal] .sidebar{border-right:1px dashed #0a0}[data-theme=terminal] .member-list{border-left:1px dashed #0a0}[data-theme=terminal] .chat-header,[data-theme=terminal] .sidebar-header{border-bottom:1px dashed #0a0}[data-theme=terminal] .channel-item.active .channel-name:after{animation:terminalBlink 1s step-end infinite;color:#0f0;content:" █"}@keyframes terminalBlink{0%,50%{opacity:1}51%,to{opacity:0}}[data-theme=terminal] .chat-input-box:before{align-self:center;color:#0f0;content:"> ";flex-shrink:0;font-family:Courier New,monospace;font-weight:700}[data-theme=terminal] .dm-avatar,[data-theme=terminal] .member-avatar,[data-theme=terminal] .message-avatar,[data-theme=terminal] .preview-avatar,[data-theme=terminal] .user-avatar{border:1px solid #0a0;border-radius:0!important}[data-theme=terminal] .dm-avatar-img,[data-theme=terminal] .member-custom-avatar,[data-theme=terminal] .message-avatar .avatar-custom-img,[data-theme=terminal] .user-custom-avatar{border-radius:0!important}[data-theme=terminal] .chat-input-box:focus-within,[data-theme=terminal] .login-input:focus,[data-theme=terminal] .settings-input:focus{border-color:#0f0;box-shadow:0 0 6px #00ff004d}[data-theme=light] .chat-input-box{box-shadow:0 1px 4px #00000014}[data-theme=light] .settings-modal{box-shadow:0 20px 60px #0003,0 0 0 1px #0000000d}[data-theme=light] .login-card{box-shadow:0 8px 32px #0000001a,0 0 0 1px #0000000a}[data-theme=light] .dm-context-menu,[data-theme=light] .dm-sidebar-ctx-menu,[data-theme=light] .server-context-menu{box-shadow:0 4px 16px #0000001f,0 0 0 1px #0000000a}[data-theme=light] .server-item{box-shadow:0 1px 3px #00000014}[data-theme=neon] .chat-input-box:focus-within{border-color:#10e05080;box-shadow:0 0 8px #10e05033}[data-theme=neon] .login-input:focus,[data-theme=neon] .settings-input:focus{box-shadow:0 0 8px #10e05033}@keyframes neonPulse{0%,to{box-shadow:0 0 4px #10e0504d}50%{box-shadow:0 0 12px #10e05080,0 0 24px #10e05033}}[data-theme=neon] .login-btn:hover,[data-theme=neon] .send-btn:hover:not(:disabled),[data-theme=neon] .settings-btn.primary:hover{animation:neonPulse 1.5s ease-in-out infinite}[data-theme=neon] .channel-item.active,[data-theme=neon] .server-item.active{box-shadow:0 0 6px #10e05033}[data-theme=blue] .chat-header,[data-theme=blue] .sidebar-header{background:linear-gradient(180deg,#0a1550,#06092b)}[data-theme=blue] .login-btn,[data-theme=blue] .settings-btn.primary{background:linear-gradient(135deg,#0070d1,#005aa8)}[data-theme=blue] .login-btn:hover,[data-theme=blue] .settings-btn.primary:hover{background:linear-gradient(135deg,#0080e0,#0070d1)}[data-theme=blue] .chat-input-box:focus-within{border-color:#00b4ff59;box-shadow:0 0 8px #00b4ff26}[data-theme=blue] .login-input:focus,[data-theme=blue] .settings-input:focus{box-shadow:0 0 8px #00b4ff26}[data-theme=cherry] .sidebar-header{background:linear-gradient(180deg,#3a1520,#180c0f)}[data-theme=cherry] .login-btn,[data-theme=cherry] .settings-btn.primary{background:linear-gradient(135deg,#e63c3c,#c03030)}[data-theme=cherry] .login-btn:hover,[data-theme=cherry] .settings-btn.primary:hover{background:linear-gradient(135deg,#f04848,#e63c3c)}[data-theme=cherry] .chat-input-box:focus-within{border-color:#e63c3c59;box-shadow:0 0 8px #e63c3c26}[data-theme=cherry] .login-input:focus,[data-theme=cherry] .settings-input:focus{box-shadow:0 0 8px #e63c3c26}[data-theme=cherry] .member-avatar,[data-theme=cherry] .message-avatar{box-shadow:0 0 4px #e63c3c26}[data-theme=amber] .app:after{background:repeating-linear-gradient(0deg,#00000026,#00000026 1px,#0000 0,#0000 3px);content:"";inset:0;pointer-events:none;position:fixed;z-index:99999}@keyframes amberFlicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.85}94%{opacity:1}}[data-theme=amber] .app{animation:amberFlicker 4s infinite}[data-theme=amber] .sidebar{border-right:1px dashed #a70}[data-theme=amber] .member-list{border-left:1px dashed #a70}[data-theme=amber] .chat-header,[data-theme=amber] .sidebar-header{border-bottom:1px dashed #a70}[data-theme=amber] .channel-item.active .channel-name:after{animation:terminalBlink 1s step-end infinite;color:#ffb000;content:" █"}[data-theme=amber] .chat-input-box:before{align-self:center;color:#ffb000;content:"> ";flex-shrink:0;font-family:Courier New,monospace;font-weight:700}[data-theme=amber] .dm-avatar,[data-theme=amber] .member-avatar,[data-theme=amber] .message-avatar,[data-theme=amber] .preview-avatar,[data-theme=amber] .user-avatar{border:1px solid #a70;border-radius:0!important}[data-theme=amber] .dm-avatar-img,[data-theme=amber] .member-custom-avatar,[data-theme=amber] .message-avatar .avatar-custom-img,[data-theme=amber] .user-custom-avatar{border-radius:0!important}[data-theme=amber] .chat-input-box:focus-within,[data-theme=amber] .login-input:focus,[data-theme=amber] .settings-input:focus{border-color:#ffb000;box-shadow:0 0 6px #ffb0004d}[data-theme=synthwave] .app:after{background:linear-gradient(180deg,#0000,#ff297508),repeating-linear-gradient(90deg,#b050e00a,#b050e00a 1px,#0000 0,#0000 60px),repeating-linear-gradient(0deg,#b050e00a,#b050e00a 1px,#0000 0,#0000 40px);bottom:0;content:"";height:35%;left:0;mask-image:linear-gradient(180deg,#0000,#000 40%);-webkit-mask-image:linear-gradient(180deg,#0000,#000 40%);pointer-events:none;position:fixed;right:0;z-index:99998}[data-theme=synthwave] .chat-header,[data-theme=synthwave] .sidebar-header{background:linear-gradient(135deg,#1a0530,#2d0a4e 40%,#4a0e3a);border-bottom:1px solid #ff297533}[data-theme=synthwave] .sidebar{border-right:1px solid #ff297533;box-shadow:inset -1px 0 8px #ff29750d}[data-theme=synthwave] .member-list{border-left:1px solid #b050e033;box-shadow:inset 1px 0 8px #b050e00d}[data-theme=synthwave] .server-list{background:linear-gradient(180deg,#0a0612,#0e0820);box-shadow:inset -1px 0 12px #b050e00f}[data-theme=synthwave] .login-btn,[data-theme=synthwave] .settings-btn.primary{background:linear-gradient(135deg,#ff2975,#b020e0);box-shadow:0 0 10px #ff297566,0 0 20px #ff297526;text-shadow:0 0 8px #ffffff4d}[data-theme=synthwave] .login-btn:hover,[data-theme=synthwave] .settings-btn.primary:hover{background:linear-gradient(135deg,#ff4090,#c040f0);box-shadow:0 0 16px #ff297599,0 0 32px #ff297533}[data-theme=synthwave] .chat-input-box:focus-within{border-color:#ff297599;box-shadow:0 0 12px #ff29754d,0 0 24px #ff29751a,inset 0 0 8px #ff29750d}[data-theme=synthwave] .login-input:focus,[data-theme=synthwave] .settings-input:focus{border-color:#ff297599;box-shadow:0 0 12px #ff29754d,0 0 24px #ff29751a}@keyframes synthPulse{0%,to{box-shadow:0 0 10px #ff297566,0 0 20px #ff297526}50%{box-shadow:0 0 18px #ff2975b3,0 0 36px #ff29754d,0 0 60px #ff29751a}}[data-theme=synthwave] .login-btn:hover,[data-theme=synthwave] .send-btn:hover:not(:disabled),[data-theme=synthwave] .settings-btn.primary:hover{animation:synthPulse 2s ease-in-out infinite}[data-theme=synthwave] .channel-item.active{background:#ff29751f;box-shadow:inset 3px 0 0 #ff2975,0 0 8px #ff29751a}[data-theme=synthwave] .server-item.active{box-shadow:0 0 10px #ff297559}[data-theme=synthwave] .member-avatar,[data-theme=synthwave] .message-avatar{box-shadow:0 0 6px #b050e04d,0 0 12px #ff297526}[data-theme=synthwave] .channel-item:hover .channel-name{text-shadow:0 0 6px #ff29754d}[data-theme=synthwave] .login-card{border:1px solid #ff297526;box-shadow:0 0 30px #ff297526,0 0 60px #b050e01a,0 8px 32px #00000080}[data-theme=synthwave] .settings-modal{border:1px solid #ff29751f;box-shadow:0 0 30px #ff29751f,0 0 60px #b050e014,0 20px 60px #0009}[data-theme=synthwave] .dm-context-menu,[data-theme=synthwave] .dm-sidebar-ctx-menu,[data-theme=synthwave] .server-context-menu{border:1px solid #ff297526;box-shadow:0 0 16px #ff29751a,0 4px 16px #00000080}[data-theme=synthwave] a:hover{text-shadow:0 0 8px #00e5ff66}[data-theme=vaporwave] .chat-header,[data-theme=vaporwave] .sidebar-header{background:linear-gradient(180deg,#2a1440,#140a28)}[data-theme=vaporwave] .login-btn,[data-theme=vaporwave] .settings-btn.primary{background:linear-gradient(135deg,#ff71ce,#d060aa)}[data-theme=vaporwave] .login-btn:hover,[data-theme=vaporwave] .settings-btn.primary:hover{background:linear-gradient(135deg,#ff90dd,#ff71ce)}[data-theme=vaporwave] .chat-input-box:focus-within,[data-theme=vaporwave] .login-input:focus,[data-theme=vaporwave] .settings-input:focus{border-color:#ff71ce66;box-shadow:0 0 10px #ff71ce33}[data-theme=vaporwave] .member-avatar,[data-theme=vaporwave] .message-avatar{box-shadow:0 0 5px #ff71ce33}[data-theme=forest] .chat-header,[data-theme=forest] .sidebar-header{background:linear-gradient(180deg,#1a2814,#0a1208)}[data-theme=forest] .login-btn,[data-theme=forest] .settings-btn.primary{background:linear-gradient(135deg,#d4a030,#b08020)}[data-theme=forest] .login-btn:hover,[data-theme=forest] .settings-btn.primary:hover{background:linear-gradient(135deg,#e0b040,#d4a030)}[data-theme=forest] .chat-input-box:focus-within,[data-theme=forest] .login-input:focus,[data-theme=forest] .settings-input:focus{border-color:#d4a03066;box-shadow:0 0 8px #d4a03033}[data-theme=cyberpunk] .app:after{background:repeating-linear-gradient(0deg,#0000001a,#0000001a 1px,#0000 0,#0000 3px);content:"";inset:0;pointer-events:none;position:fixed;z-index:99999}@keyframes cyberFlicker{0%,to{opacity:1}96%{opacity:1}97%{opacity:.7}98%{opacity:1}99%{opacity:.8}}[data-theme=cyberpunk] .app{animation:cyberFlicker 2s infinite}[data-theme=cyberpunk] .sidebar{border-right:1px dashed #f0e00066}[data-theme=cyberpunk] .member-list{border-left:1px dashed #f0e00066}[data-theme=cyberpunk] .chat-header,[data-theme=cyberpunk] .sidebar-header{border-bottom:1px dashed #f0e00066}[data-theme=cyberpunk] .chat-input-box:before{align-self:center;color:#f0e000;content:"> ";flex-shrink:0;font-family:Courier New,monospace;font-weight:700}[data-theme=cyberpunk] .dm-avatar,[data-theme=cyberpunk] .member-avatar,[data-theme=cyberpunk] .message-avatar,[data-theme=cyberpunk] .preview-avatar,[data-theme=cyberpunk] .user-avatar{border:1px solid #f0e00080;border-radius:0!important}[data-theme=cyberpunk] .dm-avatar-img,[data-theme=cyberpunk] .member-custom-avatar,[data-theme=cyberpunk] .message-avatar .avatar-custom-img,[data-theme=cyberpunk] .user-custom-avatar{border-radius:0!important}[data-theme=cyberpunk] .chat-input-box:focus-within,[data-theme=cyberpunk] .login-input:focus,[data-theme=cyberpunk] .settings-input:focus{border-color:#f0e000;box-shadow:0 0 8px #f0e0004d}