.chat-container[data-v-2a098632]{width:100vw;height:100vh;background:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden;position:relative;backdrop-filter:blur(10px);border:none}.username-modal[data-v-2a098632]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;border-radius:0}.username-modal-content[data-v-2a098632]{background:#fff;padding:40px;border-radius:16px;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.3);max-width:400px;width:90%}.username-modal-content h2[data-v-2a098632]{color:#333;margin-bottom:16px;font-size:24px;font-weight:600}.username-modal-content p[data-v-2a098632]{color:#666;margin-bottom:24px;font-size:16px}.username-modal-content input[data-v-2a098632]{width:100%;padding:16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;margin-bottom:20px;outline:none;transition:border-color .2s}.username-modal-content input[data-v-2a098632]:focus{border-color:#667eea}.username-modal-content button[data-v-2a098632]{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.username-modal-content button[data-v-2a098632]:hover:not(:disabled){transform:translateY(-2px)}.username-modal-content button[data-v-2a098632]:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-header[data-v-2a098632]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.chat-header h1[data-v-2a098632]{font-size:24px;font-weight:600}.user-info[data-v-2a098632]{display:flex;align-items:center;gap:16px}.username[data-v-2a098632]{font-size:14px;font-weight:500;background:hsla(0,0%,100%,.2);padding:6px 12px;border-radius:16px}.connection-status[data-v-2a098632]{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.connection-status.connected[data-v-2a098632]{background:rgba(76,175,80,.2);color:#4caf50}.connection-status.disconnected[data-v-2a098632]{background:rgba(244,67,54,.2);color:#f44336}.chat-messages[data-v-2a098632]{flex:1;padding:32px 40px;overflow-y:auto;background:linear-gradient(180deg,#fafafa,#f0f2f5)}.message[data-v-2a098632]{margin-bottom:16px;display:flex;flex-direction:column}.message.own-message[data-v-2a098632]{align-items:flex-end}.message-content[data-v-2a098632]{max-width:85%;padding:18px 24px;border-radius:20px;word-wrap:break-word;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);font-size:16px;line-height:1.5}.own-message .message-content[data-v-2a098632]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-time[data-v-2a098632]{font-size:11px;color:#666;margin-top:4px;padding:0 8px}.chat-input[data-v-2a098632]{padding:20px;background:#fff;border-top:1px solid #eee;display:flex;gap:12px}.chat-input input[data-v-2a098632]{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:24px;font-size:14px;outline:none;transition:border-color .2s}.chat-input input[data-v-2a098632]:focus{border-color:#667eea}.chat-input input[data-v-2a098632]:disabled{background:#f5f5f5;color:#999}.chat-input button[data-v-2a098632]{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s,opacity .2s}.chat-input button[data-v-2a098632]:hover:not(:disabled){transform:translateY(-1px)}.chat-input button[data-v-2a098632]:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-messages[data-v-2a098632]::-webkit-scrollbar{width:6px}.chat-messages[data-v-2a098632]::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages[data-v-2a098632]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-messages[data-v-2a098632]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:400% 400%;animation:gradientShift 15s ease infinite;min-height:100vh}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}#app{min-height:100vh;display:flex;justify-content:stretch;align-items:stretch;padding:0}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.3) 0,transparent 50%);pointer-events:none;z-index:-1}