@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;font-family:Roboto Mono,monospace;background:#0a0a0a;color:#e0e0e0;overflow:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1000}.connect-container{display:flex;height:100vh}.server-list{width:80px;background:#0d0d0d;border-right:1px solid #1a1a1a;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:12px}.server-icon{width:56px;height:56px;background:#1a1a1a;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2em;cursor:pointer;transition:all .3s;position:relative}.server-icon:hover{border-radius:12px;transform:translateY(-2px)}.server-icon.active{border-radius:12px}.server-icon:before{content:"";position:absolute;left:-12px;width:4px;height:0;transition:height .3s;border-radius:0 4px 4px 0}.server-icon.active:before{height:40px}.server-icon.foundation{background:linear-gradient(135deg,red,#900)}.server-icon.foundation.active:before{background:red}.server-icon.corporation{background:linear-gradient(135deg,#06f,#003380)}.server-icon.corporation.active:before{background:#06f}.server-icon.labs{background:linear-gradient(135deg,orange,#ff8c00)}.server-icon.labs.active:before{background:orange}.server-icon.community{background:#1a1a1a;color:#666}.server-divider{width:40px;height:2px;background:#1a1a1a;margin:4px 0}.channel-sidebar{width:280px;background:#0f0f0f;border-right:1px solid #1a1a1a;display:flex;flex-direction:column}.server-header{padding:16px;border-bottom:1px solid #1a1a1a;font-weight:700;font-size:1.1em;display:flex;align-items:center;justify-content:space-between}.server-badge{font-size:.7em;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:1px}.server-badge.foundation{background:#f003;color:red;border:1px solid #ff0000}.server-badge.corporation{background:#06f3;color:#06f;border:1px solid #0066ff}.server-badge.labs{background:#ffa50033;color:orange;border:1px solid #ffa500}.channel-list{flex:1;overflow-y:auto;padding:8px 0}.channel-category{padding:16px 16px 8px;font-size:.75em;text-transform:uppercase;letter-spacing:2px;color:#666;font-weight:700;display:flex;align-items:center;justify-content:space-between}.add-channel-button{opacity:0;transition:opacity .2s,color .2s;cursor:pointer;background:none;border:none;color:#666;padding:2px;display:flex;align-items:center}.channel-category:hover .add-channel-button{opacity:1}.add-channel-button:hover{color:#999}.channel-item{padding:8px 16px;margin:2px 8px;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-size:.95em;color:#999}.channel-item:hover{background:#1a1a1a;color:#e0e0e0}.channel-item.active{background:#1a1a1a;color:#06f}.channel-icon{color:#666}.channel-name{flex:1}.channel-badge{font-size:.75em;background:red;color:#fff;padding:2px 6px;border-radius:10px}.user-presence{padding:12px 16px;border-top:1px solid #1a1a1a;display:flex;align-items:center;gap:12px;font-size:.9em}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,red,#06f,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.user-info{flex:1}.user-name{font-weight:700;margin-bottom:2px}.user-status{font-size:.85em;color:#666;display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%;background:#0f0;box-shadow:0 0 8px #0f0}.chat-area{flex:1;display:flex;flex-direction:column;background:#0a0a0a}.chat-header{padding:16px 20px;border-bottom:1px solid #1a1a1a;display:flex;align-items:center;gap:12px}.channel-name-header{flex:1;font-weight:700;font-size:1.1em}.chat-tools{display:flex;gap:16px;font-size:.9em;color:#666;align-items:center}.chat-tool{cursor:pointer;transition:color .2s}.chat-tool:hover{color:#06f}.chat-messages{flex:1;overflow-y:auto;padding:20px}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.message{display:flex;gap:16px;margin-bottom:20px;padding:12px;border-radius:4px;transition:background .2s;position:relative}.message:hover{background:#0f0f0f}.message-avatar{width:40px;height:40px;border-radius:50%;background:#1a1a1a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9em;flex-shrink:0}.message-content{flex:1}.message-header{display:flex;align-items:baseline;gap:12px;margin-bottom:4px}.message-author{font-weight:700}.message-time{font-size:.75em;color:#666}.message-edited{font-size:.75em;color:#666;font-style:italic}.message-badge{font-size:.65em;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.message-badge.foundation{background:#f003;color:red}.message-badge.corporation{background:#06f3;color:#06f}.message-badge.labs{background:#ffa50033;color:orange}.message-text{line-height:1.6;color:#ccc}.message-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s;position:absolute;top:12px;right:12px}.message:hover .message-actions{opacity:1}.message-action-edit,.message-action-delete{padding:4px;border-radius:4px;background:none;border:none;color:#666;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.message-action-edit:hover{background:#06f3;color:#06f}.message-action-delete:hover{background:#f003;color:red}.message-edit{display:flex;gap:8px;align-items:center}.message-edit-input{flex:1;background:#1a1a1a;border:1px solid #0066ff;border-radius:4px;padding:6px 12px;color:#e0e0e0;font-family:Roboto Mono,monospace;font-size:.9em}.message-edit-input:focus{outline:none}.message-edit-save,.message-edit-cancel{padding:6px 12px;border-radius:4px;border:none;font-family:Roboto Mono,monospace;font-size:.8em;cursor:pointer;transition:all .2s}.message-edit-save{background:#06f;color:#fff}.message-edit-save:hover{background:#0052cc}.message-edit-cancel{background:#666;color:#fff}.message-edit-cancel:hover{background:#555}.message-system{background:#0f0f0f;border-left:3px solid;padding:12px;margin-bottom:16px;font-size:.9em}.message-system.foundation{border-color:red}.message-system.corporation{border-color:#06f}.message-system.labs{border-color:orange}.system-label{font-size:.75em;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-weight:700}.system-label.foundation{color:red}.system-label.corporation{color:#06f}.system-label.labs{color:orange}.message-input-container{padding:20px;border-top:1px solid #1a1a1a}.message-input-form{display:flex;align-items:center;gap:8px}.attach-button,.send-button{width:40px;height:40px;border-radius:8px;border:none;background:#1a1a1a;color:#666;font-size:1.2em;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.attach-button:hover{background:#2a2a2a;color:#999}.send-button{background:#06f;color:#fff}.send-button:hover{background:#0052cc}.send-button:disabled{background:#2a2a2a;color:#666;cursor:not-allowed}.message-input{flex:1;background:#0f0f0f;border:1px solid #1a1a1a;border-radius:8px;padding:12px 16px;color:#e0e0e0;font-family:Roboto Mono,monospace;font-size:.95em;transition:border-color .3s}.message-input:focus{outline:none;border-color:#06f}.message-input::-moz-placeholder{color:#666}.message-input::placeholder{color:#666}.typing-indicator{display:flex;align-items:center;gap:8px;padding:8px;color:#666;font-size:.85em}.typing-dots{display:flex;gap:4px}.dot{width:8px;height:8px;border-radius:50%;background:#666;animation:bounce 1.4s infinite ease-in-out both}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.member-sidebar{width:280px;background:#0f0f0f;border-left:1px solid #1a1a1a;display:flex;flex-direction:column}.member-header{padding:16px;border-bottom:1px solid #1a1a1a;font-size:.85em;text-transform:uppercase;letter-spacing:2px;color:#666;display:flex;align-items:center;justify-content:space-between}.manage-members-button{padding:4px;border-radius:4px;background:none;border:none;color:#666;cursor:pointer;transition:all .2s;display:flex;align-items:center}.manage-members-button:hover{background:#1a1a1a;color:#999}.member-list{flex:1;overflow-y:auto;padding:12px 0}.member-section{margin-bottom:16px}.member-section-title{padding:8px 16px;font-size:.75em;text-transform:uppercase;letter-spacing:1px;color:#666;font-weight:700}.member-item{padding:6px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .2s}.member-item:hover{background:#1a1a1a}.member-item.voice-active{background:#0066ff1a}.member-item.voice-peer{background:#0066ff0d}.member-avatar-small{width:32px;height:32px;border-radius:50%;background:#1a1a1a;display:flex;align-items:center;justify-content:center;font-size:.8em;font-weight:700;position:relative;flex-shrink:0}.online-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #0f0f0f}.online-indicator.online{background:#0f0}.online-indicator.in-game{background:#06f}.online-indicator.labs{background:orange}.online-indicator.idle{background:#666}.member-info{flex:1}.member-name{font-size:.9em}.member-activity{font-size:.75em;color:#666}::-webkit-scrollbar{width:8px;background:#0a0a0a}::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2a2a2a}