*{box-sizing:border-box;margin:0;padding:0}body{background:#1a1a1a;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;overflow:hidden}.top-bar{background:#000;height:10px;left:0;position:fixed;top:0;width:100%;z-index:1000}.system-message{color:#666;font-size:.9em;font-style:italic;margin:10px 0;text-align:center}.system-message p{background:#f0f0f0;border-radius:12px;display:inline-block;margin:0;padding:6px 12px}.app{display:flex;height:calc(100vh - 10px);margin-top:10px;position:relative}.server-list{background:#2f3136;padding:10px 0;-webkit-user-select:none;user-select:none;width:60px}.server-list,.server-list-scroll{align-items:center;display:flex;flex-direction:column}.server-list-scroll{flex:1 1;gap:8px;width:100%}.server{align-items:center;background:#7289da;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;transition:transform .2s,background .2s;width:48px}.server:hover{background:#677bc4;transform:scale(1.08)}.server.active{background:#4f545c}.add-server{align-items:center;background:#5865f2;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;transition:background .2s;width:48px}.add-server:hover{background:#4752c4}.channels{background:#2f3136;border-left:1px solid #444;display:flex;flex-direction:column;overflow:hidden;width:240px}.channel-header{align-items:center;border-bottom:1px solid #444;display:flex;padding:15px 20px;position:relative}.channel-header h3{color:#fff;flex:1 1;font-size:18px;margin:0}.add-channel-btn{align-items:center;background:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;width:30px}.add-channel-btn:hover{background:#4759e0}.channel-menu{background:#333;border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:180px;overflow:hidden;position:absolute;right:20px;top:50px;z-index:10}.channel-menu button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:15px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.channel-menu button:hover{background:#444}.channel-menu button.delete{color:#ea4335}.channel-menu button.delete:hover{background:#5a2a2a}.channel{border-radius:8px;color:#ddd;cursor:pointer;font-size:16px;margin:0 10px 5px;overflow:hidden;padding:12px 20px;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.channel:hover{background:#444}.channel.active{background:#5865f2;color:#fff;font-weight:500}.chat{background:#36393f}.chat,.messages{display:flex;flex:1 1;flex-direction:column}.messages{gap:12px;overflow-y:auto;padding:20px;scroll-behavior:smooth;scrollbar-color:#40444b #36393f;scrollbar-width:thin}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:#36393f;border-radius:3px}.messages::-webkit-scrollbar-thumb{background:#40444b;border-radius:3px}.messages::-webkit-scrollbar-thumb:hover{background:#50545b}.message-container{align-self:flex-start;display:flex;flex-direction:column;max-width:80%;position:relative}.message .header{display:flex;font-size:14px;justify-content:space-between;margin-bottom:4px}.message strong{color:#8ae387}.message .time{color:#aaa;font-size:12px}.message p{word-wrap:break-word;box-shadow:0 1px 2px #0000001a;color:#fff;display:inline-block;line-height:1.4;margin:0;max-width:100%;padding:10px 14px}.file-attachment,.message p{background:#40444b;border-radius:8px}.file-attachment{margin-top:8px;max-width:300px;padding:8px}.file-attachment img{border-radius:6px;cursor:pointer;max-width:100%}.file-attachment a{color:#8ae387;font-size:14px;text-decoration:underline}.delete-btn-absolute{align-items:center;background:#c4302b;border:none;border-radius:50%;bottom:-10px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;opacity:0;position:absolute;right:-10px;transition:opacity .2s;width:28px}.message-container:hover .delete-btn-absolute{opacity:1}.delete-btn-absolute:hover{background:brown}.typing{background:#333;border-radius:6px;color:#888;font-size:13px;margin:5px 0;max-width:200px;padding:8px 12px}.input-area{border-top:1px solid #444;display:flex;padding:15px}.attachment-wrapper{align-items:center;display:flex;gap:8px;margin-right:10px}.attach-btn{align-items:center;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:10px;transition:transform .2s}.attach-btn:hover{transform:scale(1.1)}.file-name{color:#aaa;font-size:13px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-area input{background:#40444b;flex:1 1;outline:none;padding:14px}.input-area button,.input-area input{border:none;border-radius:8px;color:#fff;font-size:16px}.input-area button{background:#5865f2;cursor:pointer;margin-left:10px;padding:0 24px}.online-users{background:#2f3136;border-left:1px solid #444;color:#fff;display:flex;flex-direction:column;font-size:14px;padding:10px;width:240px}.online-users h3{color:#ddd;font-size:16px;margin:0 0 10px}.members-list{flex:1 1;overflow-y:auto}.member{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:6px 10px;transition:background .2s}.member:hover{background:#444}.avatar-wrapper{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;position:relative;width:32px}.avatar-wrapper.speaking{animation:pulse 1.5s infinite;box-shadow:0 0 0 2px #3ba55c}@keyframes pulse{0%{box-shadow:0 0 0 2px #3ba55c}70%{box-shadow:0 0 0 2px #3ba55c4d}to{box-shadow:0 0 0 2px #3ba55c}}.avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;width:32px}.avatar,.avatar.online{background:#7289da}.avatar.offline{background:#777}.member-name{color:#fff;flex:1 1;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-controls{display:flex;gap:8px;margin-top:15px}.voice-controls button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:16px;justify-content:center;padding:8px;transition:all .2s}.mic-btn,.sound-btn{background:#333;color:#fff}.mic-btn.muted,.sound-btn.muted{background:#c4302b;color:#fff}.mode-btn{background:#333;color:#fff}.mode-btn:hover{background:#444}.logout-btn{background:#f04747;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:10px;padding:8px;width:100%}.logout-btn:hover{background:#d03434}.modal{animation:fadeIn .2s ease-out;background:#000000e6;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal,.modal-close{align-items:center;display:flex;justify-content:center}.modal-close{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:30px;height:40px;position:absolute;right:30px;top:30px;width:40px}.modal-close:hover{background:#fff3}.modal-content{border-radius:12px;box-shadow:0 0 30px #00000080;max-height:90vh;max-width:90vw;object-fit:contain}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-container{align-items:center;background:#202225;display:flex;height:100vh;justify-content:center}.auth-box{background:#333;border-radius:12px;box-shadow:0 4px 20px #0000004d;padding:40px;text-align:center;width:400px}.auth-box h2{color:#7289da;margin-bottom:30px}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-input{background:#444;border:1px solid #444;border-radius:8px;padding:16px}.auth-button,.auth-input{color:#fff;font-size:16px}.auth-button{background:#5865f2;border:none;border-radius:8px;cursor:pointer;margin-top:10px;padding:14px}.auth-toggle{background:#0000;border:none;color:#aaa;cursor:pointer;font-size:14px;margin-top:15px;text-decoration:underline}
/*# sourceMappingURL=main.fe28573b.css.map*/