*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#313338;--bg-secondary:#2b2d31;--bg-tertiary:#1e1f22;--bg-floating:#111214;--bg-modifier-hover:#4f545c29;--bg-modifier-active:#4f545c3d;--bg-modifier-selected:#4f545c52;--text-normal:#dbdee1;--text-muted:#949ba4;--text-link:#00a8fc;--text-header:#f2f3f5;--text-brand:#5865f2;--text-brand-new:#5865f2;--brand-color:#5865f2;--brand-hover:#4752c4;--brand-experiment:#7289da;--green-color:#23a55a;--red-color:#f23f43;--yellow-color:#f0b232;--border-subtle:#f0f1f70f;--border-faint:#f0f1f70a;--scrollbar-thin-thumb:#1a1b1e;--scrollbar-thin-track:#2b2d31;--font-primary:"gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;--channel-width:240px;--server-width:72px;--member-width:240px;--header-height:48px;--user-panel-height:52px}#root,body,html{height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;background:#1e1f22;background:var(--bg-tertiary);color:#dbdee1;color:var(--text-normal);font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-primary);font-size:16px;line-height:1.375}.app{display:flex;height:100vh;overflow:hidden;width:100vw}.server-list{align-items:center;background:#1e1f22;background:var(--bg-tertiary);display:flex;flex-direction:column;min-width:72px;min-width:var(--server-width);overflow-y:auto;padding:12px 0;scrollbar-width:none;width:72px;width:var(--server-width)}.server-list::-webkit-scrollbar{display:none}.server-item-wrapper{width:72px;width:var(--server-width)}.server-icon,.server-item-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.server-icon{border-radius:50%;cursor:pointer;height:48px;transition:border-radius .15s ease,background-color .15s ease;width:48px;z-index:1}.server-icon.active,.server-icon:hover{border-radius:16px}.server-icon-inner{align-items:center;border-radius:inherit;color:#f2f3f5;color:var(--text-header);display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;overflow:hidden;transition:background-color .15s ease;width:48px}.pill{background:#f2f3f5;background:var(--text-header);border-radius:0 4px 4px 0;left:0;position:absolute;transition:height .15s ease;width:4px;z-index:2}.server-separator{background:#f0f1f70f;background:var(--border-subtle);height:2px;margin:4px 0;width:32px}.add-server .server-icon-inner{color:#23a55a}.add-server:hover .server-icon-inner{background:#23a55a!important;color:#fff}.channel-sidebar{background:#2b2d31;background:var(--bg-secondary);display:flex;flex-direction:column;min-width:240px;min-width:var(--channel-width);width:240px;width:var(--channel-width)}.server-header{align-items:center;box-shadow:0 1px 0 #0003,0 1.5px 0 #0000000d,0 2px 0 #0000000d;cursor:pointer;display:flex;height:48px;height:var(--header-height);padding:0 16px;position:relative;transition:background .1s ease}.server-header:hover{background:#4f545c29;background:var(--bg-modifier-hover)}.server-header h3{color:#f2f3f5;color:var(--text-header);font-size:15px;font-weight:600;max-width:calc(100% - 50px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-arrow{flex-shrink:0;margin-left:auto;transition:transform .15s ease}.add-channel-btn{align-items:center;background:none;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;display:flex;margin-left:auto;padding:4px}.add-channel-btn:hover{background:#4f545c29;background:var(--bg-modifier-hover);color:#dbdee1;color:var(--text-normal)}.channels-container{flex:1 1;overflow-y:auto;padding:0 8px 8px}.channels-container::-webkit-scrollbar{width:6px}.channels-container::-webkit-scrollbar-track{background:#0000}.channels-container::-webkit-scrollbar-thumb{background:#1a1b1e;background:var(--scrollbar-thin-thumb);border-radius:3px}.channel-category{margin-bottom:8px}.category-header{align-items:center;color:#949ba4;color:var(--text-muted);cursor:pointer;display:flex;font-size:11px;font-weight:700;letter-spacing:.02em;padding:0 2px 4px 0;text-transform:uppercase;transition:color .1s ease}.category-header:hover{color:#dbdee1;color:var(--text-normal)}.category-header .chevron{margin-right:2px;transform:rotate(-90deg);transition:transform .2s ease}.category-header .chevron.open{transform:rotate(0deg)}.channel-item{align-items:center;border-radius:4px;color:#949ba4;color:var(--text-muted);cursor:pointer;display:flex;font-size:15px;font-weight:500;margin:1px 0;padding:6px 8px;position:relative;transition:all .1s ease}.channel-item:hover{background:#4f545c29;background:var(--bg-modifier-hover);color:#dbdee1;color:var(--text-normal)}.channel-item.active{background:#4f545c52;background:var(--bg-modifier-selected);color:#f2f3f5;color:var(--text-header)}.channel-item svg:first-child{flex-shrink:0;height:20px;margin-right:6px;width:20px}.channel-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-settings{border-radius:3px;cursor:pointer;flex-shrink:0;height:16px;opacity:0;padding:2px;transition:opacity .1s ease,background .1s ease;width:16px}.channel-item:hover .channel-settings{opacity:.6}.channel-settings:hover{background:#4f545c3d;background:var(--bg-modifier-active);opacity:1}.dm-empty{align-items:center;color:#949ba4;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:32px 16px;text-align:center}.dm-empty svg{margin-bottom:8px}.dm-empty p{font-size:14px}.user-panel{background:#232428;height:52px;height:var(--user-panel-height);min-height:52px;min-height:var(--user-panel-height);padding:0 8px;position:relative}.user-panel,.user-panel-info{align-items:center;display:flex}.user-panel-info{border-radius:4px;cursor:pointer;flex:1 1;min-width:0;padding:4px}.user-panel-info:hover{background:#4f545c29;background:var(--bg-modifier-hover)}.user-panel-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;position:relative;width:32px}.status-dot{border:2.5px solid #232428;border-radius:50%;bottom:-1px;height:10px;position:absolute;right:-1px;width:10px}.status-dot.online{background:#23a55a}.status-dot.idle{background:#f0b232}.status-dot.dnd{background:#f23f43}.status-dot.offline{background:#80848e}.user-panel-text{display:flex;flex-direction:column;margin-left:8px;min-width:0}.user-panel-username{color:#f2f3f5;color:var(--text-header);font-size:13px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-panel-tag{color:#949ba4;color:var(--text-muted);font-size:11px;line-height:1.2}.user-panel-icons{display:flex;gap:0}.panel-icon{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px}.panel-icon:hover{background:#4f545c29;background:var(--bg-modifier-hover)}.user-panel-menu{background:#111214;background:var(--bg-floating);border-radius:8px;bottom:56px;box-shadow:0 8px 16px #0000003d;left:8px;padding:6px;position:absolute;right:8px;z-index:100}.user-menu-item{align-items:center;border-radius:4px;color:#dbdee1;color:var(--text-normal);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 10px}.user-menu-item:hover{background:#4f545c29;background:var(--bg-modifier-hover)}.main-content{background:#313338;background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-header{box-shadow:0 1px 0 #0003,0 1.5px 0 #0000000d,0 2px 0 #0000000d;height:48px;height:var(--header-height);justify-content:space-between;padding:0 16px}.chat-header,.chat-header-left{align-items:center;display:flex}.chat-header-left{gap:8px;min-width:0}.chat-header-left svg{flex-shrink:0}.chat-header-left h3{color:#f2f3f5;color:var(--text-header);font-size:15px;font-weight:600;white-space:nowrap}.header-divider{background:#f0f1f70f;background:var(--border-subtle);height:24px;margin:0 4px;width:1px}.header-topic{color:#949ba4;color:var(--text-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-right{align-items:center;display:flex;flex-shrink:0;gap:4px}.header-icon{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px}.header-icon:hover{background:#4f545c29;background:var(--bg-modifier-hover)}.messages-container{flex:1 1;overflow-y:auto;padding:0}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{background:#1a1b1e;background:var(--scrollbar-thin-thumb);border-radius:4px}.channel-welcome{border-bottom:1px solid #f0f1f70f;border-bottom:1px solid var(--border-subtle);margin-bottom:16px;padding:16px 16px 0}.channel-welcome .welcome-icon{align-items:center;background:#5865f2;background:var(--brand-color);border-radius:50%;display:flex;height:68px;justify-content:center;margin-bottom:16px;width:68px}.channel-welcome h1{color:#f2f3f5;color:var(--text-header);font-size:32px;font-weight:700;margin-bottom:8px}.channel-welcome p{color:#949ba4;color:var(--text-muted);font-size:14px}.message{display:flex;margin-top:17px;padding:2px 48px 2px 72px;position:relative}.message:hover{background:#0000000a}.message.sequential{margin-top:0;padding-bottom:4px;padding-top:4px}.message.sequential:hover{background:#0000000f}.msg-avatar{border-radius:50%;cursor:pointer;height:40px;left:16px;position:absolute;top:4px;width:40px}.message.sequential .msg-avatar{visibility:hidden}.msg-body{flex:1 1;min-width:0}.msg-header{align-items:baseline;display:flex;margin-bottom:2px}.message.sequential .msg-header{display:none}.msg-author{color:#f2f3f5;color:var(--text-header);cursor:pointer;font-size:15px;font-weight:600;margin-right:8px}.msg-author:hover{text-decoration:underline}.msg-time{color:#949ba4;color:var(--text-muted);cursor:default;font-size:11px}.msg-text{word-wrap:break-word;color:#dbdee1;color:var(--text-normal);font-size:15px;line-height:1.375;white-space:pre-wrap}.message.sequential .msg-text{padding-left:0}.msg-attachment{margin-top:4px;max-width:520px}.attach-image img{cursor:pointer;object-fit:cover}.attach-image img,.attach-video{border-radius:8px;max-height:300px;max-width:400px}.attach-file{align-items:center;background:#2b2d31;background:var(--bg-secondary);border-radius:8px;display:flex;gap:12px;max-width:400px;padding:12px 16px;text-decoration:none;transition:background .15s}.attach-file:hover{background:#4f545c29;background:var(--bg-modifier-hover)}.attach-file span{color:#00a8fc;color:var(--text-link);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-file .file-size{color:#949ba4;color:var(--text-muted);font-size:12px;white-space:nowrap}.typing-indicator{align-items:center;color:#dbdee1;color:var(--text-normal);display:flex;font-size:14px;padding:4px 16px 8px}.typing-dots{display:flex;gap:2px;margin-right:8px}.typing-dots span{animation:typing 1.4s ease-in-out infinite;background:#dbdee1;background:var(--text-normal);border-radius:50%;height:5px;width:5px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.message-input-area{padding:0 16px 24px;position:relative}.message-form{align-items:center;background:#2b2d31;background:var(--bg-secondary);border-radius:8px;display:flex;padding:0 4px 0 0}.chat-input{background:#0000;border:none;color:#dbdee1;color:var(--text-normal);flex:1 1;font-size:15px;height:44px;outline:none;padding:0 16px}.chat-input::placeholder{color:#949ba4;color:var(--text-muted)}.attach-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:10px}.attach-btn:hover{background:#4f545c29;background:var(--bg-modifier-hover)}.attach-btn:disabled{cursor:not-allowed;opacity:.5}.input-right-btns{align-items:center;display:flex;flex-shrink:0;gap:0}.input-icon-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:10px}.input-icon-btn:hover{background:#4f545c29;background:var(--bg-modifier-hover)}.file-preview{align-items:center;background:#2b2d31;background:var(--bg-secondary);border-radius:8px 8px 0 0;display:flex;gap:12px;margin-bottom:-8px;padding:10px 16px;position:relative;z-index:1}.file-preview img{border-radius:4px;height:40px;object-fit:cover;width:60px}.file-preview-generic{align-items:center;background:#313338;background:var(--bg-primary);border-radius:4px;display:flex;height:40px;justify-content:center;width:40px}.file-preview-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.file-preview-name{color:#dbdee1;color:var(--text-normal);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-size{color:#949ba4;color:var(--text-muted);font-size:11px}.file-remove{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;padding:4px}.file-remove:hover{background:#4f545c29;background:var(--bg-modifier-hover)}.upload-spinner{animation:spin .8s linear infinite;border:2px solid #313338;border-top-color:#5865f2;border:2px solid var(--bg-primary);border-radius:50%;border-top-color:var(--brand-color);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.drag-over .drag-overlay{display:flex}.drag-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#5865f2e6;border-radius:8px;bottom:0;display:none;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.drag-overlay h3{color:#fff;font-size:20px;margin-top:16px}.member-sidebar{background:#2b2d31;background:var(--bg-secondary);border-left:1px solid #f0f1f70a;border-left:1px solid var(--border-faint);display:flex;flex-direction:column;min-width:240px;min-width:var(--member-width);width:240px;width:var(--member-width)}.member-header{align-items:center;box-shadow:0 1px 0 #0003,0 1.5px 0 #0000000d;display:flex;height:48px;height:var(--header-height);padding:0 16px}.member-header h3{color:#949ba4;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.member-list-scroll{flex:1 1;overflow-y:auto;padding:0 8px 16px}.member-list-scroll::-webkit-scrollbar{width:6px}.member-list-scroll::-webkit-scrollbar-track{background:#0000}.member-list-scroll::-webkit-scrollbar-thumb{background:#1a1b1e;background:var(--scrollbar-thin-thumb);border-radius:3px}.member-group{margin-bottom:16px}.member-group-header{align-items:center;color:#949ba4;color:var(--text-muted);cursor:pointer;display:flex;font-size:11px;font-weight:600;letter-spacing:.02em;padding:24px 8px 4px;text-transform:uppercase}.member-group-header:hover{color:#dbdee1;color:var(--text-normal)}.member-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin:1px 0;padding:6px 8px}.member-item:hover{background:#4f545c29;background:var(--bg-modifier-hover)}.member-avatar-wrap{flex-shrink:0;margin-right:12px;position:relative}.member-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.member-status{border:2.5px solid #2b2d31;border:2.5px solid var(--bg-secondary);border-radius:50%;bottom:-2px;height:10px;position:absolute;right:-2px;width:10px}.member-status.online{background:#23a55a}.member-status.idle{background:#f0b232}.member-status.dnd{background:#f23f43}.member-status.offline{background:#80848e}.member-info{display:flex;flex-direction:column;min-width:0}.member-name{font-size:15px;font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role-tag{color:#949ba4;color:var(--text-muted);font-size:11px}.voice-connected-view{align-items:center;background:#313338;background:var(--bg-primary);display:flex;flex:1 1;justify-content:center}.voice-join-prompt{text-align:center}.voice-join-prompt h2{color:#f2f3f5;color:var(--text-header);margin:16px 0 8px}.voice-join-prompt p{color:#949ba4;color:var(--text-muted);margin-bottom:24px}.btn-join{align-items:center;background:#23a55a;background:var(--green-color);border:none;border-radius:28px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px}.btn-join:hover{background:#1a8a4a}.voice-active-view{background:#313338;background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column}.voice-header{align-items:center;box-shadow:0 1px 0 #0003,0 1.5px 0 #0000000d;display:flex;gap:8px;height:48px;height:var(--header-height);padding:0 16px}.voice-status-dot{animation:pulse 2s ease infinite;background:#23a55a;background:var(--green-color);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.voice-duration{font-feature-settings:"tnum";font-size:14px;font-variant-numeric:tabular-nums;margin-left:auto}.voice-count,.voice-duration{color:#949ba4;color:var(--text-muted)}.voice-count{font-size:14px}.voice-grid{align-content:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:16px;justify-content:center;overflow-y:auto;padding:16px}.voice-tile{background:#000;border-radius:8px;height:240px;overflow:hidden;position:relative;width:320px}.voice-tile.screen{height:360px;width:560px}.voice-tile video{height:100%;object-fit:cover;width:100%}.voice-tile.audio-only{align-items:center;background:#2b2d31;background:var(--bg-secondary);display:flex;height:180px;justify-content:center;width:180px}.voice-avatar-placeholder{color:#fff;font-size:32px;font-weight:600;height:80px;position:relative;width:80px}.voice-avatar-placeholder,.voice-tile-muted{align-items:center;border-radius:50%;display:flex;justify-content:center}.voice-tile-muted{background:#f23f43;background:var(--red-color);border:3px solid #2b2d31;border:3px solid var(--bg-secondary);bottom:-4px;font-size:12px;height:24px;position:absolute;right:-4px;width:24px}.voice-tile-overlay{align-items:center;background:linear-gradient(#0000,#000000b3);bottom:0;display:flex;gap:8px;left:0;padding:8px 12px;position:absolute;right:0}.voice-tile-overlay span{color:#fff;font-size:14px;font-weight:500}.voice-waiting{color:#949ba4;color:var(--text-muted);flex:1 1}.voice-controls,.voice-waiting{align-items:center;display:flex;justify-content:center}.voice-controls{background:#2b2d31;background:var(--bg-secondary);border-top:1px solid #f0f1f70f;border-top:1px solid var(--border-subtle);gap:8px;padding:16px}.vc-btn{align-items:center;background:#313338;background:var(--bg-primary);border:none;border-radius:8px;color:#dbdee1;color:var(--text-normal);cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:64px;padding:8px 12px;transition:background .15s}.vc-btn:hover{background:#4f545c29;background:var(--bg-modifier-hover)}.vc-btn.active{background:#5865f2;background:var(--brand-color)}.vc-btn.active:hover{background:#4752c4;background:var(--brand-hover)}.vc-btn span{font-size:10px;font-weight:500}.vc-btn.disconnect{background:#f23f43;background:var(--red-color)}.vc-btn.disconnect:hover{background:#d63a3e}.modal-backdrop{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#313338;background:var(--bg-primary);border-radius:8px;box-shadow:0 8px 32px #0006;padding:24px;position:relative;width:100%}.create-server-modal,.modal-content{max-width:440px}.create-channel-modal{max-width:480px}.modal-close-btn{background:none;border:none;border-radius:4px;cursor:pointer;display:flex;padding:4px;position:absolute;right:16px;top:16px}.modal-close-btn:hover{background:#4f545c29;background:var(--bg-modifier-hover)}.modal-icon{align-items:center;background:#2b2d31;background:var(--bg-secondary);border-radius:50%;display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.modal-content h2{color:#f2f3f5;color:var(--text-header);font-size:20px;font-weight:600;margin-bottom:4px;text-align:center}.modal-content p{color:#949ba4;color:var(--text-muted);font-size:14px;text-align:center}.form-group,.modal-content p{margin-bottom:20px}.form-group label{color:#949ba4;color:var(--text-muted);display:block;font-size:12px;font-weight:700;letter-spacing:.02em;margin-bottom:8px;text-transform:uppercase}.form-group input{background:#1e1f22;background:var(--bg-tertiary);border:1px solid #0000;border-radius:4px;color:#dbdee1;color:var(--text-normal);font-size:15px;height:40px;outline:none;padding:10px 12px;width:100%}.form-group input:focus{border-color:#5865f2;border-color:var(--brand-color)}.form-group input::placeholder{color:#949ba4;color:var(--text-muted)}.input-with-prefix{align-items:center;background:#1e1f22;background:var(--bg-tertiary);border:1px solid #0000;border-radius:4px;display:flex;height:40px;padding:0 12px}.input-with-prefix:focus-within{border-color:#5865f2;border-color:var(--brand-color)}.input-prefix{color:#949ba4;color:var(--text-muted);font-size:18px;margin-right:8px}.input-with-prefix input{background:#0000;border:none;color:#dbdee1;color:var(--text-normal);flex:1 1;font-size:15px;height:100%;outline:none;padding:0}.input-with-prefix input::placeholder{color:#949ba4;color:var(--text-muted)}.channel-type-group{display:flex;flex-direction:column;gap:8px}.channel-type-option{align-items:center;background:#1e1f22;background:var(--bg-tertiary);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px}.channel-type-option:hover{background:#4f545c29;background:var(--bg-modifier-hover)}.channel-type-left{align-items:center;display:flex;gap:12px}.channel-type-left span{color:#dbdee1;color:var(--text-normal);font-size:15px;font-weight:500}.radio{border:2px solid #949ba4;border:2px solid var(--text-muted);border-radius:50%;height:20px;position:relative;width:20px}.radio.selected{border-color:#5865f2;border-color:var(--brand-color)}.radio.selected:after{background:#5865f2;background:var(--brand-color);border-radius:50%;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .15s}.btn-primary{background:#5865f2;background:var(--brand-color);color:#fff}.btn-primary:hover{background:#4752c4;background:var(--brand-hover)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#0000;color:#dbdee1;color:var(--text-normal)}.btn-secondary:hover{text-decoration:underline}.btn-block{font-size:15px;height:44px;width:100%}.modal-footer{border-top:1px solid #f0f1f70f;border-top:1px solid var(--border-subtle);display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:16px}.error-message{background:#f23f431a;border-radius:4px;color:#f23f43;color:var(--red-color);margin-bottom:16px;padding:12px}.auth-switch,.error-message{font-size:14px;text-align:center}.auth-switch{color:#949ba4;color:var(--text-muted);margin-top:16px}.auth-switch a{color:#00a8fc;color:var(--text-link);margin-left:4px;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-page{display:flex;height:100vh}.auth-decoration{align-items:center;background:#5865f2;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.auth-decoration:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Cpath fill='%234752c4' d='M176 248c-32 0-56-24-56-56s24-56 56-56 56 24 56 56-24 56-56 56zm248 0c-32 0-56-24-56-56s24-56 56-56 56 24 56 56-24 56-56 56z'/%3E%3C/svg%3E") 50%/cover;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.auth-decoration-inner{color:#fff;padding:40px;position:relative;text-align:center;z-index:1}.auth-logo-lg{height:86px;margin-bottom:24px;width:120px}.auth-decoration-inner h1{font-size:36px;font-weight:700;margin-bottom:8px}.auth-decoration-inner p{font-size:18px;line-height:1.5;opacity:.8}.auth-form-container{align-items:center;background:#313338;display:flex;justify-content:center;min-width:500px;padding:40px}.auth-form-card{background:#313338;background:var(--bg-primary);border-radius:8px;max-width:480px;padding:32px;width:100%}.auth-form-card h2{color:#f2f3f5;color:var(--text-header);font-size:24px;font-weight:600;margin-bottom:8px;text-align:center}.auth-subtitle{color:#949ba4;color:var(--text-muted);font-size:14px;margin-bottom:20px;text-align:center}.context-menu{background:#111214;background:var(--bg-floating);border-radius:4px;box-shadow:0 8px 16px #0000003d;min-width:188px;padding:6px 8px;position:fixed;z-index:1000}.context-menu-item{align-items:center;border-radius:3px;color:#dbdee1;color:var(--text-normal);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 10px}.context-menu-item:hover{background:#5865f2;background:var(--brand-color);color:#fff}.context-menu-item.danger:hover{background:#f23f43;background:var(--red-color)}.no-channel{align-items:center;justify-content:center}.empty-state{color:#949ba4;color:var(--text-muted);text-align:center}.empty-state h2{color:#f2f3f5;color:var(--text-header);font-size:20px;font-weight:500;margin-top:16px}@media(max-width:1200px){.member-sidebar{display:none}}@media(max-width:768px){.channel-sidebar{min-width:200px;width:200px}.auth-decoration{display:none}.auth-form-container{min-width:auto;width:100%}}@media(max-width:640px){.channel-sidebar{display:none}.voice-tile{height:180px;width:240px}.voice-tile.screen{height:240px;width:100%}}
/*# sourceMappingURL=main.2f571d25.css.map*/