.app-container[data-v-4309693c]{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.username-section[data-v-4309693c],.create-room-section[data-v-4309693c],.join-room-section[data-v-4309693c]{margin-bottom:20px;display:flex;gap:10px;align-items:center}.username-input[data-v-4309693c],.room-input[data-v-4309693c],.room-select[data-v-4309693c],.message-input[data-v-4309693c]{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px}.room-select[data-v-4309693c]{flex:1;padding:8px}.btn[data-v-4309693c]{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn[data-v-4309693c]:hover:not(:disabled){background-color:#0056b3}.btn[data-v-4309693c]:disabled{background-color:#ccc;cursor:not-allowed}.btn-small[data-v-4309693c]{padding:4px 8px;font-size:12px}.chat-container[data-v-4309693c]{border:1px solid #ccc;border-radius:8px;overflow:hidden}.chat-header[data-v-4309693c]{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#f8f9fa;border-bottom:1px solid #eee}.chat-messages[data-v-4309693c]{height:300px;overflow-y:auto;padding:10px;background-color:#fff}.message[data-v-4309693c]{display:flex;margin-bottom:8px;width:100%}.message-bubble[data-v-4309693c]{padding:8px 12px;border-radius:12px;width:20%;max-width:80%;min-width:20%}.message-header[data-v-4309693c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.message-user[data-v-4309693c]{font-weight:700;white-space:nowrap}.message-timestamp[data-v-4309693c]{font-size:.75em;color:#888}.other-message .message-bubble[data-v-4309693c]{margin-right:auto;background-color:#f1f1f1;color:#000}.own-message .message-bubble[data-v-4309693c]{margin-left:auto;background-color:#007bff;color:#fff}.own-message .message-timestamp[data-v-4309693c]{color:#fffc}.message-user[data-v-4309693c]{font-weight:700;font-size:12px;margin-bottom:2px}.message-text[data-v-4309693c]{font-size:14px}.message-timestamp[data-v-4309693c]{color:#666;font-size:11px;margin-top:4px;display:block}.invalid-message[data-v-4309693c]{color:#aaa;font-size:.9em}.chat-input[data-v-4309693c]{display:flex;padding:10px;border-top:1px solid #eee;background-color:#f8f9fa}.message-input[data-v-4309693c]{flex:1;margin-right:10px}.send-btn[data-v-4309693c]{padding:8px 16px}.error[data-v-4309693c]{color:red;margin-top:10px}