body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box}#root,body,html{height:100dvh;width:100vw;margin:0;padding:0;background-color:#313338;color:#dbdee1;font-family:"Inter","Segoe UI",Tahoma,sans-serif;overflow:hidden}::selection{background:#5865f2;background:var(--accent-color,#5865f2);color:#fff}.app-wrapper{display:flex;flex-direction:column;height:100dvh;width:100vw;overflow:hidden;background-color:#1e1f22}.guest-banner{display:flex;align-items:center;justify-content:center;background-color:#f0b232;color:#000;font-size:13px;font-weight:700;padding:8px;flex-shrink:0;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1000;letter-spacing:.5px}.discord-layout{display:flex;width:100%;flex-grow:1;position:relative;overflow:hidden;background-color:#313338}button{cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);border-radius:4px;font-weight:600;border:none;font-family:inherit;font-size:14px}button:active{transform:scale(.95)!important}.signin-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:radial-gradient(circle at center,#2b2d31 0,#1e1f22 100%);padding:20px}.auth-box{background:#313338;padding:32px;border-radius:12px;width:420px;max-width:100%;box-shadow:0 16px 32px rgba(0,0,0,.5);position:relative;border:1px solid hsla(0,0%,100%,.05);-webkit-animation:modalPop .4s cubic-bezier(.2,.8,.2,1);animation:modalPop .4s cubic-bezier(.2,.8,.2,1)}.auth-box,.auth-input-group{display:flex;flex-direction:column}.auth-input-group{grid-gap:6px;gap:6px;margin-bottom:16px}.auth-input{background:#1e1f22;border:1px solid hsla(0,0%,100%,.05);padding:14px;border-radius:6px;color:#dbdee1;outline:none;width:100%;font-size:15px;transition:all .3s ease;font-family:inherit;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.auth-input:focus{border-color:#5865f2;border-color:var(--accent-color,#5865f2);box-shadow:0 0 0 2px rgba(88,101,242,.2),inset 0 2px 4px rgba(0,0,0,.2)}.auth-label{color:#b5bac1;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.5px}.auth-btn{background:#5865f2;background:var(--accent-color,#5865f2);color:#fff;padding:14px;font-size:15px;border-radius:6px;margin-top:8px;width:100%;font-weight:700}.auth-btn:hover{-webkit-filter:brightness(1.15);filter:brightness(1.15);box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-1px)}.sidebar{width:72px;background-color:#1e1f22;display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px;z-index:101;flex-shrink:0;overflow-y:auto;padding-bottom:20px}.sidebar::-webkit-scrollbar{display:none}.server-icon-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:72px;height:48px}.server-icon-wrapper:before{content:"";position:absolute;left:0;width:4px;height:0;background:#fff;border-radius:0 4px 4px 0;transition:height .2s ease,margin-top .2s ease;margin-top:24px}.server-icon-wrapper:hover:before{height:20px;margin-top:0}.server-icon-wrapper.active:before{height:40px;margin-top:0}.server-icon{width:48px;height:48px;min-height:48px;border-radius:24px;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:18px;color:#dbdee1;background-color:#313338;transition:all .3s cubic-bezier(.2,.8,.2,1);cursor:pointer;flex-shrink:0;background-size:cover;background-position:50%;text-transform:uppercase;box-shadow:0 2px 8px rgba(0,0,0,.2);overflow:hidden}.server-icon:hover{box-shadow:0 8px 16px rgba(0,0,0,.3)}.server-icon.active,.server-icon:hover{border-radius:16px;background-color:#5865f2;background-color:var(--accent-color,#5865f2);color:#fff}.server-add-btn{background-color:#313338;color:#23a559;font-size:28px;font-weight:300}.server-add-btn:hover{background-color:#23a559;color:#fff}.server-join-btn{background-color:#313338;color:#00a8fc;font-size:12px;font-weight:700}.server-join-btn:hover{background-color:#00a8fc;color:#fff}.divider{height:2px;width:32px;background:#35373c;border-radius:1px;margin:4px 0;flex-shrink:0}.server-actions{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:none;flex-direction:row;justify-content:center;align-items:center;grid-gap:6px;gap:6px;border-radius:inherit;z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-animation:fadeIn .2s ease;animation:fadeIn .2s ease}.action-btn,.server-icon:hover .server-actions{display:flex}.action-btn{width:24px;height:24px;border-radius:50%;font-size:11px;color:#fff;align-items:center;justify-content:center;background:#4e5058;box-shadow:0 4px 8px rgba(0,0,0,.4)}.action-btn:hover{transform:scale(1.15)!important;-webkit-filter:brightness(1.2);filter:brightness(1.2)}.channels{width:240px;background-color:#2b2d31;display:flex;flex-direction:column;z-index:100;flex-shrink:0;transition:width .3s cubic-bezier(.2,.8,.2,1),transform .3s;border-top-left-radius:12px;overflow:hidden;height:100%;box-shadow:2px 0 10px rgba(0,0,0,.1)}.channels.closed{width:0}.channels-header{padding:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 2px rgba(0,0,0,.2);width:240px;flex-shrink:0;position:relative;height:50px;border-bottom:1px solid rgba(0,0,0,.2);background-size:cover;background-position:50%;transition:.2s;cursor:pointer}.channels-header:hover{background-color:hsla(0,0%,100%,.02)}.channels-header-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.4));z-index:0}.channels-header h3{margin:0;font-size:15px;font-weight:700;color:#f2f3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1;letter-spacing:.5px}.add-btn{background:none;color:#b5bac1;font-size:22px;padding:0;z-index:1;font-weight:300;transition:.2s}.add-btn:hover{color:#f2f3f5;transform:scale(1.2)!important}.channel-list{flex-grow:1;overflow-y:auto;padding:12px 0;width:240px}.channel-list::-webkit-scrollbar{width:4px}.channel-list::-webkit-scrollbar-thumb{background-color:#1e1f22;border-radius:4px}.channel{padding:8px 10px;margin:2px 8px;border-radius:6px;cursor:pointer;color:#949ba4;font-weight:500;display:flex;align-items:center;justify-content:space-between;transition:all .15s ease}.channel:hover{background-color:#35373c;color:#dbdee1}.channel.active{background-color:rgba(88,101,242,.1);color:#fff}.channel-name{display:flex;align-items:center;white-space:nowrap;font-size:15px}.hash-icon{font-size:18px;margin-right:6px;color:#80848e;font-weight:400}.del-btn{background:none;color:#da373c;padding:4px;font-size:12px;opacity:0;transition:.2s;border-radius:4px}.del-btn:hover{background:rgba(218,55,60,.2)}.channel:hover .del-btn{opacity:1}.user-panel{background-color:#232428;padding:0 8px;justify-content:space-between;width:240px;flex-shrink:0;height:56px;margin-top:auto;border-top:1px solid rgba(0,0,0,.2)}.user-panel,.user-panel-info{display:flex;align-items:center}.user-panel-info{grid-gap:10px;gap:10px;cursor:pointer;padding:6px 8px;border-radius:6px;flex-grow:1;overflow:hidden;transition:.2s}.user-panel-info:hover{background-color:hsla(0,0%,100%,.05)}.avatar-container{position:relative;display:flex;flex-shrink:0}.avatar-container img{width:34px;height:34px;min-width:34px;border-radius:50%!important;object-fit:cover;box-shadow:0 2px 4px rgba(0,0,0,.2)}.status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #232428;background-color:#23a559}.status-offline{background-color:#80848e}.user-panel-info div{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.user-panel-info strong{font-size:13px;color:#f2f3f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;font-weight:700}.settings-btn{background:none;color:#b5bac1;font-size:18px;padding:8px;border-radius:6px;display:flex;justify-content:center;align-items:center;flex-shrink:0;transition:.2s}.settings-btn:hover{color:#dbdee1;background-color:hsla(0,0%,100%,.1);transform:rotate(15deg)}.chat-container{flex-grow:1;flex-direction:column;min-width:0;z-index:10;height:100%;position:relative}.chat-container,header{display:flex;background-color:#313338}header{height:50px;align-items:center;padding:0 16px;border-bottom:1px solid #2b2d31;justify-content:space-between;flex-shrink:0;box-shadow:0 1px 2px rgba(0,0,0,.1);z-index:2}.mobile-nav-toggle{display:none;background:transparent;color:#b5bac1;font-size:24px;padding:4px 12px 4px 0}.header-title{font-weight:700;font-size:16px;color:#fff}.header-left,.header-title{display:flex;align-items:center}.header-left{grid-gap:8px;gap:8px}.member-toggle{background:none;color:#b5bac1;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:6px;transition:.2s}.member-toggle:hover{color:#dbdee1;background-color:hsla(0,0%,100%,.05)}main{flex-grow:1;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;scroll-behavior:smooth}main::-webkit-scrollbar{width:8px}main::-webkit-scrollbar-thumb{background-color:#1a1b1e;border-radius:4px}main::-webkit-scrollbar-track{background-color:#2b2d31}.empty-state{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#80848e;text-align:center;-webkit-animation:fadeIn .5s ease;animation:fadeIn .5s ease;padding:20px}.empty-state svg{width:120px;height:120px;margin-bottom:20px;opacity:.5;color:#5865f2;-webkit-filter:drop-shadow(0 8px 16px rgba(88,101,242,.2));filter:drop-shadow(0 8px 16px rgba(88,101,242,.2))}.empty-state h2{color:#f2f3f5;margin:0 0 8px;font-size:24px}.empty-state p{margin:0;font-size:15px;max-width:300px;line-height:1.5}@-webkit-keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message{display:flex;padding:6px 16px 6px 72px;margin-top:16px;position:relative;-webkit-animation:slideUpFade .2s cubic-bezier(.2,.8,.2,1);animation:slideUpFade .2s cubic-bezier(.2,.8,.2,1);transition:background-color .15s ease;border-radius:0}.message:hover{background-color:#2e3035}.message-avatar{width:44px;height:44px;min-width:44px;border-radius:50%!important;position:absolute;left:16px;top:4px;object-fit:cover;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.15);transition:.2s}.message-avatar:hover{transform:scale(1.05)}.message-content{flex-grow:1;min-width:0}.msg-author-row{display:flex;align-items:baseline;grid-gap:8px;gap:8px;margin-bottom:4px}.msg-author{font-weight:600;font-size:16px;cursor:pointer;color:#f2f3f5;letter-spacing:.2px}.msg-author:hover{text-decoration:underline}.msg-timestamp{font-size:11px;color:#80848e;font-weight:500}.message-content p{margin:0;line-height:1.45rem;word-break:break-word;color:#dbdee1;font-size:15px}.msg-img{max-width:100%;max-height:350px;border-radius:8px;margin-top:8px;object-fit:contain;cursor:zoom-in;border:1px solid hsla(0,0%,100%,.05);transition:.2s;box-shadow:0 4px 8px rgba(0,0,0,.1)}.msg-img:hover{-webkit-filter:brightness(1.05);filter:brightness(1.05)}.msg-file{display:inline-flex;background:#2b2d31;padding:12px 16px;border-radius:6px;margin-top:8px;color:#00a8fc;text-decoration:none;border:1px solid #1e1f22;font-size:14px;font-weight:600;align-items:center;grid-gap:8px;gap:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:.2s}.msg-file:hover{background:#35373c;transform:translateY(-1px)}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.msg-hover-actions{display:none;position:absolute;right:16px;top:-16px;background:rgba(43,45,49,.85);border:1px solid #1e1f22;border-radius:6px;padding:2px;grid-gap:2px;gap:2px;box-shadow:0 4px 8px rgba(0,0,0,.3);z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-animation:fadeIn .1s ease;animation:fadeIn .1s ease}.message:hover .msg-hover-actions{display:flex}.react-btn{background:transparent;padding:4px 6px;font-size:16px;border-radius:4px}.react-btn:hover{background:hsla(0,0%,100%,.1);transform:scale(1.1)!important}.reactions-display{display:flex;grid-gap:4px;gap:4px;margin-top:8px;flex-wrap:wrap}.reaction-pill{display:flex;align-items:center;grid-gap:6px;gap:6px;background:#2b2d31;border:1px solid #1e1f22;border-radius:6px;padding:4px 8px;font-size:13px;cursor:pointer;font-weight:600;color:#b5bac1;transition:.15s}.reaction-pill:hover{background:#35373c;border-color:#404249}.reaction-pill.reacted{background:rgba(88,101,242,.15);border-color:#5865f2;border-color:var(--accent-color,#5865f2);color:#5865f2;color:var(--accent-color,#5865f2)}.form-wrapper{padding:0 16px calc(24px + env(safe-area-inset-bottom));position:relative;flex-shrink:0;background-color:#313338}form{display:flex;align-items:center;background-color:#383a40;border-radius:8px;padding:0 16px 0 12px;min-height:48px;margin-top:8px;transition:all .2s ease;border:1px solid transparent}form:focus-within{background-color:#404249;border-color:hsla(0,0%,100%,.05);box-shadow:0 4px 12px rgba(0,0,0,.1)}form input[type=text]{flex-grow:1;background:transparent;border:none;color:#dbdee1;font-size:15px;outline:none;height:48px;padding:0 12px;font-family:inherit}form input[type=text]::-webkit-input-placeholder{color:#80848e}form input[type=text]:-ms-input-placeholder{color:#80848e}form input[type=text]::-ms-input-placeholder{color:#80848e}form input[type=text]::placeholder{color:#80848e}.upload-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#b5bac1;color:#383a40;font-size:20px;cursor:pointer;transition:.2s;padding:0;margin:0;font-weight:900;line-height:1;box-shadow:0 2px 4px rgba(0,0,0,.2)}.upload-btn:hover{background-color:#dbdee1;transform:scale(1.1)!important}.file-preview{background:#2b2d31;padding:12px;border-radius:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:absolute;bottom:85px;left:16px;display:flex;align-items:center;grid-gap:12px;gap:12px;border:1px solid #1e1f22;box-shadow:0 8px 16px rgba(0,0,0,.3);z-index:10;-webkit-animation:slideUpFade .2s cubic-bezier(.2,.8,.2,1);animation:slideUpFade .2s cubic-bezier(.2,.8,.2,1)}.file-preview img{max-height:70px;border-radius:6px;object-fit:contain}.file-preview button{position:absolute;top:-8px;right:-8px;background:#da373c;color:#fff;border-radius:50%;width:24px;height:24px;font-size:12px;box-shadow:0 2px 4px rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center}.member-list{width:240px;background-color:#2b2d31;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;transition:width .3s cubic-bezier(.2,.8,.2,1);height:100%;border-left:1px solid #1e1f22}.member-list.hidden{width:0;overflow:hidden;border:none}.member-list::-webkit-scrollbar{width:4px}.member-list::-webkit-scrollbar-thumb{background-color:#1a1b1e;border-radius:4px}.member-group-title{padding:24px 16px 8px;margin:0;font-size:12px;text-transform:uppercase;color:#949ba4;font-weight:700;white-space:nowrap;letter-spacing:.5px}.member-item{display:flex;align-items:center;padding:6px 8px;margin:2px 8px;border-radius:4px;cursor:pointer;grid-gap:12px;gap:12px;transition:.15s}.member-item:hover{background-color:#35373c}.member-item img{width:36px;height:36px;min-width:36px;border-radius:50%!important;object-fit:cover;aspect-ratio:1/1;box-shadow:0 2px 4px rgba(0,0,0,.1)}.member-item span{color:#949ba4;font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay{background:rgba(0,0,0,.85);z-index:1000;display:flex;justify-content:center;align-items:center;-webkit-animation:fadeIn .2s ease-out;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-overlay,.overlay{position:fixed;top:0;left:0;right:0;bottom:0}.mobile-overlay{background:rgba(0,0,0,.7);z-index:99;display:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-animation:fadeIn .2s ease;animation:fadeIn .2s ease}.lightbox-img{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 40px rgba(0,0,0,.8);-webkit-animation:modalPop .3s cubic-bezier(.2,.8,.2,1);animation:modalPop .3s cubic-bezier(.2,.8,.2,1)}@-webkit-keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-box{background:#313338;padding:24px;border-radius:12px;width:480px;max-width:90%;box-shadow:0 16px 32px rgba(0,0,0,.6);display:flex;flex-direction:column;grid-gap:16px;gap:16px;position:relative;max-height:90vh;overflow-y:auto;-webkit-animation:modalPop .3s cubic-bezier(.2,.8,.2,1);animation:modalPop .3s cubic-bezier(.2,.8,.2,1);border:1px solid hsla(0,0%,100%,.05)}.modal-box::-webkit-scrollbar{display:none}.modal-box input,.modal-box textarea{background:#1e1f22;border:none;padding:14px 16px;border-radius:6px;color:#dbdee1;outline:none;width:100%;box-sizing:border-box;font-family:inherit;font-size:15px;transition:all .2s;border:1px solid hsla(0,0%,100%,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.modal-box input:focus,.modal-box textarea:focus{border:1px solid #5865f2;border:1px solid var(--accent-color,#5865f2);box-shadow:0 0 0 2px rgba(88,101,242,.2),inset 0 2px 4px rgba(0,0,0,.2)}.modal-box label{color:#b5bac1;font-size:12px;text-transform:uppercase;font-weight:800;margin-bottom:-10px;display:block;letter-spacing:.5px}.b64-upload-btn{background:#4e5058;color:#fff;padding:10px 16px;border-radius:6px;display:inline-block;cursor:pointer;font-size:13px;text-align:center;font-weight:700;transition:.2s;border:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;box-shadow:0 4px 6px rgba(0,0,0,.2)}.b64-upload-btn:hover{background:#6d6f78;transform:translateY(-1px);box-shadow:0 6px 10px rgba(0,0,0,.3)}.profile-banner{height:120px;border-top-left-radius:12px;border-top-right-radius:12px;margin:-24px -24px 0;position:relative;background-size:cover;background-position:50%;background-color:#1e1f22}.profile-avatar{width:100px;height:100px;border-radius:50%!important;border:8px solid #313338;position:absolute;bottom:-50px;left:16px;object-fit:cover;aspect-ratio:1/1;background:#313338}.save-btn{color:#fff;padding:12px 20px;font-size:14px;font-weight:600;border-radius:6px}.ban-list-item{display:flex;justify-content:space-between;align-items:center;background:#2b2d31;padding:12px 16px;border-radius:8px;margin-bottom:8px;border:1px solid hsla(0,0%,100%,.05);transition:.2s}.ban-list-item:hover{background:#35373c}.ban-btn{background:#da373c}.ban-btn,.unban-btn{padding:8px 16px;font-size:12px;color:#fff;border-radius:4px}.unban-btn{background:#23a559}.admin-server-item{display:flex;justify-content:space-between;align-items:center;background:#2b2d31;padding:12px 16px;border-radius:8px;margin-bottom:8px;border:1px solid hsla(0,0%,100%,.05)}.settings-layout{display:flex;width:100%;max-width:1000px;height:100%}.settings-sidebar{width:30%;background:#2b2d31;padding:60px 20px 20px;align-items:flex-end}.settings-nav,.settings-sidebar{display:flex;flex-direction:column}.settings-nav{width:220px;grid-gap:4px;gap:4px}.settings-nav h4{color:#80848e;font-size:12px;text-transform:uppercase;margin:0 0 8px 10px;font-weight:800;letter-spacing:.5px}.settings-tab{padding:10px 12px;color:#b5bac1;border-radius:6px;cursor:pointer;font-weight:600;font-size:15px;transition:.15s;margin-bottom:2px}.settings-tab.active{background-color:#404249;color:#fff}.settings-tab:hover:not(.active){background-color:#35373c;color:#dbdee1}.settings-divider{height:1px;background-color:#3f4147;margin:10px}.settings-content{width:70%;background:#313338;padding:60px 40px;display:flex;flex-direction:column;position:relative;overflow-y:auto}.close-settings{position:absolute;top:40px;right:40px;background:none;color:#80848e;border:2px solid #80848e;border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;z-index:10;transition:.2s}.close-settings:hover{background:#dbdee1;color:#313338;border-color:#dbdee1;transform:rotate(90deg)!important}.settings-card{background:#2b2d31;border-radius:8px;padding:24px;display:flex;flex-direction:column;grid-gap:20px;gap:20px;margin-bottom:24px;border:1px solid hsla(0,0%,100%,.05)}@media (max-width:900px){.member-list{position:absolute;right:0;z-index:105;box-shadow:-8px 0 16px rgba(0,0,0,.4);transform:translateX(100%);width:260px;border-radius:0}.member-list.mobile-open{transform:translateX(0)}.mobile-overlay.open{display:block;z-index:104}}@media (max-width:768px){.channels{position:absolute;left:72px;transform:translateX(-150%);box-shadow:8px 0 16px rgba(0,0,0,.4);z-index:105;border-radius:0;width:280px}.channels.open{transform:translateX(0)}.channels.closed{width:280px}.mobile-nav-toggle{display:block}.settings-layout{flex-direction:column}.settings-sidebar{width:100%;padding:20px;align-items:center}.settings-nav{width:100%;flex-direction:row;justify-content:space-around;flex-wrap:wrap}.settings-content{width:100%;padding:20px}}.settings-card input,.settings-card textarea{background:#1e1f22;border:1px solid hsla(0,0%,100%,.05);padding:12px 16px;border-radius:6px;color:#dbdee1;outline:none;width:100%;box-sizing:border-box;font-family:inherit;font-size:15px;transition:all .2s ease;box-shadow:inset 0 2px 4px rgba(0,0,0,.2);margin-top:8px}.settings-card input:focus,.settings-card textarea:focus{border:1px solid #5865f2;border:1px solid var(--accent-color,#5865f2);box-shadow:0 0 0 2px rgba(88,101,242,.2),inset 0 2px 4px rgba(0,0,0,.2)}.settings-card label{color:#b5bac1;font-size:12px;text-transform:uppercase;font-weight:800;display:block;letter-spacing:.5px;margin-bottom:-4px;margin-top:12px}.quota-error-banner{display:flex;align-items:center;justify-content:center;background-color:#da373c;color:#fff;font-size:13px;font-weight:700;padding:10px;flex-shrink:0;box-shadow:0 4px 8px rgba(0,0,0,.3);z-index:2000;letter-spacing:.5px;text-align:center}.compact-mode .message{padding:2px 16px 2px 72px;margin-top:4px}.compact-mode .message-avatar{width:32px;height:32px;min-width:32px;top:2px}.compact-mode .msg-author-row{margin-bottom:0}.hacker-mode,.hacker-mode *{font-family:"Courier New",Courier,monospace!important;letter-spacing:-.5px}.hacker-mode .message-content p{color:#23a559!important}.layout-reverse{flex-direction:row-reverse!important}.layout-reverse .sidebar{border-left:1px solid #1e1f22;border-right:none}.layout-reverse .channels{border-top-left-radius:0;border-top-right-radius:12px;box-shadow:-2px 0 10px rgba(0,0,0,.1)}.layout-reverse .member-list{border-left:none;border-right:1px solid #1e1f22}.channel.active{background-color:hsla(0,0%,100%,.05);color:#5865f2;color:var(--accent-color,#5865f2);border-left:4px solid #5865f2;border-left:4px solid var(--accent-color,#5865f2);border-radius:0 4px 4px 0}.reaction-pill.reacted{border-color:#5865f2!important;border-color:var(--accent-color,#5865f2)!important;color:#5865f2!important;color:var(--accent-color,#5865f2)!important}.upload-btn:hover{background-color:#5865f2!important;background-color:var(--accent-color,#5865f2)!important;color:#fff!important}.auth-input:focus,.modal-box input:focus,.modal-box textarea:focus{border-color:#5865f2!important;border-color:var(--accent-color,#5865f2)!important}.settings-checkbox{width:18px!important;height:18px!important;cursor:pointer;accent-color:#5865f2;accent-color:var(--accent-color,#5865f2)}.ai-tooltip{font-size:12px;color:#949ba4;margin-bottom:6px;padding-left:8px;-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease;display:flex;align-items:center;grid-gap:6px;gap:6px}.ai-tooltip span{background:#2b2d31;padding:2px 6px;border-radius:4px;color:#5865f2;color:var(--accent-color,#5865f2);font-family:"JetBrains Mono",monospace;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.2)}.mention-menu{position:absolute;bottom:calc(100% - 10px);left:16px;background:#2b2d31;border:1px solid #1e1f22;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,.3);width:320px;max-height:250px;overflow-y:auto;z-index:100;display:flex;flex-direction:column;-webkit-animation:slideUpFade .2s ease;animation:slideUpFade .2s ease}.mention-menu::-webkit-scrollbar{width:4px}.mention-menu::-webkit-scrollbar-thumb{background-color:#1a1b1e;border-radius:4px}.mention-category{padding:8px 12px 4px;font-size:11px;font-weight:800;color:#949ba4;background:#1e1f22;text-transform:uppercase;letter-spacing:.5px}.mention-item{padding:8px 12px;display:flex;align-items:center;grid-gap:10px;gap:10px;cursor:pointer;color:#dbdee1;font-size:14px;transition:.15s}.mention-item:hover{background:#35373c}.mention-item img{width:24px;height:24px;min-width:24px;border-radius:50%;object-fit:cover;box-shadow:0 2px 4px rgba(0,0,0,.2)}.video-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1e1f22;z-index:3000;display:flex;flex-direction:column;-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease}.video-grid{flex:1 1;display:flex;position:relative;justify-content:center;align-items:center;background:#000;overflow:hidden}.remote-video{width:100%;height:100%;object-fit:cover}.local-video{position:absolute;bottom:20px;right:20px;width:120px;height:160px;object-fit:cover;border-radius:8px;border:2px solid #5865f2;background:#2b2d31;z-index:10;box-shadow:0 8px 16px rgba(0,0,0,.5)}.call-controls{height:80px;background:#1e1f22;grid-gap:20px;gap:20px;border-top:1px solid hsla(0,0%,100%,.05)}.call-btn,.call-controls{display:flex;justify-content:center;align-items:center}.call-btn{width:50px;height:50px;border-radius:50%;border:none;font-size:24px;cursor:pointer;color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.3);transition:.2s}.call-btn.hangup{background:#da373c}.call-btn.hangup:hover{background:#a1282c;transform:scale(1.1)!important}.incoming-call-banner{background:#23a559;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:700;border-radius:8px;margin:16px;-webkit-animation:slideUpFade .3s ease;animation:slideUpFade .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.3)}
/*# sourceMappingURL=main.b4d34d15.chunk.css.map */