body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh}.header{align-items:center;background-color:#f0f0f0;display:flex;padding:10px}.username-display,.username-input{margin-right:10px}.connect-button{background-color:green;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.disconnect-button{background-color:red}.connect-button:disabled{background-color:#90ee90}.chat-container{display:flex;flex:1 1}.members-list{border-right:1px solid #ccc;overflow-y:auto;padding:10px;width:25%}.chat-pane{display:flex;flex-direction:column;padding:10px;width:75%}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:10px;margin-bottom:10px;overflow-y:auto}.message-input,.private-message-input{display:flex;margin-top:10px}.message-input input,.private-message-input input{border:1px solid #ccc;border-radius:5px;flex:1 1;margin-right:10px;padding:10px}.message-input button,.private-message-input button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.message-input button:disabled,.private-message-input button:disabled{background-color:#b0c4de}
/*# sourceMappingURL=main.5756aed7.css.map*/