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