.server-sidebar{width:72px;height:100vh;background-color:#1e1f22;display:flex;flex-direction:column;align-items:center;padding:12px 0;overflow-y:auto;overflow-x:hidden}.server-list{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.server-item{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease-out;border-radius:50%}.server-item:hover{border-radius:16px}.server-item:hover .server-icon{background-color:#5865f2;color:#fff}.server-item.active .server-icon{border-radius:16px;background-color:#5865f2;color:#fff}.server-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:24px;background-color:#313338;border-radius:50%;transition:all .15s ease-out;color:#b5bac1}.home-button .server-icon{background-color:#313338;color:#dbdee1}.home-button:hover .server-icon{background-color:#5865f2!important;color:#fff!important}.add-server .server-icon{background-color:#313338;color:#23a559}.add-server:hover .server-icon{background-color:#23a559;color:#fff}.explore .server-icon{background-color:#313338;color:#23a559}.explore:hover .server-icon{background-color:#23a559;color:#fff}.server-separator{width:32px;height:2px;background-color:#35363c;border-radius:1px;margin:4px 0}.server-tooltip{position:absolute;left:70px;background-color:#111214;color:#dbdee1;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;white-space:nowrap;z-index:1000;box-shadow:0 8px 16px #0000003d;pointer-events:none;animation:tooltipFadeIn .15s ease-out}.server-tooltip:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#111214;border-left:none}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.pill-indicator{position:absolute;left:0;width:4px;background-color:#fff;border-radius:0 4px 4px 0;transition:all .15s ease-out;height:0}.server-item:hover .pill-indicator{height:20px}.server-item.active .pill-indicator{height:40px}.status-selector{position:relative}.status-trigger{display:flex;align-items:center;gap:8px;padding:6px 10px;background-color:#0003;border:none;border-radius:4px;cursor:pointer;transition:background-color .15s ease}.status-trigger:hover{background-color:#0000004d}.status-trigger.open{background-color:#0006}.status-indicator{width:10px;height:10px;border-radius:50%}.status-label{color:#b9bbbe;font-size:12px;font-weight:500}.dropdown-arrow{color:#b9bbbe;transition:transform .15s ease}.status-trigger.open .dropdown-arrow{transform:rotate(180deg)}.status-dropdown{position:absolute;bottom:100%;left:0;width:200px;margin-bottom:8px;background-color:#18191c;border-radius:4px;box-shadow:0 8px 16px #0000003d;padding:8px;z-index:100}.status-list{display:flex;flex-direction:column;gap:2px}.status-option{display:flex;align-items:center;gap:8px;padding:6px 8px;background:none;border:none;border-radius:4px;cursor:pointer;transition:background-color .15s ease}.status-option:hover{background-color:#5865f2}.status-option.active{background-color:#5865f24d}.status-option .status-indicator{width:12px;height:12px}.status-text{flex:1;text-align:left;color:#dcddde;font-size:14px}.check-icon{color:#fff}.custom-status-section{margin-top:8px;padding-top:8px;border-top:1px solid #2f3136}.section-label{color:#72767d;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 8px}.custom-status-input{display:flex;gap:4px}.custom-status-input input{flex:1;padding:8px;background-color:#2f3136;border:none;border-radius:4px;color:#dcddde;font-size:14px}.custom-status-input input:focus{outline:none}.custom-status-input input::placeholder{color:#72767d}.set-status-btn{padding:8px 12px;background-color:#5865f2;border:none;border-radius:4px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.set-status-btn:hover:not(:disabled){background-color:#4752c4}.set-status-btn:disabled{opacity:.5;cursor:not-allowed}.char-count{text-align:right;color:#72767d;font-size:10px;margin-top:4px;padding:0 8px}.clear-status-btn{width:100%;margin-top:8px;padding:8px;background:none;border:none;border-radius:4px;color:#ed4245;font-size:13px;cursor:pointer;transition:background-color .15s ease}.clear-status-btn:hover{background-color:#ed42451a}.channel-sidebar{width:240px;height:100vh;background-color:#2b2d31;display:flex;flex-direction:column}.server-header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1f2023;transition:background-color .15s ease;position:relative}.server-header:hover{background-color:#35373c}.server-header-left{display:flex;align-items:center;cursor:pointer;flex:1;min-width:0}.server-header-actions{display:flex;align-items:center;gap:4px}.invite-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;transition:all .15s ease}.invite-btn:hover{background-color:#5865f2;color:#fff}.server-name{font-size:15px;font-weight:600;color:#dbdee1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-menu-btn{color:#b5bac1;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:4px;padding:4px}.server-header:hover .server-menu-btn{background:#ffffff1a;color:#fff}.server-owner-badge{position:absolute;top:4px;right:40px;font-size:10px;background:#5865f2;color:#fff;padding:2px 6px;border-radius:4px;font-weight:600}.owner-indicator{font-size:14px;margin-left:8px;filter:drop-shadow(0 0 2px gold)}.channels-container{flex:1;overflow-y:auto;padding:16px 0 0}.channel-category{margin-bottom:16px}.category-header{display:flex;align-items:center;padding:0 8px 0 16px;margin-bottom:4px;cursor:pointer}.category-header:hover .category-title{color:#dbdee1}.category-arrow{color:#b5bac1;margin-right:2px;transition:transform .15s ease}.category-title{font-size:12px;font-weight:600;text-transform:uppercase;color:#949ba4;letter-spacing:.02em;flex:1}.add-channel-btn{color:#949ba4;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.category-header:hover .add-channel-btn{opacity:1}.add-channel-btn:hover{color:#dbdee1}.channel-list{display:flex;flex-direction:column}.channel-item{display:flex;align-items:center;padding:6px 8px;margin:1px 8px;border-radius:4px;cursor:pointer;color:#949ba4;transition:all .15s ease}.channel-item:hover{background-color:#35373c;color:#dbdee1}.channel-item.active{background-color:#404249;color:#dbdee1}.channel-icon{margin-right:6px;flex-shrink:0}.channel-name{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-item.voice .channel-icon{color:#949ba4}.user-panel{height:52px;background-color:#232428;flex-shrink:0;display:flex;align-items:stretch;padding:0;position:sticky;bottom:0;z-index:10}.user-panel-container{flex:1;display:flex;align-items:center;padding:0 8px;min-width:0}.user-info{display:flex;align-items:center;padding:4px 4px 4px 8px;border-radius:4px;cursor:pointer;flex:1;min-width:0;transition:background-color .15s ease}.user-avatar{width:32px;height:32px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;position:relative;flex-shrink:0;margin-right:8px}.user-details{display:flex;flex-direction:column;min-width:0;flex:1}.username{font-size:14px;font-weight:600;color:#fff;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-tag{font-size:12px;color:#b5bac1;line-height:1.3}.user-panel-controls{display:flex;align-items:center;padding-right:8px;gap:0}.panel-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#b5bac1;border-radius:4px;transition:all .15s ease;background:transparent}.panel-btn:hover{background-color:#404249;color:#dbdee1}.panel-btn:active{transform:scale(.95)}.invite-popup{position:absolute;top:48px;left:0;right:0;background-color:#313338;border-radius:0 0 8px 8px;box-shadow:0 8px 16px #0000003d;z-index:100;animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.invite-popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #1e1f22}.invite-popup-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.close-popup{background:none;border:none;color:#b5bac1;font-size:20px;cursor:pointer;padding:4px;line-height:1}.close-popup:hover{color:#fff}.invite-popup-content{padding:16px}.invite-popup-content label{display:block;font-size:12px;font-weight:600;color:#949ba4;margin-bottom:8px;text-transform:uppercase}.invite-link-row{display:flex;gap:8px}.invite-link-row input{flex:1;padding:10px;background-color:#1e1f22;border:none;border-radius:4px;color:#dbdee1;font-size:14px;font-family:monospace}.invite-link-row .copy-btn{padding:10px 16px;background-color:#5865f2;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease;white-space:nowrap}.invite-link-row .copy-btn:hover{background-color:#4752c4}.invite-link-row .copy-btn.copied{background-color:#23a559}.invite-loading{padding:20px;text-align:center;color:#949ba4}.invite-error{padding:16px;background-color:#ed42451a;border-radius:4px;text-align:center}.invite-error p{color:#f23f43;margin:0 0 8px}.invite-error button{padding:8px 16px;background-color:#f23f43;border:none;border-radius:4px;color:#fff;cursor:pointer}.invite-help{margin:12px 0 0;font-size:12px;color:#949ba4}.chat-area{flex:1;display:flex;flex-direction:column;background-color:#313338;min-width:0}.chat-header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1f2023;flex-shrink:0}.channel-info{display:flex;align-items:center}.channel-type-icon{color:#80848e;margin-right:8px}.channel-info .channel-name{font-size:16px;font-weight:600;color:#dbdee1}.header-actions{display:flex;align-items:center;gap:8px}.header-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#b5bac1;border-radius:4px;transition:color .15s ease}.header-btn:hover{color:#dbdee1}.search-box{margin-left:8px}.search-box input{width:145px;height:24px;padding:0 8px;background-color:#1e1f22;border:none;border-radius:4px;color:#dbdee1;font-size:14px}.search-box input::placeholder{color:#949ba4}.search-box input:focus{outline:none;background-color:#111214}.messages-container{flex:1;overflow-y:auto;padding-bottom:16px}.messages-wrapper{padding:0 16px}.channel-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 16px 0;margin-bottom:16px}.welcome-icon{width:68px;height:68px;background-color:#41434a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dbdee1;margin-bottom:8px}.welcome-title{font-size:32px;font-weight:700;color:#f2f3f5;margin-bottom:8px}.welcome-text{font-size:14px;color:#949ba4}.message{display:flex;padding:2px 0;margin-top:17px;position:relative}.message.grouped{margin-top:0;padding-left:40px}.message-avatar{width:40px;height:40px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;margin-right:16px;cursor:pointer;transition:background-color .15s ease}.message-avatar:hover{background-color:#4752c4}.message-body{flex:1;min-width:0}.grouped-body{padding-left:0}.message-header{display:flex;align-items:baseline;margin-bottom:2px}.message-username{font-size:16px;font-weight:500;color:#f2f3f5;margin-right:8px;cursor:pointer}.message-username:hover{text-decoration:underline}.message-username.admin{color:#f47b67}.message-username.moderator{color:#3ba55c}.message-timestamp{font-size:12px;color:#949ba4}.message-content{font-size:16px;line-height:1.375;color:#dbdee1;word-wrap:break-word}.message:hover{background-color:#2e3035}.message-edit-container{margin-top:4px}.message-edit-input{width:100%;background:#40444b;border:none;border-radius:4px;padding:8px 12px;color:#dcddde;font-size:14px;outline:none}.message-edit-input:focus{box-shadow:0 0 0 2px #5865f24d}.message-edit-actions{margin-top:4px}.edit-hint{font-size:12px;color:#72767d}.message.pinned{background:#5865f20d;border-left:2px solid #5865f2}.pinned-indicator{display:inline-flex;align-items:center;margin-left:4px;color:#5865f2}.sticker-message{padding:8px 0}.sticker-image{width:160px;height:160px;object-fit:contain}.reply-input-bar{display:flex;align-items:center;padding:8px 16px;background:#40444b;border-top:1px solid #202225;border-radius:8px 8px 0 0}.reply-input-avatar{width:24px;height:24px;background:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;margin-right:8px}.reply-input-content{flex:1;min-width:0}.reply-input-label{font-size:12px;color:#b9bbbe}.reply-input-username{color:#fff;font-weight:600}.reply-input-cancel{background:transparent;border:none;color:#b9bbbe;cursor:pointer;padding:4px;border-radius:4px}.reply-input-cancel:hover{background:#0003;color:#fff}.message-input-container{padding:0 0 24px 16px}.input-wrapper{display:flex;align-items:center;background-color:#383a40;border-radius:8px;padding:0 16px}.input-btn{width:32px;height:44px;display:flex;align-items:center;justify-content:center;color:#b5bac1;flex-shrink:0;transition:color .15s ease}.input-btn:hover{color:#dbdee1}.attach-btn{margin-right:8px}.message-input{flex:1;height:44px;background:none;border:none;color:#dbdee1;font-size:16px;padding:0 8px}.message-input::placeholder{color:#6d6f78}.message-input:focus{outline:none}.input-actions{display:flex;align-items:center;gap:0}.message-actions{position:absolute;right:0;top:0;opacity:0;transition:opacity .1s ease}.message.with-header{position:relative}.message:hover .message-actions{opacity:1}.typing-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;color:#949ba4;font-size:14px}.typing-dots{display:flex;align-items:center;gap:2px}.typing-dots .dot{width:8px;height:8px;background-color:#949ba4;border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out both}.typing-dots .dot:nth-child(1){animation-delay:-.32s}.typing-dots .dot:nth-child(2){animation-delay:-.16s}.typing-dots .dot:nth-child(3){animation-delay:0s}@keyframes typing-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.typing-indicator strong{color:#f2f3f5;font-weight:500}.emoji-picker{position:absolute;bottom:50px;right:10px;width:350px;max-height:400px;background-color:#2b2d31;border-radius:8px;box-shadow:0 8px 16px #0000003d;z-index:100;display:flex;flex-direction:column;overflow:hidden}.emoji-search{padding:12px;border-bottom:1px solid #1e1f22}.emoji-search input{width:100%;height:32px;padding:0 10px;background-color:#1e1f22;border:none;border-radius:4px;color:#dbdee1;font-size:14px}.emoji-search input::placeholder{color:#949ba4}.emoji-search input:focus{outline:none}.emoji-categories{display:flex;padding:8px 12px;gap:4px;border-bottom:1px solid #1e1f22}.category-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;font-size:20px;cursor:pointer;transition:background-color .15s ease}.category-btn:hover{background-color:#35373c}.category-btn.active{background-color:#404249;border-bottom:2px solid #5865f2}.emoji-section{flex:1;overflow-y:auto;padding:8px}.emoji-section-title{font-size:12px;font-weight:600;text-transform:uppercase;color:#949ba4;padding:4px 8px;position:sticky;top:0;background-color:#2b2d31}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-grid.recent{grid-template-columns:repeat(8,1fr);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #1e1f22}.emoji-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:22px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .1s ease}.emoji-btn:hover{background-color:#404249;transform:scale(1.1)}.custom-emoji-section{border-top:1px solid #1e1f22}.emoji-grid.custom{grid-template-columns:repeat(7,1fr)}.emoji-btn.custom-emoji-btn{padding:4px}.emoji-btn.custom-emoji-btn img{width:28px;height:28px;object-fit:contain}.emoji-btn.custom-emoji-btn:hover img{transform:scale(1.1)}.emoji-search-results{padding:8px}.emoji-no-results{text-align:center;color:#949ba4;padding:16px;font-size:14px}.emoji-footer{padding:8px 12px;border-top:1px solid #1e1f22;font-size:12px;color:#949ba4;text-align:center}.emoji-section::-webkit-scrollbar{width:8px}.emoji-section::-webkit-scrollbar-track{background:transparent}.emoji-section::-webkit-scrollbar-thumb{background-color:#1e1f22;border-radius:4px}.emoji-section::-webkit-scrollbar-thumb:hover{background-color:#35373c}.mention-popup{position:absolute;bottom:100%;left:0;margin-bottom:8px;width:250px;max-height:200px;background-color:#2f3136;border-radius:4px;box-shadow:0 0 0 1px #0000001a,0 2px 10px #0003;overflow:hidden;z-index:100}.mention-header{padding:8px 10px;font-size:11px;font-weight:600;text-transform:uppercase;color:#96989d;background-color:#2f3136;border-bottom:1px solid #202225}.mention-list{overflow-y:auto;max-height:160px}.mention-item{display:flex;align-items:center;padding:6px 10px;cursor:pointer;transition:background-color .1s}.mention-item:hover,.mention-item.selected{background-color:#393c43}.mention-item.selected{background-color:#404349}.mention-avatar{width:24px;height:24px;font-size:16px;display:flex;align-items:center;justify-content:center;margin-right:8px}.mention-username{flex:1;color:#dcddde;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-status{width:8px;height:8px;border-radius:50%;margin-left:8px}.mention-status.online{background-color:#3ba55c}.mention-status.idle{background-color:#faa61a}.mention-status.dnd{background-color:#ed4245}.mention-status.offline{background-color:#747f8d}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:8px;border:none;background-color:#3c3f45;cursor:pointer;transition:all .1s ease}.reaction-badge:hover{background-color:#4e5058}.reaction-badge.reacted{background-color:#5865f24d;border:1px solid #5865f2}.reaction-emoji{font-size:14px;line-height:1}.reaction-count{font-size:12px;font-weight:500;color:#b9bbbe;line-height:1}.reaction-badge.reacted .reaction-count{color:#dee0fc}.reaction-picker-container{position:relative;display:inline-block}.add-reaction-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;border:none;background:transparent;color:#b9bbbe;cursor:pointer;transition:all .1s ease}.add-reaction-btn:hover{background-color:#3c3f45;color:#dcddde}.reaction-picker{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;display:flex;gap:4px;padding:6px;background-color:#2f3136;border-radius:8px;box-shadow:0 0 0 1px #0000001a,0 2px 10px #0003;z-index:100}.reaction-option{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:transform .1s ease,background-color .1s ease}.reaction-option:hover{background-color:#3c3f45;transform:scale(1.2)}.file-upload-modal{position:absolute;bottom:100%;left:0;right:0;background-color:#2f3136;border-radius:8px;padding:16px;margin-bottom:8px;box-shadow:0 4px 12px #0000004d;z-index:100}.upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.upload-header h3{color:#dbdee1;font-size:16px;font-weight:600;margin:0}.close-btn{background:none;border:none;color:#b5bac1;font-size:24px;cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:#dbdee1}.upload-zone{border:2px dashed #4e5058;border-radius:8px;padding:32px;text-align:center;cursor:pointer;transition:all .2s ease}.upload-zone:hover{border-color:#5865f2;background-color:#5865f21a}.dragging .upload-zone{border-color:#5865f2;background-color:#5865f233}.upload-icon{color:#b5bac1}.upload-icon svg{margin-bottom:8px;opacity:.5}.upload-icon p{margin:0 0 4px;font-size:16px;color:#dbdee1}.upload-icon span{font-size:14px;color:#949ba4}.file-preview{max-width:100%;max-height:200px;border-radius:4px;object-fit:contain}.upload-progress{margin-top:12px}.progress-bar{height:8px;background-color:#1e1f22;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#5865f2;transition:width .3s ease}.upload-progress span{display:block;text-align:center;margin-top:8px;color:#949ba4;font-size:14px}.upload-error{margin-top:12px;padding:8px 12px;background-color:#ed424533;border-radius:4px;color:#ed4245;font-size:14px}.upload-info{margin-top:12px;text-align:center}.upload-info p{margin:0;font-size:12px;color:#949ba4}.file-attachment{margin-top:8px;max-width:400px}.attachment-image{max-width:100%;max-height:300px;border-radius:8px;cursor:pointer;transition:transform .2s ease}.attachment-image:hover{transform:scale(1.02)}.attachment-video{max-width:100%;max-height:300px;border-radius:8px}.attachment-audio{width:100%;max-width:400px}.attachment-file{display:flex;align-items:center;gap:8px;padding:12px;background-color:#2f3136;border-radius:8px;color:#00a8fc;text-decoration:none;transition:background-color .2s ease}.attachment-file:hover{background-color:#3c3f45;text-decoration:underline}.attachment-file svg{flex-shrink:0}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-reply-preview{display:flex;align-items:center;gap:8px;padding:4px 8px;margin-bottom:4px;background:#0000001a;border-left:2px solid #5865f2;border-radius:4px;cursor:pointer;transition:all .15s ease;opacity:0;transform:translateY(-5px)}.message-reply-preview.loaded{opacity:1;transform:translateY(0)}.message-reply-preview:hover{background:#5865f21a}.reply-avatar{width:16px;height:16px;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reply-content{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.reply-username{color:#5865f2;font-size:12px;font-weight:600;white-space:nowrap}.reply-text{color:#b9bbbe;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-indicator{color:#b9bbbe;opacity:0;transition:opacity .15s ease}.message-reply-preview:hover .reply-indicator{opacity:1}.reply-input-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#2f3136;border-top:1px solid #202225;border-radius:8px 8px 0 0;margin-bottom:-8px}.reply-input-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.reply-input-icon{color:#b9bbbe;transform:scaleX(-1)}.reply-input-text{display:flex;align-items:center;gap:4px;min-width:0;font-size:14px}.reply-to-label{color:#b9bbbe}.reply-to-username{color:#5865f2;font-weight:600;white-space:nowrap}.reply-to-content{color:#72767d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-to-content:before{content:"—";margin-right:6px}.reply-cancel-btn{background:transparent;border:none;color:#b9bbbe;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.reply-cancel-btn:hover{background:#0003;color:#fff}.message.with-header .message-reply-preview{margin-left:42px;margin-top:8px}.message.grouped .message-reply-preview{margin-left:42px}.pinned-messages-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.pinned-messages-modal{background:#36393f;border-radius:8px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.pinned-messages-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #202225}.pinned-header-left{display:flex;align-items:center;gap:10px;color:#fff}.pinned-header-left svg{color:#b9bbbe}.pinned-header-left h2{margin:0;font-size:20px;font-weight:600}.pinned-count{background:#5865f2;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px}.pinned-close-btn{background:transparent;border:none;color:#b9bbbe;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease}.pinned-close-btn:hover{background:#0003;color:#fff}.pinned-messages-search{display:flex;align-items:center;gap:10px;margin:16px;padding:8px 12px;background:#202225;border-radius:4px}.pinned-messages-search svg{color:#72767d;flex-shrink:0}.pinned-messages-search input{background:transparent;border:none;color:#dcddde;font-size:14px;width:100%;outline:none}.pinned-messages-search input::placeholder{color:#72767d}.pinned-messages-list{flex:1;overflow-y:auto;padding:0 16px 16px}.pinned-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#72767d;text-align:center}.pinned-empty svg{margin-bottom:16px;opacity:.5}.pinned-empty h3{margin:0 0 8px;color:#b9bbbe;font-size:16px}.pinned-empty p{margin:0;font-size:14px}.pinned-message-item{display:flex;gap:12px;padding:12px;background:#2f3136;border-radius:8px;margin-bottom:12px;transition:background .15s ease}.pinned-message-item:hover{background:#36393f}.pinned-message-avatar{width:40px;height:40px;background:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.pinned-message-content{flex:1;min-width:0}.pinned-message-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.pinned-message-username{color:#fff;font-weight:600;font-size:14px}.pinned-message-date{color:#72767d;font-size:12px}.pinned-badge{display:flex;align-items:center;gap:4px;color:#72767d;font-size:12px;background:#0003;padding:2px 6px;border-radius:4px}.pinned-message-text{color:#dcddde;font-size:14px;line-height:1.4;word-wrap:break-word}.pinned-message-actions{display:flex;gap:4px;align-items:flex-start}.pinned-action-btn{background:transparent;border:none;color:#b9bbbe;cursor:pointer;padding:6px;border-radius:4px;transition:all .15s ease;opacity:0}.pinned-message-item:hover .pinned-action-btn{opacity:1}.pinned-action-btn:hover{background:#0003;color:#fff}.unpin-btn:hover{color:#ed4245}.pinned-messages-btn{background:transparent;border:none;color:#b9bbbe;cursor:pointer;padding:4px 8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;position:relative}.pinned-messages-btn:hover{background:#0003;color:#fff}.pinned-count-badge{position:absolute;top:-2px;right:-2px;background:#5865f2;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center}.pinned-messages-list::-webkit-scrollbar{width:8px}.pinned-messages-list::-webkit-scrollbar-track{background:transparent}.pinned-messages-list::-webkit-scrollbar-thumb{background:#202225;border-radius:4px}.pinned-messages-list::-webkit-scrollbar-thumb:hover{background:#17181a}.sticker-picker{position:absolute;bottom:100%;right:0;width:320px;max-height:400px;background:#36393f;border-radius:8px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;z-index:100;margin-bottom:8px}.sticker-picker-header{display:flex;gap:8px;padding:12px;border-bottom:1px solid #202225}.sticker-search{flex:1;background:#202225;border:none;border-radius:4px;padding:8px 12px;color:#dcddde;font-size:14px;outline:none}.sticker-search::placeholder{color:#72767d}.sticker-search:focus{box-shadow:0 0 0 2px #5865f24d}.sticker-upload-btn{background:#202225;border:none;border-radius:4px;color:#b9bbbe;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.sticker-upload-btn:hover{background:#5865f2;color:#fff}.sticker-packs-tabs{display:flex;padding:8px 12px;gap:8px;border-bottom:1px solid #202225}.pack-tab{background:transparent;border:none;color:#72767d;font-size:13px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:4px;transition:all .15s ease}.pack-tab:hover{color:#dcddde;background:#0000001a}.pack-tab.active{color:#fff;background:#5865f2}.sticker-grid{flex:1;overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:start}.sticker-item{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:8px;cursor:pointer;transition:all .15s ease}.sticker-item:hover{background:#0003}.sticker-item:active{transform:scale(.95)}.sticker-image{width:80px;height:80px;object-fit:contain;border-radius:4px}.sticker-name{font-size:10px;color:#72767d;margin-top:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.sticker-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:#72767d}.sticker-empty svg{margin-bottom:12px;opacity:.5}.sticker-empty p{margin:0;font-size:14px}.sticker-picker-footer{padding:8px 12px;border-top:1px solid #202225;font-size:11px;color:#72767d;text-align:center}.sticker-grid::-webkit-scrollbar{width:8px}.sticker-grid::-webkit-scrollbar-track{background:transparent}.sticker-grid::-webkit-scrollbar-thumb{background:#202225;border-radius:4px}.sticker-grid::-webkit-scrollbar-thumb:hover{background:#17181a}.thread-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background:#36393f;border-left:1px solid #202225;display:flex;flex-direction:column;z-index:100;box-shadow:-4px 0 16px #0000004d}.thread-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #202225;background:#2f3136}.thread-header-info{display:flex;align-items:center;gap:12px;color:#fff}.thread-header-info>svg{color:#5865f2}.thread-title-section h3{margin:0;font-size:16px;font-weight:600}.thread-meta{font-size:12px;color:#72767d}.thread-header-actions{display:flex;align-items:center;gap:8px}.thread-action-btn{background:transparent;border:none;color:#b9bbbe;cursor:pointer;padding:6px;border-radius:4px;transition:all .15s ease}.thread-action-btn:hover{background:#0003;color:#fff}.thread-close-btn{background:transparent;border:none;color:#b9bbbe;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease}.thread-close-btn:hover{background:#0003;color:#fff}.thread-archived-badge{background:#5865f2;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px}.thread-messages{flex:1;overflow-y:auto;padding:16px}.thread-starter{display:flex;gap:12px;padding:12px;background:#5865f21a;border-radius:8px;margin-bottom:16px;border-left:3px solid #5865f2}.thread-starter-avatar{width:36px;height:36px;background:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.thread-starter-content{flex:1;min-width:0}.thread-starter-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.thread-starter-name{color:#fff;font-weight:600;font-size:14px}.thread-starter-date{color:#72767d;font-size:12px}.thread-starter-text{color:#dcddde;font-size:14px;line-height:1.4}.thread-started-label{display:flex;align-items:center;gap:4px;color:#5865f2;font-size:12px;margin-top:8px}.thread-message{display:flex;gap:12px;padding:8px 0}.thread-message:hover{background:#0000000d;border-radius:4px;margin:0 -8px;padding:8px}.thread-message-avatar{width:32px;height:32px;background:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.thread-message-content{flex:1;min-width:0}.thread-message-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.thread-message-name{color:#fff;font-weight:600;font-size:13px}.thread-message-date{color:#72767d;font-size:11px}.thread-message-text{color:#dcddde;font-size:14px;line-height:1.4;word-wrap:break-word}.thread-scroll-btn{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#5865f2;color:#fff;border:none;border-radius:16px;padding:8px 16px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;font-weight:500;box-shadow:0 4px 12px #0000004d;transition:all .15s ease}.thread-scroll-btn:hover{background:#4752c4}.thread-input-area{display:flex;align-items:center;gap:12px;padding:16px;background:#40444b;border-top:1px solid #202225}.thread-input-avatar{width:32px;height:32px;background:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.thread-input{flex:1;background:#36393f;border:none;border-radius:8px;padding:10px 14px;color:#dcddde;font-size:14px;outline:none}.thread-input::placeholder{color:#72767d}.thread-input:focus{box-shadow:0 0 0 2px #5865f24d}.thread-send-btn{background:#5865f2;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .15s ease}.thread-send-btn:hover:not(:disabled){background:#4752c4}.thread-send-btn:disabled{opacity:.5;cursor:not-allowed}.thread-locked-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#2f3136;border-top:1px solid #202225;color:#72767d;font-size:13px}.thread-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#5865f21a;border-radius:4px;cursor:pointer;margin-top:4px;font-size:13px;color:#5865f2;transition:all .15s ease}.thread-indicator:hover{background:#5865f233}.thread-indicator svg{transform:scaleX(-1)}.thread-indicator-action{font-weight:500}.thread-messages::-webkit-scrollbar{width:8px}.thread-messages::-webkit-scrollbar-track{background:transparent}.thread-messages::-webkit-scrollbar-thumb{background:#202225;border-radius:4px}.thread-messages::-webkit-scrollbar-thumb:hover{background:#17181a}@media (max-width: 768px){.thread-panel{width:100%}}.spoiler-content{background:#202225;color:#202225;border-radius:3px;padding:0 4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.spoiler-content:hover{background:#2f3136}.spoiler-content.revealed{background:#0003;color:#dcddde;cursor:text;-webkit-user-select:text;user-select:text}.code-block{background:#2f3136;border-radius:4px;margin:8px 0;overflow:hidden;border:1px solid #202225}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#202225;border-bottom:1px solid #17181a}.code-language{display:flex;align-items:center;gap:6px;color:#b9bbbe;font-size:12px;font-weight:500;text-transform:uppercase}.code-icon{font-size:14px}.code-copy-btn{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:#b9bbbe;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s ease}.code-copy-btn:hover{background:#0003;color:#fff}.code-content{margin:0;padding:12px;overflow-x:auto;font-family:Fira Code,Consolas,Monaco,monospace;font-size:14px;line-height:1.5;color:#dcddde}.code-content code{font-family:inherit;white-space:pre}.inline-code{background:#0003;border-radius:3px;padding:0 4px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.9em;color:#e8912d}.message-link{color:#00aff4;text-decoration:none;cursor:pointer}.message-link:hover{text-decoration:underline}.mention-highlight{background:#5865f24d;color:#c9cdfb;border-radius:3px;padding:0 2px;cursor:pointer;transition:all .15s ease}.mention-highlight:hover{background:#5865f280;color:#fff}.formatted-content{word-wrap:break-word;line-height:1.4}.formatted-content strong{font-weight:700}.formatted-content em{font-style:italic}.formatted-content del{text-decoration:line-through;color:#72767d}.formatted-content u{text-decoration:underline}.code-content::-webkit-scrollbar{height:8px}.code-content::-webkit-scrollbar-track{background:transparent}.code-content::-webkit-scrollbar-thumb{background:#202225;border-radius:4px}.code-content::-webkit-scrollbar-thumb:hover{background:#17181a}.context-menu{position:fixed;z-index:10000;background-color:#2f3136;border-radius:4px;box-shadow:0 2px 10px #0006,0 0 0 1px #0000004d;padding:6px 8px;min-width:180px;animation:contextMenuFadeIn .1s ease-out}.context-menu-reactions{display:flex;justify-content:space-between;padding:4px 0}.quick-reaction-btn{background:none;border:none;font-size:20px;padding:4px 8px;cursor:pointer;border-radius:4px;transition:all .1s ease}.quick-reaction-btn:hover{background-color:#ffffff1a;transform:scale(1.2)}.context-menu-divider{height:1px;background-color:#ffffff1a;margin:4px 0}.context-menu-item{display:flex;align-items:center;width:100%;padding:6px 8px;background:none;border:none;color:#dcddde;font-size:14px;text-align:left;cursor:pointer;border-radius:3px;transition:all .1s ease}.context-menu-item:hover{background-color:#40444b;color:#fff}.context-menu-item.danger{color:#ed4244}.context-menu-item.danger:hover{background-color:#ed424433;color:#ed4244}.menu-icon{font-size:14px;margin-right:10px;width:18px;text-align:center}.context-menu-info{padding:6px 8px;display:flex;flex-direction:column;gap:2px}.info-label{font-size:11px;color:#72767d;font-weight:600;text-transform:uppercase}.info-value{font-size:13px;color:#b9bbbe}.message-hover-actions{position:absolute;right:8px;top:-16px;display:flex;background-color:#2f3136;border-radius:4px;box-shadow:0 2px 5px #0000004d;opacity:0;transition:opacity .1s ease}.message-wrapper:hover .message-hover-actions{opacity:1}.hover-action-btn{background:none;border:none;padding:6px 8px;font-size:16px;cursor:pointer;color:#b9bbbe;transition:all .1s ease}.hover-action-btn:hover{color:#fff;background-color:#ffffff1a}.hover-action-btn:first-child{border-radius:4px 0 0 4px}.hover-action-btn:last-child{border-radius:0 4px 4px 0}.members-sidebar{width:240px;height:100vh;background-color:#2b2d31;display:flex;flex-direction:column;overflow-y:auto}.member-category{padding:16px 0 0}.category-title{padding:0 16px 8px;margin:0;font-size:12px;font-weight:600;text-transform:uppercase;color:#949ba4;letter-spacing:.02em}.member-list{display:flex;flex-direction:column}.member-item{display:flex;align-items:center;padding:6px 8px;margin:1px 8px;border-radius:4px;cursor:pointer;transition:background-color .15s ease;position:relative}.member-item:hover{background-color:#35373c}.member-item.current-user{background-color:#5865f21a}.member-item.current-user:hover{background-color:#5865f233}.member-avatar{width:32px;height:32px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;position:relative;flex-shrink:0;margin-right:12px}.member-info{flex:1;min-width:0;display:flex;flex-direction:column}.member-name{font-size:14px;font-weight:500;color:#f2f3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.member-name.admin{color:#e91e63}.member-name.moderator{color:#3ba55c}.member-name.you{color:#23a559}.role-badge{font-size:10px;font-weight:600;color:#fff;background-color:#5865f2;padding:2px 4px;border-radius:3px;text-transform:none}.you-badge{font-size:10px;color:#949ba4;font-weight:400}.member-username,.member-activity{font-size:12px;color:#949ba4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .15s ease}.member-item:hover .member-actions{opacity:1}.dm-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:4px;color:#b5bac1;cursor:pointer;transition:all .15s ease}.dm-button:hover{background-color:#5865f2;color:#fff}.member-context-menu{min-width:200px;background-color:#313338;border-radius:8px;box-shadow:0 8px 16px #0000003d;padding:8px;animation:contextMenuFadeIn .15s ease}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-header{display:flex;align-items:center;gap:12px;padding:8px}.context-avatar{width:40px;height:40px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.context-user-info{flex:1;min-width:0}.context-name{font-size:14px;font-weight:600;color:#f2f3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-username{font-size:12px;color:#949ba4}.context-menu-divider{height:1px;background-color:#1e1f22;margin:4px 0}.context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;border-radius:4px;color:#dbdee1;font-size:14px;cursor:pointer;transition:background-color .15s ease;text-align:left}.context-menu-item:hover{background-color:#5865f2;color:#fff}.context-menu-item svg{flex-shrink:0}.members-sidebar::-webkit-scrollbar{width:8px}.members-sidebar::-webkit-scrollbar-track{background:transparent}.members-sidebar::-webkit-scrollbar-thumb{background-color:#1e1f22;border-radius:4px}.members-sidebar::-webkit-scrollbar-thumb:hover{background-color:#2b2d31}.friends-panel{display:flex;flex:1;height:100vh}.friends-sidebar{width:240px;background-color:#2b2d31;display:flex;flex-direction:column}.friends-header{height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid #1f2023;color:#dbdee1;font-weight:600;cursor:pointer}.friends-header:hover{background-color:#35373c}.friends-icon{color:#80848e;margin-right:12px}.friends-tabs{display:flex;flex-direction:column;padding:8px;gap:2px}.tab-btn{padding:6px 10px;color:#949ba4;font-size:14px;font-weight:500;text-align:left;border-radius:4px;transition:all .15s ease}.tab-btn:hover{background-color:#35373c;color:#dbdee1}.tab-btn.active{background-color:#404249;color:#dbdee1}.friends-section{flex:1;overflow-y:auto;padding:8px}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 8px 4px;font-size:12px;font-weight:600;text-transform:uppercase;color:#949ba4}.create-dm-btn{color:#949ba4;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.section-header:hover .create-dm-btn{opacity:1}.create-dm-btn:hover{color:#dbdee1}.friends-list{display:flex;flex-direction:column}.friend-item{display:flex;align-items:center;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background-color .15s ease}.friend-item:hover{background-color:#35373c}.friend-avatar{width:32px;height:32px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;position:relative;margin-right:12px}.status-dot{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:3px solid #2b2d31}.status-dot.online{background-color:#23a559}.status-dot.idle{background-color:#f0b232}.status-dot.dnd{background-color:#f23f43}.status-dot.offline{background-color:#80848e}.friend-info{display:flex;flex-direction:column}.friend-name{font-size:14px;font-weight:500;color:#949ba4}.friend-item:hover .friend-name{color:#dbdee1}.friend-status{font-size:12px;color:#949ba4}.user-panel{height:52px;background-color:#232428;padding:0 8px;display:flex;align-items:center;justify-content:space-between}.user-info{display:flex;align-items:center;padding:4px;border-radius:4px;cursor:pointer;flex:1;margin-right:8px}.user-info:hover{background-color:#35373c}.user-avatar{width:32px;height:32px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;position:relative;margin-right:8px}.status-indicator{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:3px solid #232428}.user-details{display:flex;flex-direction:column}.username{font-size:14px;font-weight:600;color:#dbdee1}.user-status{font-size:12px;color:#949ba4}.user-controls{display:flex;align-items:center}.control-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#b5bac1;border-radius:4px;transition:all .15s ease}.control-btn:hover{background-color:#404249;color:#dbdee1}.friends-content{flex:1;display:flex;flex-direction:column;background-color:#313338}.content-header{height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid #1f2023}.header-tabs{display:flex;align-items:center}.header-tab{display:flex;align-items:center;gap:8px;padding:2px 8px;color:#949ba4;font-size:15px;font-weight:600;border-radius:4px;transition:all .15s ease}.header-tab:hover,.header-tab.active{color:#dbdee1}.header-tab svg{color:#80848e}.header-tab.active svg{color:#dbdee1}.content-body{flex:1;overflow-y:auto;padding:16px}.add-friend-section{background-color:#35373c;border-radius:8px;padding:16px;margin-bottom:16px}.add-friend-section h3{font-size:20px;font-weight:600;color:#f2f3f5;margin-bottom:8px}.add-friend-section p{font-size:14px;color:#b5bac1;margin-bottom:16px}.add-friend-input{display:flex;gap:8px}.add-friend-input input{flex:1;height:40px;padding:0 16px;background-color:#1e1f22;border:none;border-radius:8px;color:#dbdee1;font-size:16px}.add-friend-input input::placeholder{color:#6d6f78}.add-friend-input input:focus{outline:none}.add-friend-input button{padding:0 16px;height:40px;background-color:#5865f2;color:#fff;font-size:14px;font-weight:500;border-radius:8px;transition:background-color .15s ease}.add-friend-input button:hover{background-color:#4752c4}.friends-grid-section h3{font-size:12px;font-weight:600;text-transform:uppercase;color:#949ba4;margin-bottom:8px}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.friend-card{display:flex;align-items:center;padding:12px;background-color:#2b2d31;border-radius:8px;transition:background-color .15s ease}.friend-card:hover{background-color:#35373c}.card-avatar{width:40px;height:40px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;margin-right:12px}.card-info{flex:1;display:flex;flex-direction:column}.card-name{font-size:15px;font-weight:600;color:#f2f3f5}.card-status{font-size:13px;color:#949ba4}.card-actions{display:flex;gap:4px}.card-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#b5bac1;border-radius:8px;transition:all .15s ease}.card-btn:hover{background-color:#404249;color:#dbdee1}.friend-requests-section{margin-bottom:16px}.friend-requests-section h3{font-size:12px;font-weight:600;text-transform:uppercase;color:#949ba4;margin-bottom:8px}.requests-list{display:flex;flex-direction:column;gap:8px}.request-item{display:flex;align-items:center;padding:12px;background-color:#2b2d31;border-radius:8px}.request-avatar{width:40px;height:40px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:12px}.request-info{flex:1;display:flex;flex-direction:column}.request-name{font-size:15px;font-weight:600;color:#f2f3f5}.request-subtitle{font-size:13px;color:#949ba4}.request-actions{display:flex;gap:8px}.accept-btn{padding:2px 12px;height:32px;background-color:#23a559;color:#fff;font-size:14px;font-weight:500;border-radius:4px;transition:background-color .15s ease}.accept-btn:hover{background-color:#1e8e4c}.decline-btn{padding:2px 12px;height:32px;background-color:#f23f43;color:#fff;font-size:14px;font-weight:500;border-radius:4px;transition:background-color .15s ease}.decline-btn:hover{background-color:#d63639}.dm-sidebar{width:240px;background-color:#2b2d31;display:flex;flex-direction:column;border-right:1px solid #1e1f22}.dm-search{padding:12px}.dm-search input{width:100%;height:28px;padding:0 8px;background-color:#1e1f22;border:none;border-radius:4px;color:#dbdee1;font-size:13px}.dm-search input::placeholder{color:#949ba4}.dm-friends-list,.dm-conversations{flex:1;overflow-y:auto}.dm-section-title{padding:16px 12px 4px;font-size:11px;font-weight:700;text-transform:uppercase;color:#949ba4}.dm-friend-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background-color .15s}.dm-friend-item:hover{background-color:#35373c}.dm-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background-color .15s}.dm-item:hover{background-color:#35373c}.dm-item.active{background-color:#404249}.dm-avatar{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;background-color:#1e1f22;border-radius:50%}.dm-avatar .status-dot{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:3px solid #2b2d31}.dm-info{display:flex;flex-direction:column;overflow:hidden}.dm-name{font-size:14px;font-weight:500;color:#f2f3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-preview{font-size:12px;color:#949ba4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-dms{padding:20px;text-align:center;color:#949ba4}.no-dms .hint{font-size:12px;margin-top:8px}.no-friends{padding:20px;text-align:center;color:#949ba4}.dm-chat{flex:1;display:flex;flex-direction:column;background-color:#313338}.dm-chat-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #1e1f22;background-color:#313338}.dm-chat-header .dm-avatar{width:40px;height:40px;font-size:24px}.dm-username{font-size:16px;font-weight:600;color:#f2f3f5}.dm-messages{flex:1;overflow-y:auto;padding:16px}.dm-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#949ba4}.dm-message{display:flex;gap:12px;margin-bottom:16px}.dm-message .message-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:24px;background-color:#1e1f22;border-radius:50%}.dm-message .message-body{display:flex;flex-direction:column;gap:4px}.dm-message .message-author{font-size:14px;font-weight:500;color:#f2f3f5}.dm-message .message-content{font-size:14px;color:#dbdee1}.dm-input-form{display:flex;gap:8px;padding:16px;border-top:1px solid #1e1f22}.dm-input-form input{flex:1;height:40px;padding:0 12px;background-color:#383a40;border:none;border-radius:8px;color:#dbdee1;font-size:14px}.dm-input-form input::placeholder{color:#6d6f78}.dm-input-form button{padding:0 16px;background-color:#5865f2;color:#fff;font-size:14px;font-weight:500;border-radius:8px;transition:background-color .15s}.dm-input-form button:hover:not(:disabled){background-color:#4752c4}.dm-input-form button:disabled{background-color:#465064;cursor:not-allowed}.dm-no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#949ba4}.dm-no-selection h3{font-size:20px;color:#f2f3f5;margin-bottom:8px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background-color:#313338;border-radius:8px;width:440px;max-width:90vw;box-shadow:0 8px 16px #0000003d}.modal-header{padding:24px 24px 0;text-align:center}.modal-header h2{font-size:24px;font-weight:700;color:#f2f3f5;margin-bottom:8px}.modal-header p{font-size:14px;color:#b5bac1;margin-bottom:16px}.modal-body{padding:24px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;color:#b5bac1;margin-bottom:8px}.form-group input{width:100%;height:40px;padding:0 12px;background-color:#1e1f22;border:none;border-radius:4px;color:#dbdee1;font-size:16px}.form-group input::placeholder{color:#6d6f78}.icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;background-color:#1e1f22;border-radius:8px;cursor:pointer;transition:all .15s ease}.icon-btn:hover{background-color:#35373c}.icon-btn.selected{background-color:#5865f2;box-shadow:inset 0 0 0 2px #dbdee1}.modal-footer{padding:16px 24px;background-color:#2b2d31;border-radius:0 0 8px 8px;display:flex;justify-content:flex-end;gap:8px}.btn-cancel{padding:2px 16px;height:38px;color:#b5bac1;font-size:14px;font-weight:500;border-radius:4px;transition:all .15s ease}.btn-cancel:hover{background-color:#4e5058}.auth-modal{max-width:440px}.auth-modal .modal-header{text-align:center;padding-bottom:0}.auth-modal .modal-header h2{font-size:24px;margin-bottom:8px}.auth-modal .modal-header p{color:#949ba4;font-size:14px}.error-message{background-color:#ed42451a;border:1px solid #ed4245;border-radius:4px;padding:10px;color:#ed4245;font-size:14px;margin-bottom:10px}.success-message{background-color:#23a5591a;border:1px solid #23a559;border-radius:4px;padding:10px;color:#23a559;font-size:14px;margin-bottom:10px}.switch-mode{color:#949ba4;font-size:14px}.link-btn{background:none;border:none;color:#00a8fc;cursor:pointer;font-size:14px;padding:0}.link-btn:hover{text-decoration:underline}.btn-create{padding:2px 16px;height:38px;background-color:#5865f2;color:#fff;font-size:14px;font-weight:500;border-radius:4px;transition:background-color .15s ease}.btn-create:hover:not(:disabled){background-color:#4752c4}.btn-create:disabled{background-color:#465064;color:#7a7d85;cursor:not-allowed}.channel-type-options{display:flex;gap:8px}.type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background-color:#2b2d31;color:#949ba4;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .15s ease}.type-btn:hover{background-color:#35373c}.type-btn.selected{background-color:#5865f2;color:#fff}.status-btn{justify-content:flex-start;padding:10px 16px}.status-indicator{width:12px;height:12px;border-radius:50%}.status-indicator.online{background-color:#23a559}.status-indicator.idle{background-color:#f0b232}.status-indicator.dnd{background-color:#f23f43}.status-indicator.offline{background-color:#80848e}.voice-panel{flex:1;display:flex;flex-direction:column;background-color:#313338}.voice-header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1f2023;background-color:#313338}.voice-channel-info{display:flex;align-items:center}.voice-icon{color:#23a559;margin-right:8px}.voice-channel-name{font-size:16px;font-weight:600;color:#dbdee1}.leave-voice-btn{display:flex;align-items:center;gap:6px;padding:2px 12px;height:32px;background-color:#f23f43;color:#fff;font-size:14px;font-weight:500;border-radius:4px;transition:background-color .15s ease}.leave-voice-btn:hover{background-color:#d63639}.voice-content{flex:1;display:flex;flex-direction:column;padding:24px;overflow-y:auto}.permission-warning{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#f23f4320;border:1px solid #f23f43;border-radius:8px;margin-bottom:16px;color:#f2f3f5}.permission-warning svg{color:#f23f43;flex-shrink:0}.permission-warning span{flex:1;font-size:14px}.permission-warning button{padding:6px 12px;background-color:#5865f2;color:#fff;font-size:13px;font-weight:500;border-radius:4px}.permission-warning button:hover{background-color:#4752c4}.voice-status{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:20px;font-weight:600;color:#23a559}.voice-connected-indicator{position:relative;width:24px;height:24px}.pulse{position:absolute;width:24px;height:24px;background-color:#23a559;border-radius:50%;animation:pulse 2s ease-out infinite}.pulse.delay{animation-delay:1s}@keyframes pulse{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.audio-level-indicator{flex:1;height:8px;background-color:#1e1f22;border-radius:4px;overflow:hidden;margin-left:12px;max-width:200px}.audio-level-bar{height:100%;border-radius:4px;transition:width .05s ease,background-color .15s ease}.current-user-voice{margin-bottom:24px}.user-voice-card{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#2b2d31;border-radius:12px;transition:all .15s ease}.user-voice-card.speaking{box-shadow:0 0 0 2px #23a559}.user-voice-avatar-container{position:relative;margin-bottom:12px}.user-voice-avatar{width:80px;height:80px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;position:relative;z-index:2}.speaking-ring{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:3px solid #23a559;border-radius:50%;transition:all .05s ease;z-index:1}.muted-overlay{position:absolute;bottom:-4px;right:-4px;width:28px;height:28px;background-color:#f23f43;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;border:3px solid #2b2d31}.muted-overlay svg{color:#fff}.user-voice-info{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.user-voice-name{font-size:16px;font-weight:600;color:#f2f3f5}.user-voice-status{font-size:12px;color:#949ba4}.user-voice-controls{display:flex;gap:8px}.voice-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:#1e1f22;color:#b5bac1;border-radius:50%;transition:all .15s ease}.voice-btn:hover{background-color:#404249;color:#dbdee1}.voice-btn.active.muted,.voice-btn.active.deafened{background-color:#f23f43;color:#fff}.participants-section{flex:1}.participants-section h3{font-size:12px;font-weight:600;text-transform:uppercase;color:#949ba4;margin-bottom:12px}.participants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.participant-card{display:flex;flex-direction:column;align-items:center;padding:16px;background-color:#2b2d31;border-radius:8px;transition:background-color .15s ease}.participant-card:hover{background-color:#35373c}.participant-avatar{width:64px;height:64px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:8px}.participant-info{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.participant-name{font-size:14px;font-weight:600;color:#f2f3f5}.participant-status{display:flex;align-items:center;gap:4px;margin-top:4px}.participant-status-icon{display:flex;align-items:center}.participant-controls{display:flex;gap:8px}.voice-control-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#1e1f22;color:#b5bac1;border-radius:50%;transition:all .15s ease}.voice-control-btn:hover{background-color:#404249;color:#dbdee1}.voice-actions{display:flex;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #1f2023}.voice-action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#2b2d31;color:#b5bac1;font-size:14px;font-weight:500;border-radius:8px;transition:all .15s ease}.voice-action-btn:hover{background-color:#404249;color:#dbdee1}.voice-action-btn.active{background-color:#23a559;color:#fff}.voice-action-btn svg{flex-shrink:0}.voice-header-actions{display:flex;align-items:center;gap:8px}.settings-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#b5bac1;border-radius:4px;transition:all .15s ease}.settings-btn:hover{background-color:#404249;color:#dbdee1}.settings-btn.active{background-color:#404249;color:#5865f2}.voice-settings-panel{background-color:#2b2d31;border-radius:8px;padding:16px;margin-bottom:16px}.voice-settings-panel h4{font-size:14px;font-weight:600;color:#f2f3f5;margin-bottom:16px}.settings-section{margin-bottom:12px}.settings-section:last-child{margin-bottom:0}.settings-section label{display:block;font-size:12px;font-weight:600;color:#949ba4;margin-bottom:6px;text-transform:uppercase}.settings-section select{width:100%;padding:8px 12px;background-color:#1e1f22;color:#dbdee1;border:none;border-radius:4px;font-size:14px;cursor:pointer}.settings-section select:focus{outline:none;box-shadow:0 0 0 2px #5865f2}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer}.toggle-label input[type=checkbox]{width:16px;height:16px;accent-color:#5865f2;cursor:pointer}.toggle-label span{font-size:14px;color:#dbdee1;text-transform:none}.voice-connected-indicator.connecting .pulse{background-color:#f0b232}.voice-connected-indicator.failed .pulse{background-color:#f23f43}.voice-status .peer-count{font-size:14px;font-weight:400;color:#949ba4}.participant-card.connecting{opacity:.7}.participant-card.connected{border:1px solid #23a559}.participant-connection{font-size:11px;color:#949ba4;margin-left:4px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:24px}.video-item{position:relative;background-color:#1e1f22;border-radius:8px;overflow:hidden;aspect-ratio:16 / 9}.video-item video{width:100%;height:100%;object-fit:cover}.video-item.local-video video{transform:scaleX(-1)}.video-label{position:absolute;bottom:8px;left:8px;padding:4px 8px;background-color:#000000b3;border-radius:4px;font-size:12px;color:#fff}.voice-action-btn.disconnect{border:1px solid #f23f43}.voice-action-btn.disconnect:hover{background-color:#f23f43;color:#fff}.voice-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.voice-content{padding:16px}.participants-grid{grid-template-columns:repeat(2,1fr)}.voice-actions{flex-wrap:wrap}.voice-action-btn{flex:1;min-width:100px;justify-content:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.server-settings-modal{display:flex;width:960px;max-width:95vw;height:80vh;background-color:#2f3136;border-radius:8px;overflow:hidden}.settings-sidebar{width:218px;background-color:#2f3136;border-right:1px solid #202225;display:flex;flex-direction:column;flex-shrink:0}.settings-header{padding:16px 12px;margin:0;color:#fff;font-size:14px;font-weight:600;border-bottom:1px solid #202225;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-nav{flex:1;padding:8px;overflow-y:auto}.settings-nav-item{display:flex;align-items:center;width:100%;padding:10px 12px;background:none;border:none;border-radius:4px;color:#b9bbbe;font-size:14px;cursor:pointer;transition:all .1s ease;text-align:left}.settings-nav-item:hover{background-color:#3c3f45;color:#dcddde}.settings-nav-item.active{background-color:#404249;color:#fff}.settings-nav-item.danger{color:#ed4245}.settings-nav-item.danger:hover{background-color:#ed42451a}.nav-icon{margin-right:10px;font-size:16px}.nav-label{flex:1}.settings-content{flex:1;display:flex;flex-direction:column;background-color:#36393f;overflow:hidden}.settings-content-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #202225}.settings-content-header h2{margin:0;color:#fff;font-size:20px;font-weight:600}.close-btn{background:none;border:none;color:#b9bbbe;font-size:28px;cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:#fff}.settings-content-body{flex:1;padding:24px;overflow-y:auto}.settings-section{max-width:600px}.settings-section h4{margin:0 0 8px;color:#fff;font-size:16px;font-weight:600}.settings-section p{color:#b9bbbe;font-size:14px;margin:0 0 16px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#b9bbbe;font-size:12px;font-weight:700;text-transform:uppercase}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:10px;background-color:#202225;border:none;border-radius:4px;color:#dcddde;font-size:16px}.form-group input:focus{outline:none}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1}.form-row input[type=text]{flex:1;padding:10px;background-color:#202225;border:none;border-radius:4px;color:#dcddde;font-size:14px}.form-row input[type=color]{width:50px;height:40px;padding:0;border:none;border-radius:4px;background:none;cursor:pointer}.icon-picker{display:flex;flex-wrap:wrap;gap:8px}.icon-option{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#202225;border:2px solid transparent;border-radius:8px;font-size:24px;cursor:pointer;transition:all .15s ease}.icon-option:hover{background-color:#3c3f45;border-color:#5865f2}.icon-option.selected{background-color:#5865f2;border-color:#7289da}.icon-option:disabled{opacity:.5;cursor:not-allowed}.save-btn,.create-btn{padding:10px 20px;background-color:#5865f2;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.save-btn:hover,.create-btn:hover{background-color:#4752c4}.delete-role-btn,.kick-btn{padding:8px 16px;background-color:transparent;border:1px solid #ed4245;border-radius:4px;color:#ed4245;font-size:13px;cursor:pointer;transition:all .15s ease}.delete-role-btn:hover,.kick-btn:hover{background-color:#ed4245;color:#fff}.delete-server-btn{padding:12px 24px;background-color:#ed4245;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.delete-server-btn:hover{background-color:#c03537}.info-text{color:#72767d;font-size:13px;font-style:italic}.roles-list{margin-bottom:24px}.role-item{background-color:#2f3136;border-radius:8px;margin-bottom:8px;overflow:hidden}.role-header{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .15s ease}.role-header:hover{background-color:#3c3f45}.role-color{width:16px;height:16px;border-radius:50%;margin-right:12px}.role-name{flex:1;color:#dcddde;font-size:15px;font-weight:500}.role-toggle{color:#72767d;font-size:12px}.role-editor{padding:16px;background-color:#2f3136;border-top:1px solid #202225}.section-label{display:block;margin:16px 0 12px;color:#b9bbbe;font-size:12px;font-weight:700;text-transform:uppercase}.permissions-grid{display:flex;flex-direction:column;gap:8px}.permission-item{display:flex;align-items:flex-start;padding:8px 12px;background-color:#202225;border-radius:4px;cursor:pointer;transition:background-color .15s ease}.permission-item:hover{background-color:#282b30}.permission-item input[type=checkbox]{margin-right:12px;margin-top:2px;width:18px;height:18px;cursor:pointer}.permission-info{display:flex;flex-direction:column}.permission-label{color:#dcddde;font-size:14px;font-weight:500}.permission-desc{color:#72767d;font-size:12px;margin-top:2px}.create-role{padding:16px;background-color:#2f3136;border-radius:8px}.create-role h4{margin:0 0 12px;color:#fff;font-size:14px}.members-list{display:flex;flex-direction:column;gap:4px}.member-item{display:flex;align-items:center;padding:12px;background-color:#2f3136;border-radius:8px}.member-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#5865f2;border-radius:50%;font-size:20px;margin-right:12px}.member-info{flex:1}.member-name{display:block;color:#dcddde;font-size:15px;font-weight:500}.member-role{color:#72767d;font-size:12px}.member-actions{display:flex;align-items:center;gap:8px}.role-select{padding:6px 12px;background-color:#202225;border:none;border-radius:4px;color:#dcddde;font-size:13px}.invite-info h4{margin:0 0 8px;color:#fff;font-size:16px}.invite-description{color:#b9bbbe;font-size:14px;margin-bottom:20px}.invite-link{display:flex;gap:8px;margin-bottom:12px}.invite-link input{flex:1;padding:12px;background-color:#202225;border:1px solid #040405;border-radius:4px;color:#dcddde;font-size:14px;font-family:monospace}.invite-link .copy-btn{padding:12px 24px;background-color:#5865f2;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.invite-link .copy-btn:hover{background-color:#4752c4}.invite-link .copy-btn.copied{background-color:#3ba55c}.invite-loading{display:flex;align-items:center;gap:12px;padding:20px;background-color:#202225;border-radius:4px;color:#b9bbbe}.invite-loading .loading-spinner{width:20px;height:20px;border:2px solid #5865f2;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.invite-code-info{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:#2f3136;border-radius:4px;margin-bottom:20px}.invite-code{color:#b9bbbe;font-size:13px}.invite-code strong{color:#fff;font-family:monospace;font-size:14px}.regenerate-btn{padding:6px 12px;background-color:transparent;border:1px solid #5865f2;border-radius:4px;color:#5865f2;font-size:12px;cursor:pointer;transition:all .15s ease}.regenerate-btn:hover{background-color:#5865f2;color:#fff}.invite-error{padding:20px;background-color:#ed42451a;border:1px solid #ed4245;border-radius:4px;text-align:center}.invite-error p{color:#ed4245;margin-bottom:12px}.invite-error button{padding:8px 16px;background-color:#ed4245;border:none;border-radius:4px;color:#fff;font-size:14px;cursor:pointer}.invite-instructions{padding:16px;background-color:#2f3136;border-radius:4px;margin-top:20px}.invite-instructions h5{margin:0 0 12px;color:#fff;font-size:14px}.invite-instructions ol{margin:0;padding-left:20px;color:#b9bbbe;font-size:13px;line-height:1.8}.danger-zone{padding:16px;background-color:#ed42451a;border:1px solid rgba(237,66,69,.3);border-radius:8px}@media (max-width: 768px){.server-settings-modal{flex-direction:column;height:90vh}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid #202225}.settings-nav{display:flex;flex-wrap:wrap;gap:4px}.settings-nav-item{flex:0 0 auto;padding:8px 12px}}.notification-settings-modal{width:500px;max-width:95vw;background-color:#36393f;border-radius:8px;overflow:hidden}.notification-settings-modal .settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#2f3136;border-bottom:1px solid #202225}.notification-settings-modal .settings-header h2{margin:0;color:#fff;font-size:18px;font-weight:600}.notification-settings-modal .close-btn{background:none;border:none;color:#b9bbbe;font-size:24px;cursor:pointer;padding:0;line-height:1}.notification-settings-modal .close-btn:hover{color:#fff}.notification-settings-modal .settings-content{padding:20px}.setting-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background-color:#2f3136;border-radius:8px;margin-bottom:12px}.setting-info{flex:1;margin-right:16px}.setting-label{display:block;color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.setting-desc{display:block;color:#b9bbbe;font-size:13px;line-height:1.4}.toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4f545c;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle input:checked+.toggle-slider{background-color:#5865f2}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.test-btn{padding:8px 16px;background-color:#5865f2;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.test-btn:hover:not(:disabled){background-color:#4752c4}.test-btn:disabled{opacity:.5;cursor:not-allowed}.permission-help{margin-top:12px;padding:12px;background-color:#ed42451a;border:1px solid rgba(237,66,69,.3);border-radius:4px;color:#b9bbbe;font-size:12px;line-height:1.5;width:100%}.permission-help ol{margin:8px 0 0;padding-left:20px}.permission-help li{margin-bottom:4px}.notification-types{margin-top:24px;padding-top:20px;border-top:1px solid #404249}.notification-types h3{margin:0 0 16px;color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.type-list{display:flex;flex-direction:column;gap:12px}.type-item{display:flex;align-items:center;padding:12px;background-color:#2f3136;border-radius:8px}.type-icon{font-size:24px;margin-right:12px}.type-info{display:flex;flex-direction:column}.type-label{color:#dcddde;font-size:14px;font-weight:500}.type-desc{color:#72767d;font-size:12px;margin-top:2px}@media (max-width: 500px){.notification-settings-modal{width:100%;height:100%;max-height:100vh;border-radius:0}.setting-item{flex-direction:column;gap:12px}.setting-info{margin-right:0}.toggle{align-self:flex-end}.test-btn{align-self:flex-start}}.user-profile-modal{width:340px;max-width:95vw;background-color:#2f3136;border-radius:8px;overflow:hidden;position:relative}.profile-header{position:relative;height:100px}.profile-banner{height:60px;background:linear-gradient(135deg,#5865f2,#eb4598)}.avatar-container{position:absolute;top:30px;left:16px}.profile-avatar{width:80px;height:80px;background-color:#5865f2;border:6px solid #2f3136;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px}.status-ring{position:absolute;bottom:4px;right:4px;width:24px;height:24px;border-radius:50%;border:4px solid #3ba55c;background-color:#2f3136}.profile-info{padding:16px}.user-names{margin-bottom:8px}.display-name{margin:0;color:#fff;font-size:20px;font-weight:600}.username-tag{color:#b9bbbe;font-size:14px}.custom-status{margin-top:8px;padding:8px 12px;background-color:#202225;border-radius:4px;color:#dcddde;font-size:14px}.profile-tabs{display:flex;gap:8px;margin-top:16px;border-bottom:1px solid #404249;padding-bottom:8px}.tab-btn{padding:8px 12px;background:none;border:none;color:#b9bbbe;font-size:13px;font-weight:600;cursor:pointer;border-radius:4px;transition:all .15s ease}.tab-btn:hover{color:#dcddde;background-color:#3c3f45}.tab-btn.active{color:#fff;background-color:#404249}.tab-content{margin-top:16px;max-height:300px;overflow-y:auto}.info-section{margin-bottom:16px}.info-section h3{margin:0 0 8px;color:#72767d;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.info-card{background-color:#202225;border-radius:8px;padding:12px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.info-row:not(:last-child){border-bottom:1px solid #3c3f45}.info-label{color:#b9bbbe;font-size:13px}.info-value{color:#dcddde;font-size:13px;font-weight:500}.note-input{width:100%;padding:10px;background-color:#202225;border:none;border-radius:4px;color:#dcddde;font-size:14px;resize:none;font-family:inherit}.note-input:focus{outline:none}.note-input::placeholder{color:#72767d}.mutual-tab h3{margin:0 0 12px;color:#72767d;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.mutual-list{display:flex;flex-direction:column;gap:8px}.mutual-server{display:flex;align-items:center;padding:8px;background-color:#202225;border-radius:4px;cursor:pointer;transition:background-color .15s ease}.mutual-server:hover{background-color:#3c3f45}.mutual-server .server-icon{width:32px;height:32px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:16px}.mutual-server .server-name{color:#dcddde;font-size:14px;font-weight:500}.no-mutual{color:#72767d;font-size:14px;text-align:center;padding:20px}.profile-actions{display:flex;gap:8px;padding:16px;border-top:1px solid #404249}.action-btn{flex:1;padding:10px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.dm-btn{background-color:#5865f2;color:#fff}.dm-btn:hover{background-color:#4752c4}.block-btn{background-color:transparent;border:1px solid #ed4245;color:#ed4245}.block-btn:hover{background-color:#ed4245;color:#fff}.user-profile-modal .close-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background-color:#00000080;border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.user-profile-modal .close-btn:hover{background-color:#000000b3}.tab-content::-webkit-scrollbar{width:4px}.tab-content::-webkit-scrollbar-track{background:transparent}.tab-content::-webkit-scrollbar-thumb{background-color:#202225;border-radius:4px}.tab-content::-webkit-scrollbar-thumb:hover{background-color:#3c3f45}.search-results{display:flex;flex-direction:column}.search-result-item{display:flex;align-items:flex-start;padding:12px;border-radius:8px;cursor:pointer;transition:background-color .15s ease}.search-result-item:hover{background-color:#36393f}.result-avatar{width:40px;height:40px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:12px;flex-shrink:0;position:relative}.result-avatar .status-dot{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:3px solid #2f3136}.status-dot.online{background-color:#3ba55c}.status-dot.idle{background-color:#faa61a}.status-dot.dnd{background-color:#ed4245}.status-dot.offline{background-color:#747f8d}.result-content{flex:1;min-width:0}.message-result .result-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.result-author{color:#fff;font-size:14px;font-weight:600}.result-channel{color:#72767d;font-size:12px}.result-channel:before{content:""}.result-server{color:#72767d;font-size:12px}.result-server:before{content:"•";margin-right:8px}.result-date{color:#72767d;font-size:12px;margin-left:auto}.result-text{color:#dcddde;font-size:14px;line-height:1.4;word-break:break-word}.user-result .result-content{display:flex;flex-direction:column}.result-username{color:#fff;font-size:15px;font-weight:600}.result-status{color:#72767d;font-size:12px;text-transform:capitalize;margin-top:2px}.server-result .result-server-icon{width:40px;height:40px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:12px;flex-shrink:0}.server-result .result-content{display:flex;flex-direction:column}.result-server-name{color:#fff;font-size:15px;font-weight:600}.result-member-count{color:#72767d;font-size:12px;margin-top:2px}.search-empty p{margin:0;font-size:14px}.search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:flex-start;justify-content:center;padding-top:100px;z-index:1000}.search-modal{width:600px;max-width:95vw;background-color:#2f3136;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0006}.search-header{display:flex;align-items:center;padding:12px 16px;background-color:#202225}.search-input-container{flex:1;display:flex;align-items:center;background-color:#36393f;border-radius:4px;padding:8px 12px}.search-icon{color:#72767d;margin-right:12px;flex-shrink:0}.search-input{flex:1;background:none;border:none;color:#dcddde;font-size:16px;outline:none}.search-input::placeholder{color:#72767d}.clear-search{background:none;border:none;color:#72767d;font-size:20px;cursor:pointer;padding:0 4px;line-height:1}.clear-search:hover{color:#dcddde}.close-search{margin-left:12px;padding:6px 12px;background-color:transparent;border:1px solid #4f545c;border-radius:4px;color:#72767d;font-size:12px;font-weight:600;cursor:pointer}.close-search:hover{border-color:#dcddde;color:#dcddde}.search-tabs{display:flex;padding:0 16px;background-color:#202225;border-bottom:1px solid #36393f}.search-tab{padding:12px 16px;background:none;border:none;color:#72767d;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s ease}.search-tab:hover{color:#dcddde}.search-tab.active{color:#fff;border-bottom-color:#5865f2}.search-content{min-height:200px;max-height:400px;overflow-y:auto;padding:8px}.search-loading,.search-hint,.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#72767d}.search-loading .loading-spinner{width:24px;height:24px;border:3px solid #4f545c;border-top-color:#5865f2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.search-footer{display:flex;justify-content:space-between;padding:12px 16px;background-color:#202225;border-top:1px solid #36393f}.result-count,.search-shortcut{color:#72767d;font-size:12px}.search-content::-webkit-scrollbar{width:8px}.search-content::-webkit-scrollbar-track{background:transparent}.search-content::-webkit-scrollbar-thumb{background-color:#202225;border-radius:4px}.search-content::-webkit-scrollbar-thumb:hover{background-color:#3c3f45}.join-server-modal{width:440px;max-width:95vw;background-color:#36393f;border-radius:8px;overflow:hidden}.join-server-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#2f3136}.join-server-modal .modal-header h2{margin:0;color:#fff;font-size:18px;font-weight:600}.join-server-modal .close-btn{background:none;border:none;color:#b9bbbe;font-size:24px;cursor:pointer;padding:0;line-height:1}.join-server-modal .close-btn:hover{color:#fff}.join-server-modal .modal-content{padding:20px}.form-group{margin-bottom:16px}.form-group label{display:block;color:#b9bbbe;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.invite-input-wrapper{display:flex;align-items:center;background-color:#202225;border-radius:4px;padding:0 12px;border:1px solid transparent}.invite-input-wrapper:focus-within{border-color:#5865f2}.invite-prefix{color:#72767d;font-size:14px;padding-right:8px;border-right:1px solid #4f545c;margin-right:8px}.invite-input-wrapper input{flex:1;background:none;border:none;color:#dcddde;font-size:14px;padding:12px 0;outline:none}.invite-input-wrapper input::placeholder{color:#72767d}.input-hint{color:#72767d;font-size:12px;margin:8px 0 0}.error-message{background-color:#ed42451a;border:1px solid rgba(237,66,69,.3);border-radius:4px;color:#ed4245;font-size:13px;padding:10px 12px;margin-bottom:16px}.server-preview{margin-bottom:16px}.server-preview h3{color:#b9bbbe;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.preview-card{display:flex;align-items:center;padding:12px;background-color:#2f3136;border-radius:8px;border:1px solid #4f545c}.preview-icon{width:48px;height:48px;background-color:#5865f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin-right:12px}.preview-info{display:flex;flex-direction:column}.preview-name{color:#fff;font-size:15px;font-weight:600}.preview-members{color:#72767d;font-size:12px;margin-top:2px}.info-box{background-color:#2f3136;border-radius:4px;padding:12px}.info-box h4{color:#b9bbbe;font-size:12px;font-weight:600;margin:0 0 8px}.info-box ul{margin:0;padding:0;list-style:none}.info-box li{color:#72767d;font-size:13px;margin-bottom:4px}.info-box code{background-color:#202225;padding:2px 6px;border-radius:3px;font-family:monospace;font-size:12px}.join-server-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;background-color:#2f3136;border-top:1px solid #202225}.btn-secondary,.btn-primary{padding:10px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-secondary{background-color:transparent;border:1px solid #4f545c;color:#b9bbbe}.btn-secondary:hover{border-color:#dcddde;color:#dcddde}.btn-primary{background-color:#5865f2;border:none;color:#fff}.btn-primary:hover:not(:disabled){background-color:#4752c4}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.app{display:flex;height:100vh;background-color:#313338;overflow:hidden;position:relative}.connection-status{position:fixed;bottom:16px;left:16px;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.connection-status.connected{background-color:#23a55933;color:#23a559}.connection-status.disconnected{background-color:#f0a23233;border:1px solid rgba(240,162,50,.5)}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#313338;color:#b5bac1}.loading-spinner{width:40px;height:40px;border:3px solid #313338;border-top-color:#5865f2;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-loading p{margin-top:16px;font-size:14px}.status-dot{width:8px;height:8px;border-radius:50%}.connected .status-dot{background-color:#23a559;animation:pulse-dot 2s infinite}.disconnected .status-dot{background-color:#f0b232}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.no-channel-selected{flex:1;display:flex;align-items:center;justify-content:center;background-color:#313338}.no-channel-content{text-align:center;color:#949ba4}.no-channel-content h2{font-size:24px;font-weight:700;color:#f2f3f5;margin-bottom:12px}.no-channel-content p{font-size:14px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans,sans-serif;background-color:#313338;color:#dbdee1;overflow:hidden}#root{width:100vw;height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#2b2d31;border-radius:4px}::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#141517}input,textarea{font-family:Noto Sans,sans-serif}button{font-family:Noto Sans,sans-serif;cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}ul,li{list-style:none}