.user-card[data-v-a8443ce1]{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-radius:16px;padding:0;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;overflow:hidden;position:relative}.user-card[data-v-a8443ce1]:before{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(255,119,0,.15) 0%,transparent 100%);pointer-events:none;z-index:1}.user-card[data-v-a8443ce1]:active{transform:scale(.98)}.card-image[data-v-a8443ce1]{width:100%;aspect-ratio:1;overflow:hidden;position:relative}.card-image img[data-v-a8443ce1]{width:100%;height:100%;object-fit:cover}.image-placeholder[data-v-a8443ce1]{width:100%;height:100%;background:linear-gradient(135deg,#f70,#f94);display:flex;align-items:center;justify-content:center}.placeholder-text[data-v-a8443ce1]{font-size:3.5rem;font-weight:700;color:#fff}.card-content[data-v-a8443ce1]{padding:24px;text-align:center;background:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:2}.user-name[data-v-a8443ce1]{font-size:1.2rem;font-weight:600;color:#fff;margin:0;word-break:break-word}.selection-view[data-v-b9e0b6a6]{min-height:100vh;height:100vh;background:#000;padding:40px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.selection-view[data-v-b9e0b6a6]::-webkit-scrollbar{display:none}.header[data-v-b9e0b6a6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;padding-bottom:30px;border-bottom:2px solid #ff7700}.logo-section[data-v-b9e0b6a6]{flex:1}.logo-placeholder[data-v-b9e0b6a6]{display:inline-block;padding:15px 30px;border-radius:10px;font-size:1.8rem;font-weight:900;color:#fff;letter-spacing:2px}.logo-img[data-v-b9e0b6a6]{width:100%}.refresh-button[data-v-b9e0b6a6]{background:transparent;border:none;width:100px;height:100px;border-radius:50%;color:#f70;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.refresh-button svg[data-v-b9e0b6a6]{width:70px;height:70px}.refresh-button[data-v-b9e0b6a6]:hover:not(:disabled){transform:scale(1.1) rotate(180deg)}.refresh-button[data-v-b9e0b6a6]:disabled{opacity:.5;cursor:not-allowed}.title-section[data-v-b9e0b6a6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;max-width:1600px;margin-left:auto;margin-right:auto}.title-content[data-v-b9e0b6a6]{flex:1;text-align:center}.main-title[data-v-b9e0b6a6]{font-size:3.5rem;font-weight:900;color:#fff;margin-bottom:15px;background:linear-gradient(135deg,#f70,#f94);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-v-b9e0b6a6]{font-size:1.4rem;color:#999}.users-grid[data-v-b9e0b6a6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;max-width:1600px;margin:0 auto}.loading-state[data-v-b9e0b6a6]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:30px}.spinner[data-v-b9e0b6a6]{width:60px;height:60px;border:4px solid #333;border-top-color:#f70;border-radius:50%;animation:spin-b9e0b6a6 1s linear infinite}@keyframes spin-b9e0b6a6{to{transform:rotate(360deg)}}.loading-state p[data-v-b9e0b6a6]{font-size:1.4rem;color:#999}.error-state[data-v-b9e0b6a6]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.error-state svg[data-v-b9e0b6a6]{width:80px;height:80px;color:#f44}.error-state p[data-v-b9e0b6a6]{font-size:1.4rem;color:#999;max-width:500px;text-align:center}.retry-button[data-v-b9e0b6a6]{background:#f70;border:none;padding:15px 40px;border-radius:10px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button[data-v-b9e0b6a6]:hover{background:#ff8820;transform:scale(1.05)}.empty-state[data-v-b9e0b6a6]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.empty-state svg[data-v-b9e0b6a6]{width:80px;height:80px;color:#666}.empty-state p[data-v-b9e0b6a6]{font-size:1.4rem;color:#999}.video-avatar[data-v-1d17ba2d]{position:relative;width:100%;height:100%;background:#000;border-radius:0;overflow:hidden}.avatar-video[data-v-1d17ba2d]{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%) scale(1.8);width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity .3s ease}.avatar-video.hidden[data-v-1d17ba2d]{opacity:0;pointer-events:none}.keyboard-overlay[data-v-05b8237e]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px}.keyboard-container[data-v-05b8237e]{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border:3px solid #ff7700;border-radius:20px;padding:40px;max-width:900px;width:100%;box-shadow:0 20px 60px #ff77004d}.keyboard-header[data-v-05b8237e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.keyboard-header h3[data-v-05b8237e]{color:#fff;font-size:1.8rem;font-weight:700}.close-button[data-v-05b8237e]{background:transparent;border:none;color:#f70;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-button svg[data-v-05b8237e]{width:30px;height:30px}.close-button[data-v-05b8237e]:hover{color:#ff8820;transform:scale(1.1)}.keyboard-input-area[data-v-05b8237e]{margin-bottom:30px}.keyboard-input[data-v-05b8237e]{width:100%;background:#0a0a0a;border:2px solid #333;border-radius:15px;padding:20px 25px;color:#fff;font-size:1.3rem;font-family:Comfortaa,cursive;outline:none;transition:border-color .3s ease}.keyboard-input[data-v-05b8237e]:focus{border-color:#f70}.keyboard-input[data-v-05b8237e]::placeholder{color:#666}.keyboard[data-v-05b8237e]{display:flex;flex-direction:column;gap:12px}.keyboard-row[data-v-05b8237e]{display:flex;gap:8px;justify-content:center}.key[data-v-05b8237e]{background:linear-gradient(180deg,#3a3a3a,#2a2a2a);border:2px solid #444;border-radius:10px;color:#fff;font-size:1.2rem;font-weight:600;font-family:Comfortaa,cursive;padding:18px;min-width:60px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.key[data-v-05b8237e]:hover{background:linear-gradient(180deg,#4a4a4a,#3a3a3a);border-color:#f70;transform:translateY(-2px)}.key[data-v-05b8237e]:active{transform:translateY(0);background:linear-gradient(180deg,#2a2a2a,#1a1a1a)}.key-backspace[data-v-05b8237e]{min-width:80px;background:linear-gradient(180deg,#f70,#f60);border-color:#f70}.key-backspace[data-v-05b8237e]:hover{background:linear-gradient(180deg,#ff8820,#f70)}.key-backspace svg[data-v-05b8237e]{width:24px;height:24px}.key-space[data-v-05b8237e]{flex:1;min-width:300px}.key-send[data-v-05b8237e]{min-width:150px;background:linear-gradient(180deg,#f70,#f60);border-color:#f70;font-size:1.4rem}.key-send[data-v-05b8237e]:hover:not(:disabled){background:linear-gradient(180deg,#ff8820,#f70)}.key-send[data-v-05b8237e]:disabled{opacity:.5;cursor:not-allowed;transform:none}.keyboard-fade-enter-active[data-v-05b8237e],.keyboard-fade-leave-active[data-v-05b8237e]{transition:opacity .3s ease}.keyboard-fade-enter-active .keyboard-container[data-v-05b8237e],.keyboard-fade-leave-active .keyboard-container[data-v-05b8237e]{transition:transform .3s ease}.keyboard-fade-enter-from[data-v-05b8237e],.keyboard-fade-leave-to[data-v-05b8237e]{opacity:0}.keyboard-fade-enter-from .keyboard-container[data-v-05b8237e],.keyboard-fade-leave-to .keyboard-container[data-v-05b8237e]{transform:scale(.9)}.chat-view[data-v-59194e66]{display:flex;flex-direction:column;height:100vh;background:#000;position:relative}.video-section[data-v-59194e66]{width:100%;height:50vh;min-height:400px;max-height:50vh;padding:80px 0 0;display:flex;align-items:flex-end;justify-content:center;background:#000;position:relative;overflow:hidden;flex-shrink:0}.video-section[data-v-59194e66]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,#000);pointer-events:none;z-index:1}.video-placeholder[data-v-59194e66]{display:flex;flex-direction:column;align-items:center;gap:20px;z-index:2;position:relative}.placeholder-avatar[data-v-59194e66]{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#f70,#f94);display:flex;align-items:center;justify-content:center;font-size:3.5rem;font-weight:700;color:#fff}.placeholder-text[data-v-59194e66]{color:#999;font-size:1rem;z-index:2;position:relative}.chat-section[data-v-59194e66]{flex:1;display:flex;flex-direction:column;background:#000;min-height:0;overflow:hidden}.chat-header[data-v-59194e66]{padding:20px 30px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid #ff7700;display:flex;align-items:center;justify-content:center;gap:20px;flex-shrink:0;position:absolute;top:0;left:0;right:0;z-index:10}.back-button[data-v-59194e66]{background:transparent;border:none;color:#f70;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:absolute;left:30px;padding:0}.back-button svg[data-v-59194e66]{width:40px;height:40px}.back-button[data-v-59194e66]:hover{color:#ff8820;transform:translate(-5px)}.user-info[data-v-59194e66]{display:flex;align-items:center;justify-content:center}.user-info h2[data-v-59194e66]{color:#fff;font-size:1.5rem;font-weight:700}.status-dot[data-v-59194e66]{width:12px;height:12px;border-radius:50%;background:#666;transition:background .3s ease}.status-dot.connected[data-v-59194e66]{background:#4caf50;box-shadow:0 0 10px #4caf50}.messages-container[data-v-59194e66]{flex:1;padding:25px 30px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;scrollbar-width:none;-ms-overflow-style:none}.messages-container[data-v-59194e66]::-webkit-scrollbar{display:none}.message-wrapper[data-v-59194e66]{display:flex;justify-content:flex-start;animation:slideIn-59194e66 .3s ease}.user-message-wrapper[data-v-59194e66]{justify-content:flex-end}@keyframes slideIn-59194e66{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble[data-v-59194e66]{max-width:75%;padding:14px 20px;border-radius:20px;font-size:1rem;line-height:1.5;word-wrap:break-word}.user-bubble[data-v-59194e66]{background:#333;color:#fff}.avatar-bubble[data-v-59194e66]{background:#f70;color:#fff}.input-area[data-v-59194e66]{padding:20px 30px;background:linear-gradient(180deg,#000,#0a0a0a);display:flex;align-items:center;justify-content:center;gap:20px;flex-shrink:0}.keyboard-button[data-v-59194e66]{width:70px;height:70px;background:#fff;border:none;border-radius:50px;color:#333;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.keyboard-button svg[data-v-59194e66]{width:24px;height:24px}.keyboard-button[data-v-59194e66]:hover:not(:disabled){background:#f0f0f0;transform:scale(1.02)}.keyboard-button[data-v-59194e66]:disabled{opacity:.5;cursor:not-allowed}.mic-button[data-v-59194e66]{width:70px;height:70px;background:#f70;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mic-button[data-v-59194e66]:hover:not(:disabled){background:#ff8820;transform:scale(1.05)}.mic-button[data-v-59194e66]:disabled{opacity:.5;cursor:not-allowed}.mic-button.recording[data-v-59194e66]{background:#f44;animation:pulse-59194e66 1.5s infinite}@keyframes pulse-59194e66{0%{box-shadow:0 0 #ff4444b3}70%{box-shadow:0 0 0 15px #f440}to{box-shadow:0 0 #f440}}.mic-button svg[data-v-59194e66]{width:30px;height:30px}*{margin:0;padding:0;box-sizing:border-box}#app{width:100%;min-height:100vh;background:#000;font-family:Comfortaa,cursive;color:#fff}
