*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#36393f;color:#dcddde;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#2f3136}::-webkit-scrollbar-thumb{background:#202225;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#18191c}.auth-container{align-items:center;background:linear-gradient(135deg,#5865f2,#3c45a5);display:flex;height:100vh;justify-content:center}.auth-box{background:#36393f;border-radius:8px;box-shadow:0 8px 16px #0000003d;padding:32px;width:480px}.auth-header h1{color:#fff;font-size:24px;font-weight:600;margin-bottom:8px;text-align:center}.auth-header p{color:#b9bbbe;font-size:16px;margin-bottom:20px;text-align:center}.auth-form{margin-top:20px}.form-group input{padding:10px}.error-message{padding:8px}.auth-button{background:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background .2s;width:100%}.auth-button:hover:not(:disabled){background:#4752c4}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-footer{color:#b9bbbe;font-size:14px;margin-top:8px;text-align:left}.auth-footer a{color:#00aff4;text-decoration:none;transition:-webkit-text-decoration .1s;transition:text-decoration .1s;transition:text-decoration .1s,-webkit-text-decoration .1s}.auth-footer a:hover{text-decoration:underline}.server-list{background:#202225;overflow-y:auto;padding:12px 0;width:72px}.server-list,.server-list-scroll{align-items:center;display:flex;flex-direction:column}.server-list-scroll{gap:8px;width:100%}.server-icon{align-items:center;background:#36393f;border-radius:50%;color:#dcddde;cursor:pointer;display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;position:relative;transition:all .2s ease;width:48px}.server-icon.active,.server-icon:hover{background:#5865f2;border-radius:16px;color:#fff}.server-icon.active:before{background:#fff;border-radius:0 4px 4px 0;content:"";height:40px;left:-12px;position:absolute;width:4px}.server-icon.home{background:#5865f2;color:#fff}.server-icon.add-server{background:#36393f;color:#3ba55d;font-size:32px;font-weight:300}.server-icon.add-server:hover{background:#3ba55d;color:#fff}.server-separator{background:#36393f;border-radius:1px;height:2px;margin:4px 0;width:32px}.channel-list{background:#2f3136;display:flex;flex-direction:column;height:100vh;width:240px}.server-header{align-items:center;border-bottom:1px solid #0003;box-shadow:0 1px 0 #04040533,0 1.5px 0 #0606070d,0 2px 0 #0404050d;cursor:pointer;display:flex;height:48px;justify-content:space-between;padding:0 16px;transition:background .2s}.server-header:hover{background:#34373c}.server-name{color:#fff;font-size:16px;font-weight:600}.dropdown-icon{color:#dcddde;font-size:12px}.channels-container{flex:1 1;overflow-y:auto;padding:8px 0}.channel-category{margin-bottom:24px}.category-header{align-items:center;cursor:pointer;display:flex;padding:8px 8px 4px;-webkit-user-select:none;user-select:none}.category-icon{color:#8e9297;font-size:10px;margin-right:4px}.category-name{color:#8e9297;font-size:12px;font-weight:600;letter-spacing:.5px}.channel-item{align-items:center;border-radius:4px;color:#96989d;cursor:pointer;display:flex;margin:2px 8px;padding:6px 8px;position:relative;transition:background .2s}.channel-item:hover{background:#3a3c43;color:#dcddde}.channel-item.active{background:#404249;color:#fff}.channel-icon{font-size:18px;margin-right:8px;opacity:.6}.channel-item.active .channel-icon{opacity:1}.channel-name{flex:1 1;font-size:16px;font-weight:500}.unread-badge{background:#ed4245;border-radius:8px;color:#fff;font-size:11px;font-weight:700;height:18px;justify-content:center;margin-left:auto;min-width:18px;padding:2px 6px}.unread-badge,.user-panel{align-items:center;display:flex}.user-panel{background:#292b2f;height:52px;justify-content:space-between;padding:0 8px}.user-info{flex:1 1;gap:8px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#5865f2;border-radius:50%;color:#fff;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.user-details{flex:1 1}.user-name{color:#fff;font-size:14px;font-weight:600}.user-status{color:#b9bbbe;font-size:12px}.user-controls{display:flex;gap:4px}.control-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#b9bbbe;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background .2s;width:32px}.control-button:hover{background:#3a3c43;color:#dcddde}.voice-members-sidebar{margin:4px 0;padding-left:28px}.voice-member-sidebar-wrapper{margin-bottom:2px}.voice-member-sidebar{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:6px 8px;transition:background-color .2s}.voice-member-sidebar:hover{background-color:#3a3d44}.voice-member-sidebar.self{background-color:#5865f226;cursor:default}.voice-member-sidebar-avatar{align-items:center;background:linear-gradient(135deg,#7289da,#5b6eae);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.voice-member-sidebar-name{color:#dcddde;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-member-sidebar-controls{animation:slideDown .2s ease;background-color:#202225;border-radius:4px;margin:4px 8px 8px 36px;padding:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.voice-control-item{margin-bottom:8px}.voice-control-item label{color:#b9bbbe;display:block;font-size:11px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.volume-slider{-webkit-appearance:none;background:#4f545c;border-radius:2px;height:3px;outline:none;width:100%}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:10px;width:10px}.volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:10px;width:10px}.volume-label{color:#8e9297;display:block;font-size:10px;margin-top:3px;text-align:center}.voice-control-button{background-color:#4f545c;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px;transition:background-color .2s;width:100%}.voice-control-button:hover{background-color:#5d6269}.chat-area{background:#36393f;flex:1 1}.chat-area,.no-channel{display:flex;flex-direction:column}.no-channel{align-items:center;color:#b9bbbe;height:100%;justify-content:center}.no-channel h2{color:#fff;margin-bottom:8px}.chat-header{align-items:center;border-bottom:1px solid #0003;box-shadow:0 1px 0 #04040533,0 1.5px 0 #0606070d,0 2px 0 #0404050d;display:flex;height:48px;padding:0 16px}.channel-hash{color:#8e9297;font-size:24px;font-weight:600;margin-right:8px}.channel-title{color:#fff;font-size:16px;font-weight:600}.messages-container{flex:1 1;overflow:hidden}.messages-scroll{height:100%;overflow-y:auto;padding:16px 16px 0}.channel-welcome{margin-bottom:16px;padding:16px 0 8px 16px}.channel-icon-large{align-items:center;background:#2f3136;border-radius:50%;color:#fff;display:flex;font-size:36px;height:68px;justify-content:center;margin-bottom:8px;width:68px}.channel-welcome h3{color:#fff;font-size:32px;font-weight:700;margin-bottom:8px}.channel-welcome p{color:#b9bbbe;font-size:16px}.message{display:flex;margin-top:17px;padding:2px 16px 2px 72px;position:relative}.message.with-avatar{margin-top:17px;padding-left:16px}.message:hover{background:#04040512}.message-avatar{align-items:center;background:#5865f2;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;margin-right:16px;width:40px}.message-content-wrapper{flex:1 1;min-width:0}.message-header{align-items:baseline;display:flex;margin-bottom:2px}.message-username{color:#fff;font-size:16px;font-weight:500;margin-right:8px}.message-timestamp{color:#72767d;font-size:12px;font-weight:400}.message-text{word-wrap:break-word;color:#dcddde;font-size:16px;line-height:1.375}.message.compact{margin-top:0;padding-bottom:2px;padding-left:72px;padding-top:2px}.message-timestamp-compact{color:#72767d;font-size:11px;left:16px;line-height:22px;opacity:0;position:absolute;text-align:right;transition:opacity .1s;width:56px}.message.compact:hover .message-timestamp-compact{opacity:1}.message-text-compact{word-wrap:break-word;color:#dcddde;font-size:16px;line-height:1.375}.message-input-container{padding:0 16px 24px}.message-form{width:100%}.message-input{background:#40444b;border:none;border-radius:8px;color:#dcddde;font-size:16px;outline:none;padding:11px 16px;width:100%}.message-input::placeholder{color:#72767d}.message-link{color:#00aff4;text-decoration:none;word-break:break-all}.message-link:hover{text-decoration:underline}.link-preview{background:#2f3136;border-left:4px solid #5865f2;border-radius:4px;cursor:pointer;display:flex;margin-top:8px;max-width:520px;overflow:hidden;transition:background .2s}.link-preview:hover{background:#34373c}.link-preview.compact{margin-left:72px}.link-preview-image{flex-shrink:0;height:120px;object-fit:cover;width:120px}.link-preview-content{flex:1 1;min-width:0;padding:12px}.link-preview-title{color:#00aff4;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.link-preview-description,.link-preview-title{font-size:14px;margin-bottom:4px;overflow:hidden}.link-preview-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#dcddde;display:-webkit-box}.link-preview-url{color:#b9bbbe;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-list{background:#2f3136;display:flex;flex-direction:column;height:100vh;width:240px}.member-list-header{align-items:center;border-bottom:1px solid #0003;box-shadow:0 1px 0 #04040533,0 1.5px 0 #0606070d,0 2px 0 #0404050d;color:#b9bbbe;display:flex;font-size:12px;font-weight:600;height:48px;padding:0 16px;text-transform:uppercase}.members-scroll{flex:1 1;overflow-y:auto;padding:16px 0 16px 8px}.member-category{margin-bottom:24px}.member-category-header{color:#8e9297;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 8px 4px 16px}.member-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin:1px 8px;padding:4px 8px;transition:background .2s}.member-item:hover{background:#3a3c43}.member-item.offline{opacity:.5}.member-avatar{margin-right:12px;position:relative}.avatar-circle{align-items:center;background:#5865f2;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.status-indicator{border:3px solid #2f3136;border-radius:50%;bottom:-2px;height:12px;position:absolute;right:-2px;width:12px}.status-indicator.online{background:#3ba55d}.status-indicator.offline{background:#747f8d}.member-name{color:#b9bbbe;font-size:14px;font-weight:500}.server-setup{align-items:center;background:linear-gradient(135deg,#5865f2,#3c45a5);display:flex;height:100vh;justify-content:center;padding:20px}.server-setup-container{background:#36393f;border-radius:8px;box-shadow:0 8px 16px #0000003d;max-width:550px;padding:48px;position:relative;width:100%}.server-setup h1{color:#fff;font-size:28px;font-weight:600;margin-bottom:12px;text-align:center}.server-setup-container>p,.server-setup>div>p{color:#b9bbbe;font-size:16px;margin-bottom:32px;text-align:center}.server-setup-options{display:flex;flex-direction:column;gap:16px}.server-setup-button{align-items:center;background:#2f3136;border:2px solid #2f3136;border-radius:8px;cursor:pointer;display:flex;gap:20px;padding:24px;text-align:left;transition:all .2s}.server-setup-button:hover{background:#34373c;border-color:#5865f2}.server-setup-button .button-icon{font-size:48px;line-height:1;min-width:60px;text-align:center}.server-setup-button.create .button-icon{color:#3ba55d}.server-setup-button.join .button-icon{color:#5865f2}.server-setup-button .button-content h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:4px}.server-setup-button .button-content p{color:#b9bbbe;font-size:14px;margin:0;text-align:left}.back-button{background:#0000;border:none;color:#00aff4;cursor:pointer;font-size:16px;margin-bottom:20px;padding:8px 0;transition:opacity .2s}.back-button:hover{opacity:.8}.server-setup-form{margin-top:24px}.form-group{margin-bottom:20px}.form-group label{color:#b9bbbe;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-group input{background:#202225;border:1px solid #202225;border-radius:4px;color:#dcddde;font-size:16px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#5865f2;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#f047471a;border-radius:4px;color:#f04747;font-size:14px;margin-bottom:16px;padding:12px;text-align:center}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.primary-button,.secondary-button{border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.primary-button{background:#5865f2;color:#fff}.primary-button:hover:not(:disabled){background:#4752c4}.primary-button:disabled{cursor:not-allowed;opacity:.6}.secondary-button{background:#0000;color:#fff}.secondary-button:hover:not(:disabled){background:#ffffff1a}.available-servers-list{margin-top:24px;max-height:400px;min-height:100px;overflow-y:auto}.server-item{align-items:center;background:#2f3136;border-radius:8px;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px;min-height:70px;padding:16px;transition:background .2s}.server-item:hover{background:#34373c}.server-info{flex:1 1;min-width:0}.server-info h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-info p{color:#b9bbbe;font-size:14px;margin:0;text-align:left}.join-button{background:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:10px 24px;transition:background .2s;white-space:nowrap}.join-button:hover:not(:disabled){background:#4752c4}.join-button:disabled{cursor:not-allowed;opacity:.6}.no-servers{padding:48px 24px}.no-servers,.no-servers p{color:#b9bbbe;text-align:center}.no-servers p{font-size:16px;margin-bottom:12px}.no-servers .primary-button{margin-top:24px}.voice-channel{background-color:#36393f;display:flex;flex:1 1;flex-direction:column;height:100%}.voice-header{align-items:center;background-color:#2f3136;border-bottom:1px solid #0003;box-shadow:0 1px 0 #04040533,0 1.5px 0 #0606070d,0 2px 0 #0404050d;display:flex;height:48px;justify-content:space-between;padding:0 16px}.voice-header-left{align-items:center;display:flex;gap:8px}.voice-icon{font-size:20px}.voice-title{color:#fff;font-size:16px;font-weight:600}.voice-grid{grid-gap:16px;align-content:start;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));overflow-y:auto;padding:24px}.voice-card{align-items:center;aspect-ratio:16/9;background-color:#2f3136;border:3px solid #0000;border-radius:8px;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .2s}.voice-card.speaking{border-color:#3ba55d;box-shadow:0 0 20px #3ba55d80}.voice-card-avatar{align-items:center;background:linear-gradient(135deg,#7289da,#5b6eae);border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;width:80px}.voice-card-name{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;border-radius:4px;bottom:12px;color:#fff;font-size:14px;font-weight:600;left:12px;padding:6px 12px;position:absolute}.voice-video{height:100%;object-fit:cover;width:100%}.voice-controls{background-color:#2f3136;border-top:1px solid #202225;display:flex;gap:8px;justify-content:center;padding:16px}.voice-button{border:none;border-radius:4px;cursor:pointer;font-size:20px;min-width:50px;padding:12px 20px;transition:all .2s}.voice-button.join{background-color:#3ba55d;color:#fff;font-size:14px;font-weight:600;padding:10px 24px}.voice-button.join:hover{background-color:#2d7d46}.voice-button.mute,.voice-button.unmute{background-color:#4f545c}.voice-button.mute:hover,.voice-button.unmute:hover{background-color:#5d6269}.voice-button.active{background-color:#3ba55d}.voice-button.leave{background-color:#ed4245;color:#fff;font-size:14px;font-weight:600}.voice-button.leave:hover{background-color:#c03537}@media (max-width:1200px){.voice-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.voice-grid{grid-template-columns:1fr}}.main-app{background:#36393f;display:flex;height:100vh;position:relative}.voice-overlay{background:#2f3136;border-radius:8px;bottom:20px;box-shadow:0 8px 16px #0006;max-height:500px;overflow:hidden;position:fixed;right:20px;width:320px;z-index:1000}.App{height:100vh;overflow:hidden;width:100vw}
/*# sourceMappingURL=main.88e70292.css.map*/