.app-container{display:flex;height:100vh;background:#36393f;color:#dcddde}.left-sidebar{width:72px;background:#202225;padding:12px 0;border-right:1px solid #1a1d20;display:flex;flex-direction:column;align-items:center;gap:12px;overflow-y:auto;justify-content:space-between}.dm-toggle{width:48px;height:48px;background:#2f3136;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#cfd2d6;cursor:pointer;transition:transform .15s,background .15s,color .15s;border:2px solid transparent;padding:0;letter-spacing:.08em}.dm-toggle:hover{background:#3b3f46;color:#fff;transform:translateY(-1px)}.dm-toggle.active{background:#5865f2;color:#fff;border-color:#fff3}.left-sidebar-spacer{flex:1}.logo{width:48px;height:48px;background:linear-gradient(135deg,#3aa373,#2f8f67);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;cursor:pointer;transition:border-radius .2s;border:none;padding:0}.logo.guild-logo{box-shadow:0 0 #43b58166}.logo.guild-logo.active{box-shadow:0 0 0 3px #43b58159}.logo:hover{border-radius:40%}.current-user-card{background:#2f3136;padding:12px;border-radius:6px;font-size:13px;margin-bottom:12px;color:#fff;font-weight:500;border-left:3px solid #5865f2;word-break:break-word;display:flex;flex-direction:column;gap:8px}.current-user-name{font-size:13px;font-weight:600}.logout-button{width:100%;padding:6px 10px;background:#3a3d44;color:#d7d9dc;border:1px solid #484c55;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.right-sidebar{width:240px;background:#2f3136;border-left:1px solid #202225;display:flex;flex-direction:column;overflow:hidden}.call-error{background:#3a2323;color:#ffb4b4;border:1px solid #5f2f2f;border-radius:8px;padding:10px;font-size:12px;margin-bottom:12px}.incoming-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0b0e8c;display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .2s ease-out}.incoming-modal{width:min(320px,90vw);background:#23262b;border:1px solid #2f343c;border-radius:18px;padding:24px 20px 20px;box-shadow:0 18px 50px #00000073;text-align:center;animation:pulseIn .35s ease-out}.incoming-avatar{width:72px;height:72px;border-radius:50%;margin:0 auto 12px;background:#2f78ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}.incoming-user{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px;word-break:break-word}.incoming-subtitle{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#9aa0a6;margin-bottom:16px}.incoming-actions{display:flex;gap:10px;justify-content:center}.incoming-accept,.incoming-decline{flex:1;padding:10px 12px;border-radius:999px;font-size:12px;font-weight:700;border:none;cursor:pointer}@keyframes pulseIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}.incoming-accept{background:#43b581;color:#fff}.incoming-accept:hover{background:#3aa374}.incoming-decline{background:#f04747;color:#fff}.incoming-decline:hover{background:#d83c3e}@keyframes pulseIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.user-list{width:240px;background:#2f3136;border-left:1px solid #202225;display:flex;flex-direction:column;overflow:hidden}.user-list-header{padding:16px;border-bottom:1px solid #202225}.user-list-header h3{font-size:12px;color:#72767d;text-transform:uppercase;margin:0;font-weight:700;letter-spacing:.02em}.users{display:flex;flex-direction:column;gap:0;overflow-y:auto;flex:1}.user-item{display:flex;align-items:center;padding:8px 12px;border-radius:4px;background:transparent;font-size:13px;transition:background .15s;cursor:pointer;border:none}.user-item:hover{background:#ffffff14}.user-item-content{display:flex;align-items:center;gap:10px;flex:1}.user-item-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.user-item-name{color:#dcddde;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-call-btn{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#5865f2;border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;padding:0}.user-call-btn:hover{background:#4752c4}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.voice-call{background:#40444b;padding:12px;border-bottom:1px solid #202225;border-radius:4px;margin-bottom:12px}.call-header{margin-bottom:10px}.call-header h3{margin:0;color:#fff;font-size:13px;font-weight:600}.call-status{display:flex;flex-direction:column;gap:6px;margin:10px 0;font-size:11px}.status-item{padding:4px 8px;background:#5865f226;border-radius:3px;color:#5865f2;text-align:center}.status-small{font-size:10px;position:relative;display:flex;flex-direction:column;gap:2px;color:#9aa0a6}.meter{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden;margin-top:6px}.meter-fill{height:100%;background:linear-gradient(90deg,#43b581,#f0b232 60%,#f04747);transition:width .1s ease-out}.end-call-btn{width:100%;padding:6px 12px;background:#f04747;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px;font-weight:600;transition:background .2s;margin-top:8px}.end-call-btn:hover{background:#d83c3e}.chat-panel{display:flex;flex-direction:column;flex:1;overflow:hidden;background:#36393f}.messages-container{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:4px}.message{max-width:100%;word-wrap:break-word;padding:8px 0;display:flex;gap:12px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.own,.message.other{align-self:flex-start}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;flex-shrink:0;margin-top:2px}.avatar.avatar-image{display:block;padding:0;overflow:hidden;object-fit:cover}.message-content{flex:1;display:flex;flex-direction:column;gap:4px}.message-header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.message-user{font-size:15px;font-weight:600;color:#fff;white-space:nowrap}.message-time{font-size:12px;color:#72767d;white-space:nowrap}.message-text{font-size:14px;line-height:1.4;color:#dcddde;word-break:break-word}.message.own .message-text{color:#dcddde}.input-container{display:flex;gap:8px;padding:16px 20px;background:#36393f}.input-container input{flex:1;padding:10px 14px;background:#40444b;border:1px solid #202225;border-radius:20px;color:#dcddde;font-size:14px;transition:border-color .2s,box-shadow .2s}.input-container input::placeholder{color:#72767d}.input-container input:focus{outline:none;border-color:#5865f2;box-shadow:inset 0 0 0 2px #5865f233}.input-container button{padding:10px 16px;background:#5865f2;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s;white-space:nowrap}.input-container button:hover{background:#4752c4}.join-container{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.join-box{background:#fff;padding:48px;border-radius:12px;box-shadow:0 20px 60px #0000004d;text-align:center;min-width:320px}.join-box h1{margin:0 0 32px;color:#333;font-size:36px;font-weight:700;letter-spacing:-.5px}.auth-subtitle{margin:-16px 0 20px;color:#666;font-size:14px}.auth-tabs{display:flex;gap:8px;margin-bottom:16px}.auth-tabs button{flex:1;padding:8px 10px;background:#f1f1f5;border:1px solid #ddd;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;color:#444}.auth-tabs button.active{background:#667eea;color:#fff;border-color:#667eea}.auth-error{background:#ffe5e5;color:#b00020;border:1px solid #f5bcbc;border-radius:6px;padding:8px 10px;font-size:12px;margin:4px 0 12px}.join-box input{width:100%;padding:14px 16px;margin-bottom:16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.join-box input::placeholder{color:#999}.join-box input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.join-box button{width:100%;padding:14px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.join-box button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea4d}.join-box .auth-secondary{background:transparent;border:1px solid #d6d6e1;color:#555;margin-top:10px}.join-box .auth-secondary:hover{transform:translateY(-1px);box-shadow:none;background:#f3f4f8}.user-profile{background:none;border-radius:50%;padding:0;margin-bottom:12px;border-left:none;position:relative;width:48px;height:48px}.profile-container{display:flex;align-items:center;justify-content:center;gap:0;cursor:pointer;position:relative;width:100%;height:100%}.profile-avatar-wrapper{flex-shrink:0;width:48px;height:48px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;color:#dcddde;font-size:18px;cursor:pointer;transition:border-radius .2s,opacity .2s;border:2px solid #36393f}.profile-avatar-wrapper:hover{border-radius:40%;opacity:.9}.profile-picture{width:100%;height:100%;object-fit:cover}.profile-avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.profile-info,.profile-username,.profile-status,.profile-settings-btn{display:none}.profile-settings-menu{position:fixed;bottom:100px;left:12px;right:auto;width:200px;background:#23262b;border:1px solid #1a1d20;border-radius:6px;box-shadow:0 8px 16px #0006;margin-bottom:8px;overflow:hidden;z-index:1000}.profile-settings-item{width:100%;padding:10px 12px;background:none;border:none;color:#dcddde;text-align:left;cursor:pointer;font-size:12px;transition:background .15s;white-space:nowrap}.profile-settings-item:hover{background:#2f3136}.profile-settings-item.logout{color:#ff5252}.profile-settings-item.logout:hover{background:#5f2f2f}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.settings-overlay.closing{animation:fadeOut .3s ease-in forwards}.settings-modal{width:90vw;max-width:960px;height:85vh;background:#36393f;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 40px #0009;animation:slideUp .3s ease-out}.settings-overlay.closing .settings-modal{animation:slideDown .3s ease-in forwards}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #1a1d20;background:#2c2f33}.settings-header h1{margin:0;font-size:24px;font-weight:700;color:#fff}.settings-close{background:none;border:none;color:#72767d;font-size:28px;cursor:pointer;transition:color .2s;padding:4px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:1;margin-left:auto;flex-shrink:0}.settings-close:hover{color:#fff}.settings-container{display:flex;flex:1;overflow:hidden}.settings-sidebar{width:220px;background:#2f3136;border-right:1px solid #1a1d20;overflow-y:auto;padding:16px 0}.settings-search{padding:0 12px 16px;position:relative}.settings-search input{width:100%;padding:8px 34px 8px 12px;background:#202225;border:1px solid #1a1d20;border-radius:4px;color:#dcddde;font-size:13px}.settings-search input::placeholder{color:#72767d}.settings-search-clear{position:absolute;right:18px;top:calc(50% - 8px);transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:none;background:#3b3f46;color:#dcddde;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.settings-search-clear:hover{background:#4a5058;color:#fff}.settings-section{margin:16px 0}.settings-section-title{padding:0 12px 8px;font-size:11px;font-weight:700;text-transform:uppercase;color:#72767d;letter-spacing:.02em}.settings-item{width:100%;padding:10px 12px;background:none;border:none;color:#b5bac1;text-align:left;cursor:pointer;font-size:14px;transition:color .15s,background .15s;margin:0 8px 4px;width:calc(100% - 16px);border-radius:4px}.settings-item:hover{background:#35393f;color:#dbdee1}.settings-item.active{background:#5865f2;color:#fff}.settings-no-results{padding:10px 12px;color:#9aa0a6;font-size:12px}.settings-content{flex:1;overflow-y:auto;padding:24px;background:#36393f}.settings-my-account h2{margin:0 0 24px;font-size:20px;font-weight:700;color:#fff}.settings-my-account h3{margin:0 0 16px;font-size:16px;font-weight:700;color:#fff}.settings-my-account h3 .settings-empty-state{padding:14px 16px;background:#2b2f35;border:1px solid #3a3f46;border-radius:8px;color:#b9bec4;font-size:13px;margin:20px 0 16px;text-align:center}.settings-message{padding:12px 16px;border-radius:4px;margin-bottom:16px;font-size:13px}.settings-message.success{background:#2d5016;color:#43b581;border:1px solid #43b581}.settings-message.error{background:#4d1f1a;color:#f04747;border:1px solid #f04747}.settings-section-box{background:#2f3136;border:1px solid #202225;border-radius:4px;padding:16px;margin-bottom:16px}.settings-profile-pic-section{display:flex;align-items:center;gap:16px}.settings-profile-pic-wrapper{flex-shrink:0}.settings-profile-pic{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #5865f2}.settings-profile-pic-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;border:3px solid #5865f2}.settings-profile-pic-info{flex:1}.settings-profile-pic-label{font-size:14px;font-weight:700;color:#fff;margin-bottom:8px}.settings-upload-btn{display:inline-block;padding:8px 16px;background:#5865f2;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.settings-upload-btn:hover{background:#4752c4}.settings-field{display:flex;flex-direction:column;gap:8px}.settings-field label{font-size:12px;font-weight:700;text-transform:uppercase;color:#b5bac1;letter-spacing:.02em}.settings-field-value{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#36393f;border:1px solid #202225;border-radius:4px}.settings-field-value span{color:#dcddde;font-size:14px}.settings-field-value button{padding:6px 12px;background:#5865f2;color:#fff;border:none;border-radius:3px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.settings-field-value button:hover{background:#4752c4}.settings-edit-mode{display:flex;gap:8px}.settings-edit-mode input{flex:1;padding:10px 12px;background:#36393f;border:1px solid #5865f2;border-radius:4px;color:#dcddde;font-size:14px}.settings-edit-mode button{padding:8px 16px;background:#5865f2;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.settings-edit-mode button:last-child{background:#3f444e}.settings-edit-mode button:hover:not(:disabled){background:#4752c4}.settings-edit-mode button:disabled{opacity:.5;cursor:not-allowed}.settings-password-edit{display:flex;flex-direction:column;gap:12px}.settings-password-field{display:flex;flex-direction:column;gap:6px}.settings-password-field label{font-size:12px;font-weight:700;text-transform:uppercase;color:#b5bac1;letter-spacing:.02em}.settings-password-field input{padding:10px 12px;background:#36393f;border:1px solid #202225;border-radius:4px;color:#dcddde;font-size:14px}.settings-password-actions{display:flex;gap:8px;margin-top:8px}.btn-primary{flex:1;padding:10px 16px;background:#5865f2;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:#4752c4}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{flex:1;padding:10px 16px;background:#3f444e;color:#dcddde;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#4a5058}.settings-change-password-btn{padding:8px 16px;background:#5865f2;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.settings-change-password-btn:hover{background:#4752c4}.settings-2fa{margin-top:16px;padding-top:16px;border-top:1px solid #2a2d33}.settings-2fa-header h4{margin:0;font-size:14px;font-weight:600}.settings-2fa-subtitle{margin:4px 0 0;font-size:12px;color:#b5bac1}.settings-2fa-body{margin-top:12px}.settings-2fa-secret{background:#1e2026;border:1px solid #2c3038;border-radius:8px;padding:10px 12px;margin-bottom:12px}.settings-2fa-secret-label{font-size:11px;color:#8f96a3;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.settings-2fa-secret-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;color:#e2e5ea;letter-spacing:.08em}.settings-2fa-otpauth{margin-top:6px;font-size:11px;color:#8f96a3;word-break:break-all}.settings-2fa-codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0 16px}.settings-2fa-codes span{background:#1f2228;border:1px solid #2c3038;border-radius:8px;padding:6px 8px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;letter-spacing:.06em}.dm-panel{width:240px;background:#2f3136;border-right:1px solid #202225;display:flex;flex-direction:column;overflow:hidden}.dm-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #202225;background:#2f3136}.dm-header h2{margin:0;font-size:16px;font-weight:700;color:#fff}.dm-close{background:none;border:none;color:#72767d;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.dm-close:hover{color:#fff}.dm-list{flex:1;overflow-y:auto;padding:8px 0}.dm-empty{padding:20px 16px;text-align:center;color:#72767d;font-size:13px}.dm-user{display:flex;align-items:center;padding:12px 16px;gap:12px;cursor:pointer;transition:background .15s;border-left:4px solid transparent}.dm-user:hover{background:#ffffff14}.dm-user.active{background:#5865f233;border-left-color:#5865f2}.dm-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;flex-shrink:0}.dm-user-info{flex:1;min-width:0}.dm-user-name{font-size:14px;font-weight:500;color:#dcddde;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-user-status{font-size:12px;color:#72767d;margin-top:4px}.dm-user-status.online{color:#43b581}.dm-user-status.offline{color:#72767d}.dm-user-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0;cursor:pointer}.dm-call-btn{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#5865f2;border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;padding:0;margin-left:8px}.dm-call-btn:hover{background:#4752c4}.chat-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #202225;background:#2c2f33;flex-shrink:0}.back-btn{background:none;border:none;color:#dcddde;font-size:20px;cursor:pointer;padding:4px 8px;transition:color .2s}.back-btn:hover{color:#fff}.chat-header-title{display:flex;flex-direction:column;gap:2px}.chat-header-name{font-size:14px;font-weight:600;color:#fff}.chat-header-subtitle{font-size:12px;color:#72767d}.guild-header{background:#36393f}.guild-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:18px;flex-shrink:0}.channel-hash{font-size:24px;font-weight:600;color:#8e9297;flex-shrink:0}.channel-panel{width:240px;background:#2f3136;border-right:1px solid #202225;display:flex;flex-direction:column;overflow:hidden}.channel-header{padding:16px;border-bottom:1px solid #202225;background:#2f3136}.guild-name{font-size:15px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.02em}.channels-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.channel-item{display:flex;align-items:center;padding:6px 8px;border-radius:4px;background:transparent;border:none;cursor:pointer;transition:background .15s,color .15s;font-size:15px;color:#96989d;gap:6px;text-align:left}.channel-item:hover{background:#393c43;color:#dcddde}.channel-item.active{background:#404249;color:#fff}.channel-icon{font-size:18px;font-weight:600;color:#8e9297;flex-shrink:0}.channel-item.active .channel-icon{color:#fff}.channel-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.channel-context-menu{position:fixed;min-width:200px;padding:10px;background:#1b1e23;border:1px solid #2b3038;border-radius:12px;box-shadow:0 16px 34px #0006;z-index:1000;display:flex;flex-direction:column;gap:8px;animation:menuPop .12s ease-out;transform-origin:top left}.channel-context-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#8a9099}.channel-context-input{width:100%;padding:8px 10px;background:#232730;border:1px solid #323743;border-radius:10px;color:#e6e7ea;font-size:13px}.channel-context-input:focus{outline:none;border-color:#5865f2;box-shadow:inset 0 0 0 2px #5865f233}.channel-context-actions{display:flex;justify-content:flex-end;gap:8px}.channel-context-button{padding:6px 12px;background:#5865f2;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.channel-context-button.ghost{background:#2a2f37;color:#c5c8ce}.channel-context-item{width:100%;text-align:left;padding:8px 10px;background:#232730;color:#e2e4e8;border:1px solid #323743;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.channel-context-item:hover{background:#2c313a;border-color:#3b4250}.channel-context-item:active{background:#262b33}@keyframes menuPop{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}