body{background-color:#f0f0f0;font-family:Arial,sans-serif}#root{display:block;height:100%;width:100%}#root,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f4f4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}.app-container{background-color:#f0f2f5;display:flex;height:100vh}.sidebar{background-color:#3f0e40;border-right:1px solid #ddd;color:#fffc;display:flex;flex-direction:column;padding:20px;width:200px}.sidebar h2{border-bottom:1px solid #fff3;color:#fff;font-size:1.1em;margin-top:0;padding-bottom:10px}.sidebar ul{flex-grow:1;list-style:none;margin:10px 0;overflow-y:auto;padding:0}.sidebar li{font-size:.9em;padding:5px 0}.sidebar li:before{color:#38b684;content:"● ";font-size:.7em;margin-right:5px}.connection-status{color:#fff9;font-size:.8em;margin-top:auto}.chat-container{display:flex;flex-direction:column;flex-grow:1;height:100%;margin:0 auto;max-width:100%;width:100%}.chat-container h1{background-color:#fff;border-bottom:1px solid #eee;color:#333;font-size:1.5em;margin:0;padding:15px;text-align:center}.username-form{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:50px;padding:20px}.username-form input{border:1px solid #ccc;border-radius:4px;font-size:1em;padding:10px}.username-form button{background-color:#007a5a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;padding:10px 15px}.username-form button:disabled{background-color:#ccc;cursor:not-allowed}.chat-messages{background-color:#fff;display:flex;flex-direction:column;flex-grow:1;gap:10px;overflow-y:auto;padding:20px}.message{word-wrap:break-word;border-radius:18px;font-size:.95em;max-width:70%;padding:8px 12px}.my-message{align-self:flex-end;background-color:#dcf8c6;margin-left:auto}.other-message{align-self:flex-start;background-color:#e9e9eb;margin-right:auto}.message-user{color:#555;display:block;font-size:.8em;font-weight:700;margin-bottom:4px}.my-message .message-user{display:none}.system-message{align-self:center;background:none;color:#888;font-size:.85em;font-style:italic;text-align:center;width:100%}.message-form{background-color:#f9f9f9;border-top:1px solid #eee;display:flex;padding:15px}.message-form input{border:1px solid #ccc;border-radius:20px;flex-grow:1;font-size:1em;margin-right:10px;padding:12px}.message-form button{background-color:#007a5a;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1em;padding:12px 20px;transition:background-color .2s ease}.message-form button:hover{background-color:#005c45}.message-form button:disabled{background-color:#bdc5c2;cursor:not-allowed}
/*# sourceMappingURL=main.6a5a0b09.css.map*/