.avatar-circle[data-v-bbadc545]{position:relative;overflow:visible}.status-dot[data-v-bbadc545]{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#ccc;border:2px solid white;transition:all .3s ease}.online .status-dot[data-v-bbadc545]{background:#4caf50;box-shadow:0 0 8px #4caf504d}@media (max-width: 480px){.status-dot[data-v-bbadc545]{width:10px;height:10px;bottom:1px;right:1px}}[data-v-bbadc545]:root{--primary: #FF6B35;--primary-dark: #E85720;--bg: #FFFFFF;--text-primary: #2D3748;--text-secondary: #718096;--border: #E2E8F0}.container[data-v-bbadc545]{height:100vh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.header[data-v-bbadc545]{position:fixed;overflow-x:auto;-webkit-overflow-scrolling:touch;cursor:grab;scrollbar-width:none;left:0;right:0;top:0;width:100%;height:64px;background:orange;display:flex;align-items:center;padding:0;gap:12px;z-index:1000;box-shadow:0 2px 8px #0000001a}.header-scroll-container[data-v-bbadc545]{display:inline-flex;height:100%;align-items:center;padding:0 .5%;gap:3%;flex-shrink:0}.chat-area[data-v-bbadc545]{flex:1;background-color:#fff;overflow-y:auto;padding:80px 16px 100px;display:flex;flex-direction:column}.message-container[data-v-bbadc545]{position:relative;max-width:80%;margin:14px 0;align-self:flex-start}.message-container.own-message[data-v-bbadc545]{align-self:flex-end;margin-right:0}.message-time[data-v-bbadc545]{position:absolute;top:-18px;font-size:.7rem;color:var(--text-secondary);white-space:nowrap;left:8px}.message-container.own-message .message-time[data-v-bbadc545]{left:auto;right:8px;text-align:right}.message-bubble[data-v-bbadc545]{padding:12px 16px;border-radius:30px;background:#f7fafc;position:relative;word-break:break-word;line-height:1.4;box-shadow:0 2px 4px #0000000d;max-width:480px}.message-container.own-message .message-bubble[data-v-bbadc545]{background:orange;color:#fff!important;border-radius:20px 4px 20px 20px;box-shadow:0 2px 6px #0000001a}.footer[data-v-bbadc545]{position:fixed;left:0;right:0;bottom:0;width:100%;height:64px;background:#dcdcdc;display:flex;gap:4%;align-items:center;padding:0;border-top:1px solid var(--border)}.footer input[data-v-bbadc545]{width:40%;height:48px;border:2px solid var(--border);border-radius:28px;padding:0 12px;font-size:16px;background:#fff;transition:all .2s;margin-left:4.5%}.footer input[data-v-bbadc545]:focus{border-color:orange;box-shadow:0 0 0 2px orange;outline:none}.footer button[data-v-bbadc545]{width:8%;height:48px;background:#dcdcdc;color:#000;border:none;border-radius:0;font-weight:600;cursor:pointer;transition:all .2s;margin-right:-.6%}.footer button[data-v-bbadc545]:hover{background:var(--primary-dark)}.avatar-circle[data-v-bbadc545]{flex-shrink:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--primary);box-shadow:0 2px 4px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;border:2px solid transparent}.avatar-circle.active[data-v-bbadc545]{position:relative;transform:scale(.8)}.avatar-circle.active[data-v-bbadc545]:after{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:8px solid orange;border-radius:50%;animation:pulse-bbadc545 2.5s infinite;z-index:-1}@keyframes pulse-bbadc545{0%{transform:scale(.9);opacity:1}50%{transform:scale(1.55);opacity:1}to{transform:scale(.9);opacity:1}}.avatar-circle[data-v-bbadc545]:nth-child(7n+1){background-color:#fff3e0}.avatar-circle[data-v-bbadc545]:nth-child(7n+2){background-color:#f5f6fa}.avatar-circle[data-v-bbadc545]:nth-child(7n+3){background-color:#e8f5e9}.avatar-circle[data-v-bbadc545]:nth-child(7n+4){background-color:#f3e5f5}.avatar-circle[data-v-bbadc545]:nth-child(7n+6){background-color:#ffeef7}.avatar-circle[data-v-bbadc545]:nth-child(7n+5){background-color:#feeb8c}.avatar-circle[data-v-bbadc545]:nth-child(7n+7){background-color:#e0f4f3}.emoji-btn[data-v-bbadc545],.file-btn[data-v-bbadc545],.voice-btn[data-v-bbadc545],.videobtn[data-v-bbadc545]{width:2%;height:40px;display:flex;align-items:center;justify-content:center;font-size:260%;cursor:pointer;background:#fff;border-radius:50%;margin:0 -11px;-webkit-user-select:none;user-select:none}.fs[data-v-bbadc545]{width:2%;height:40px;display:flex;align-items:center;justify-content:center;font-size:260%;cursor:pointer;background:#4caf50;border-radius:50%;margin:0 -11px;-webkit-user-select:none;user-select:none}.emoji-btn[data-v-bbadc545]:hover,.file-btn[data-v-bbadc545]:hover,.voice-btn[data-v-bbadc545]:hover{background:#f0f0f0}.emoji-picker[data-v-bbadc545]{position:fixed;bottom:80px;left:10px;width:300px;height:200px;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;display:flex;flex-wrap:wrap;overflow-y:auto;padding:10px;z-index:1000}.emoji-option[data-v-bbadc545]{width:30px;height:30px;margin:5px;cursor:pointer;transition:transform .2s}.emoji-option[data-v-bbadc545]:hover{transform:scale(1.2)}.emoji-message img[data-v-bbadc545]{width:60px;height:60px}.image-message img[data-v-bbadc545]{max-width:200px;max-height:200px;border-radius:10px;cursor:pointer}.audio-message[data-v-bbadc545]{display:flex;align-items:center;gap:10px}.audio-player[data-v-bbadc545]{width:200px}.audio-duration[data-v-bbadc545]{font-size:14px;color:#666}.image-preview-modal[data-v-bbadc545]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000}.full-image[data-v-bbadc545]{max-width:90%;max-height:90%}.recording-overlay[data-v-bbadc545]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000}.recording-indicator[data-v-bbadc545]{background:#fff;padding:30px;border-radius:20px;text-align:center;box-shadow:0 10px 30px #0003}.pulse[data-v-bbadc545]{width:80px;height:80px;background:#ff4d4d;border-radius:50%;margin:0 auto 20px;animation:pulse-bbadc545 1.5s infinite}.cancel-btn[data-v-bbadc545]{margin-top:20px;padding:10px 20px;background:#f0f0f0;border:none;border-radius:20px;cursor:pointer}.video-modal[data-v-bbadc545]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:2000;display:flex;justify-content:center;align-items:center}.video-container[data-v-bbadc545]{width:90%;max-width:900px;height:80vh;position:relative;background:#ffd993;border-radius:40px;overflow:hidden}.video-container video[data-v-bbadc545]{width:100%;height:100%;object-fit:cover}.video-container video[data-v-bbadc545]:first-child{position:absolute;width:30%;height:25%;top:4%;right:4%;border-radius:40px;z-index:10;border:2px solid white}.video-controls[data-v-bbadc545]{position:absolute;bottom:4%;left:0;right:0;display:flex;justify-content:center;margin-left:5%;margin-right:5%;gap:15px;flex-wrap:wrap;z-index:30}.video-btn[data-v-bbadc545]{width:16%;aspect-ratio:1;max-width:48px;border-radius:50%;background:#00000080;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:1002}.video-btn img[data-v-bbadc545]{width:100%;height:100%;filter:invert(1)}.video-btn.end-call[data-v-bbadc545]{background:#ff4d4d}.toggle-facing img[data-v-bbadc545],.screen-share img[data-v-bbadc545],.toggle-camera img[data-v-bbadc545],.toggle-mic img[data-v-bbadc545],.fullscreen-btn img[data-v-bbadc545]{width:30px;height:30px}.screen-share.active[data-v-bbadc545]{background:#4caf504d}.video-btn[data-v-bbadc545]:hover{transform:scale(1.1)}.video-status[data-v-bbadc545]{position:absolute;top:10px;left:10px;background:#00000080;color:#fff;padding:5px 10px;border-radius:5px;z-index:100}.footer .video-btn[data-v-bbadc545]{width:40px;height:40px;background:#fff;border-radius:50%;margin:0 -11px}.footer .video-btn img[data-v-bbadc545]{width:24px;height:24px}.video-container.fullscreen-active[data-v-bbadc545]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:3000;background:#000;border-radius:0}.fullscreen-video[data-v-bbadc545]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:scale-down;z-index:1}.fullscreen-local[data-v-bbadc545]{position:absolute;top:1px;right:1px;width:14%;max-width:60px;z-index:10;border:2px solid white;border-radius:0;box-shadow:0 0 10px #00000080}.aspect-ratio-indicator[data-v-bbadc545]{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:16px;z-index:20;opacity:.8;transition:opacity .5s}.group-avatar[data-v-bbadc545]{position:relative;background-color:#ffcc80}.group-indicator[data-v-bbadc545]{position:absolute;bottom:-5px;right:-5px;background:#b96f00;color:#fff;font-size:10px;padding:2px 5px;border-radius:10px;border:1px solid white}.modal-tabs[data-v-bbadc545]{display:flex;margin-bottom:15px;border-bottom:1px solid #eee}.tab-btn[data-v-bbadc545]{flex:1;padding:10px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer}.tab-btn.active[data-v-bbadc545]{border-bottom-color:orange;font-weight:700}.group-join[data-v-bbadc545]{display:flex;gap:10px;margin-bottom:15px}.group-join input[data-v-bbadc545]{flex:1}.create-group-btn[data-v-bbadc545],.join-group-btn[data-v-bbadc545]{background:#ff9800;color:#fff}.group-title[data-v-bbadc545]{text-align:center;padding:10px;background:#ff98001a;margin-bottom:15px;border-radius:10px}.message-sender[data-v-bbadc545]{font-weight:700;margin-bottom:4px;color:#ff9800}.group-video-modal[data-v-bbadc545]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.group-video-container[data-v-bbadc545]{width:92%;height:90%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;position:relative}.video-item[data-v-bbadc545]{position:relative;background:#222;border-radius:35px;overflow:hidden;aspect-ratio:4/3}.video-item video[data-v-bbadc545]{width:100%;height:100%;object-fit:cover}.video-label[data-v-bbadc545]{position:absolute;bottom:10px;left:10px;color:#fff;background:#00000080;padding:2px 8px;border-radius:4px;font-size:12px}.video-fullscreen-btn[data-v-bbadc545]{position:absolute;bottom:10px;right:10px;background:#00000080;color:#fff;border:none;border-radius:4px;padding:2px 8px;font-size:12px;cursor:pointer}.fullscreen-item[data-v-bbadc545]{position:fixed;top:0;left:0;width:100%!important;height:100%!important;object-fit:scale-down;z-index:1001}.group-video-controls[data-v-bbadc545]{position:absolute;bottom:8%;left:50%;transform:translate(-50%);display:flex;gap:15px}.group-video-controls .video-btn[data-v-bbadc545]{width:16%;aspect-ratio:1;max-width:48px;border-radius:50%;background:#00000080;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:1002}.group-video-controls .video-btn.screen-share img .video-btn.toggle-camera img .video-btn.toggle-facing img .video-btn.toggle-mic[data-v-bbadc545]{width:100%;height:100%;filter:invert(1)}.group-video-controls .video-btn.screen-share.active img[data-v-bbadc545]{filter:invert(.5) sepia(1) saturate(5) hue-rotate(175deg)}.modal-mask[data-v-bbadc545]{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;transition:opacity .3s ease}.modal[data-v-bbadc545]{width:78%;max-width:280px;background:#fff;border-radius:40px;box-shadow:0 8px 32px #0003;padding:24px;position:relative;flex-direction:column;overflow:hidden}.modal-tabs[data-v-bbadc545]{position:relative;display:flex;margin-bottom:24px;height:48px;border-radius:24px;overflow:hidden;background:#fff}.tabs-background[data-v-bbadc545]{position:absolute;top:0;left:0;width:100%;height:100%;background:#ff7b00;z-index:0}.tab-btn[data-v-bbadc545]{flex:1;position:relative;z-index:2;background:transparent;border:none;color:#fffc;font-size:16px;font-weight:600;cursor:pointer;transition:color .3s}.tab-btn.active[data-v-bbadc545]{color:#fff}.tab-btn[data-v-bbadc545]:focus,.tab-btn[data-v-bbadc545]:active{outline:none}.slider[data-v-bbadc545]{position:absolute;top:4px;left:4px;width:calc(50% - 8px);height:calc(100% - 8px);background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;z-index:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px #0000001a}.input-row[data-v-bbadc545]{display:flex;align-items:center;gap:16px;margin-bottom:0;width:100%}.modal-input[data-v-bbadc545]{flex:1;height:48px;padding:0 -16px 0 16px;border:1px solid #e0e0e0;border-radius:44px;font-size:16px;transition:border-color .3s}.modal-input[data-v-bbadc545]:focus{border-color:#ff7b00;outline:none}.modal-btn[data-v-bbadc545]{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;position:relative;box-shadow:0 4px 8px #0000001a}.modal-btn[data-v-bbadc545]:after{content:"";position:absolute;width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center}.confirm-btn[data-v-bbadc545]{background:#4caf50}.create-group-btn[data-v-bbadc545]{background:#ba7900;width:100%;border-radius:24px;margin-bottom:8px;gap:8px}.join-group-btn[data-v-bbadc545]{background:orange}.modal-btn[data-v-bbadc545]:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.create-group-row[data-v-bbadc545]{display:flex;justify-content:center;margin-bottom:16px}.group-section[data-v-bbadc545],.friend-section[data-v-bbadc545]{flex:1;display:flex;flex-direction:column}.cancel-row[data-v-bbadc545]{display:flex;justify-content:center;margin-top:8px}.action-buttons[data-v-bbadc545]{display:flex;gap:12px}