@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary: #4c8bf5;--primary-gradient: linear-gradient(135deg, #4c8bf5 0%, #7c5cff 100%);--vk-gradient: linear-gradient(135deg, #0077FF 0%, #00C2FF 100%);--tg-blue: #3390ec;--tg-gradient: linear-gradient(135deg, #3390ec 0%, #007aff 100%);--cyber-pink: #ff00ff;--cyber-cyan: #00ffff;--cyber-gradient: linear-gradient(135deg, #ff00ff 0%, #00ffff 100%);--primary-dark: #3a7bd5;--primary-light: rgba(76, 139, 245, .15);--primary-glow: rgba(76, 139, 245, .4);--bg-dark: #0a0e1a;--bg-card: #17212b;--bg-surface: #242f3d;--bg-hover: #2c3947;--bg-chat: #0e1621;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--border-divider: rgba(0, 0, 0, .2);--text: #ffffff;--text-secondary: #7f91a4;--text-muted: #5c6375;--text-link: #64b5ef;--success: #34c759;--success-green: #4cd964;--error: #ff453a;--error-red: #ff3b30;--warning: #ff9500;--tg-online: #44b756;--bubble-out: linear-gradient(135deg, #4c8bf5 0%, #7c5cff 100%);--bubble-out-tg: #2b5278;--bubble-in: #182533;--bubble-in-light: rgba(255, 255, 255, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .6);--glow: 0 0 20px var(--primary-glow);--glow-cyber: 0 0 30px rgba(76, 139, 245, .5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-dark);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}.ultra-chatlist{display:flex;flex-direction:column;height:100%;background:var(--bg-card)}.ultra-header{padding:12px 16px;background:var(--bg-card);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.ultra-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ultra-logo{display:flex;align-items:center;gap:12px}.ultra-logo-icon{font-size:32px;filter:drop-shadow(0 0 10px rgba(76,139,245,.5));animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ultra-logo-text{font-size:26px;font-weight:800;background:linear-gradient(135deg,#4c8bf5,#7c5cff,#00c2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.ultra-header-btn{width:44px;height:44px;border-radius:var(--radius-full);border:none;background:var(--bg-surface);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);position:relative;overflow:hidden}.ultra-header-btn:before{content:"";position:absolute;inset:0;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-base)}.ultra-header-btn:hover{transform:scale(1.05);box-shadow:var(--glow)}.ultra-header-btn:hover:before{opacity:.2}.ultra-header-btn svg{position:relative;z-index:1}.ultra-search{display:flex;align-items:center;gap:10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:10px 16px;margin-bottom:12px;transition:all var(--transition-base)}.ultra-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);background:var(--bg-hover)}.ultra-search-icon{color:var(--text-secondary);flex-shrink:0;transition:color var(--transition-base)}.ultra-search:focus-within .ultra-search-icon{color:var(--primary)}.ultra-search-input{flex:1;background:transparent;border:none;color:var(--text);font-size:15px;outline:none}.ultra-search-input::placeholder{color:var(--text-secondary)}.ultra-folders{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.ultra-folders::-webkit-scrollbar{display:none}.ultra-folder{flex-shrink:0;padding:8px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.ultra-folder:hover{background:var(--bg-hover);color:var(--text)}.ultra-folder.active{background:var(--primary-gradient);color:var(--text);border-color:transparent;box-shadow:0 2px 12px #4c8bf566}.ultra-stories{display:flex;gap:12px;padding:12px 16px;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none}.ultra-stories::-webkit-scrollbar{display:none}.ultra-story{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.ultra-story-ring{width:64px;height:64px;border-radius:var(--radius-full);padding:3px;background:var(--primary-gradient);position:relative;transition:transform var(--transition-base)}.ultra-story:hover .ultra-story-ring{transform:scale(1.05)}.ultra-story-avatar{width:100%;height:100%;border-radius:var(--radius-full);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:28px;overflow:hidden}.ultra-story-name{font-size:11px;color:var(--text-secondary);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ultra-story-add{position:absolute;bottom:0;right:0;width:22px;height:22px;background:var(--primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;border:2px solid var(--bg-card)}.ultra-chat-list{flex:1;overflow-y:auto;padding:8px}.ultra-chat-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;margin-bottom:4px}.ultra-chat-item:hover{background:var(--bg-surface)}.ultra-chat-item:active{transform:scale(.98)}.ultra-chat-item.pinned{background:var(--primary-light);border:1px solid var(--primary)}.ultra-chat-avatar-wrapper{position:relative;flex-shrink:0}.ultra-chat-avatar{width:54px;height:54px;border-radius:var(--radius-full);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:26px;overflow:hidden;transition:transform var(--transition-base)}.ultra-chat-item:hover .ultra-chat-avatar{transform:scale(1.05)}.ultra-online-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:var(--tg-online);border:2px solid var(--bg-card);border-radius:var(--radius-full);box-shadow:0 0 8px #44b75680}.ultra-chat-info{flex:1;min-width:0}.ultra-chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.ultra-chat-name{font-weight:600;font-size:15px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ultra-chat-name-group{display:flex;align-items:center;gap:6px}.ultra-group-badge{font-size:12px;opacity:.7}.ultra-chat-time{font-size:12px;color:var(--text-secondary);flex-shrink:0;margin-left:8px}.ultra-chat-preview{display:flex;align-items:center;gap:6px}.ultra-chat-preview-text{font-size:14px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ultra-unread-badge{flex-shrink:0;min-width:22px;height:22px;padding:0 8px;background:var(--primary-gradient);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;box-shadow:0 2px 8px #4c8bf566}.ultra-unread-badge.mention{background:var(--cyber-gradient)}.ultra-fab{position:absolute;bottom:24px;right:24px;width:56px;height:56px;border-radius:var(--radius-full);background:var(--primary-gradient);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg),var(--glow);transition:all var(--transition-base);z-index:10}.ultra-fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:var(--shadow-xl),0 0 40px #4c8bf599}.ultra-fab:active{transform:scale(1.05) rotate(90deg)}.ultra-chat-room{display:flex;flex-direction:column;height:100%;background:var(--bg-chat)}.ultra-chat-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--bg-card);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.ultra-header-left{display:flex;align-items:center;gap:12px}.ultra-back-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-surface);border:none;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.ultra-back-btn:hover{background:var(--bg-hover);transform:translate(-4px)}.ultra-header-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:22px;overflow:hidden}.ultra-header-info{display:flex;flex-direction:column;gap:2px}.ultra-header-name{font-weight:600;font-size:16px;color:var(--text)}.ultra-header-status{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.ultra-header-status.online{color:var(--tg-online)}.ultra-header-status.online:before{content:"";width:8px;height:8px;background:var(--tg-online);border-radius:var(--radius-full);box-shadow:0 0 8px #44b75699}.ultra-header-actions{display:flex;gap:8px}.ultra-action-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-surface);border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.ultra-action-btn:hover{background:var(--primary);color:var(--text);transform:scale(1.1)}.ultra-action-btn.calling{background:var(--success);color:var(--text);animation:pulse-green 1.5s infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 #34c759b3}50%{box-shadow:0 0 0 10px #34c75900}}.ultra-search-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border)}.ultra-search-input{flex:1;padding:8px 14px;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-size:14px;outline:none;transition:all var(--transition-base)}.ultra-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.ultra-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.ultra-message{display:flex;gap:8px;max-width:70%;animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ultra-message.mine{align-self:flex-end;flex-direction:row-reverse}.ultra-message.theirs{align-self:flex-start}.ultra-message-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;cursor:pointer;transition:transform var(--transition-base)}.ultra-message-avatar:hover{transform:scale(1.1)}.ultra-bubble{padding:10px 14px;border-radius:var(--radius-lg);position:relative;transition:all var(--transition-base)}.ultra-message.mine .ultra-bubble{background:var(--bubble-out-tg);border-bottom-right-radius:4px}.ultra-message.theirs .ultra-bubble{background:var(--bubble-in);border-bottom-left-radius:4px}.ultra-bubble:hover{box-shadow:var(--shadow-md)}.ultra-message-text{font-size:15px;line-height:1.5;color:var(--text);word-wrap:break-word}.ultra-sticker{font-size:64px;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.ultra-message-image{max-width:320px;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-base)}.ultra-message-image:hover{transform:scale(1.02)}.ultra-file-link{display:flex;align-items:center;gap:10px;padding:10px;background:#ffffff0d;border-radius:var(--radius-md);color:var(--text-link);text-decoration:none;transition:background var(--transition-base)}.ultra-file-link:hover{background:#ffffff1a}.ultra-message-footer{display:flex;align-items:center;gap:6px;justify-content:flex-end;margin-top:4px}.ultra-message-time{font-size:11px;color:var(--text-secondary)}.ultra-message-status{color:var(--primary)}.ultra-message-status.read{color:var(--tg-online)}.ultra-edited-badge{font-size:10px;color:var(--text-secondary)}.ultra-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.ultra-reaction{padding:2px 6px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:14px;cursor:pointer;transition:all var(--transition-base)}.ultra-reaction:hover{background:var(--primary);transform:scale(1.1)}.ultra-context-menu{position:fixed;z-index:1000;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:8px;animation:contextFade .2s ease}@keyframes contextFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ultra-context-content{display:flex;flex-direction:column;gap:4px}.ultra-context-btn{padding:10px 16px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background var(--transition-base);text-align:left}.ultra-context-btn:hover{background:var(--bg-hover)}.ultra-context-btn.danger{color:var(--error)}.ultra-context-btn.danger:hover{background:#ff453a1a}.ultra-input{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-card);border-top:1px solid var(--border)}.ultra-input-btn{width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-surface);border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);flex-shrink:0}.ultra-input-btn:hover{background:var(--primary);color:var(--text);transform:scale(1.1)}.ultra-input-field{flex:1;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-size:15px;outline:none;transition:all var(--transition-base);max-height:120px;overflow-y:auto}.ultra-send-btn{width:44px;height:44px;border-radius:var(--radius-full);background:var(--primary-gradient);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow);transition:all var(--transition-base);flex-shrink:0}.ultra-send-btn:hover{transform:scale(1.1);box-shadow:var(--glow-cyber)}.ultra-voice-btn{width:44px;height:44px;border-radius:var(--radius-full);background:var(--bg-surface);border:2px solid var(--border);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.ultra-voice-btn:hover{background:var(--primary);color:var(--text)}.ultra-voice-btn.recording{background:var(--error);border-color:var(--error);color:var(--text);animation:recordPulse 1s infinite}@keyframes recordPulse{0%,to{box-shadow:0 0 #ff453ab3}50%{box-shadow:0 0 0 15px #ff453a00}}.ultra-sticker-panel{position:absolute;bottom:80px;left:16px;right:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:16px;z-index:100;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ultra-contacts-page{display:flex;flex-direction:column;height:100%;background:var(--bg-card)}.ultra-contacts-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-card);border-bottom:1px solid var(--border)}.ultra-contacts-header h1{font-size:24px;font-weight:700}.ultra-contacts-search{padding:16px}.ultra-search-full{width:100%;padding:14px 18px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--text);font-size:15px;outline:none;transition:all var(--transition-base)}.ultra-search-full:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.ultra-search-results{flex:1;overflow-y:auto}.ultra-search-result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-divider);transition:background var(--transition-base)}.ultra-search-result-item:hover{background:var(--bg-surface)}.ultra-result-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:24px}.ultra-result-info{flex:1}.ultra-result-name{font-weight:600;font-size:15px;color:var(--text)}.ultra-result-status{font-size:13px;color:var(--text-secondary)}.ultra-btn-add,.ultra-btn-remove{width:36px;height:36px;border-radius:var(--radius-full);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.ultra-btn-add{background:var(--primary);color:var(--text)}.ultra-btn-add:hover{background:var(--primary-dark);transform:scale(1.1)}.ultra-btn-remove{background:var(--bg-surface);color:var(--error)}.ultra-btn-remove:hover{background:var(--error);color:var(--text)}.ultra-contacts-list{flex:1;overflow-y:auto}.ultra-contact-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-divider);cursor:pointer;transition:all var(--transition-base)}.ultra-contact-item:hover{background:var(--bg-surface)}.ultra-contact-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:24px;position:relative}.ultra-online-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:var(--tg-online);border:2px solid var(--bg-card);border-radius:var(--radius-full)}.ultra-contact-info{flex:1}.ultra-contact-name{font-weight:600;font-size:15px;color:var(--text)}.ultra-contact-status{font-size:13px;color:var(--text-secondary)}.ultra-contact-status.online{color:var(--tg-online)}.ultra-settings-page{display:flex;flex-direction:column;height:100%;background:var(--bg-card)}.ultra-settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-card);border-bottom:1px solid var(--border)}.ultra-settings-content{flex:1;display:flex;overflow:hidden}.ultra-settings-sidebar{width:260px;padding:16px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:8px;overflow-y:auto}.ultra-settings-nav-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);font-size:15px;cursor:pointer;transition:all var(--transition-base);text-align:left}.ultra-settings-nav-btn:hover{background:var(--bg-hover);color:var(--text)}.ultra-settings-nav-btn.active{background:var(--primary-gradient);color:var(--text)}.ultra-settings-panel{flex:1;overflow-y:auto;padding:24px}.ultra-settings-section{margin-bottom:32px}.ultra-settings-title{font-size:20px;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:10px}.ultra-profile-card{background:var(--bg-surface);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;gap:24px}.ultra-avatar-section{display:flex;flex-direction:column;align-items:center;gap:16px}.ultra-avatar-large{width:100px;height:100px;border-radius:var(--radius-full);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;font-size:50px;cursor:pointer;transition:transform var(--transition-base)}.ultra-avatar-large:hover{transform:scale(1.05)}.ultra-avatar-edit{position:absolute;bottom:5px;right:5px;width:32px;height:32px;background:var(--primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:16px;border:3px solid var(--bg-surface)}.ultra-avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:100%;max-width:300px}.ultra-avatar-option{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--bg-hover);border:2px solid transparent;font-size:24px;cursor:pointer;transition:all var(--transition-base)}.ultra-avatar-option:hover{transform:scale(1.1)}.ultra-avatar-option.selected{border-color:var(--primary);box-shadow:var(--glow)}.ultra-form{display:flex;flex-direction:column;gap:16px}.ultra-form-group{display:flex;flex-direction:column;gap:8px}.ultra-form-group label{font-size:14px;color:var(--text-secondary);font-weight:500}.ultra-input-field{padding:12px 16px;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);font-size:15px;outline:none;transition:all var(--transition-base)}.ultra-input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.ultra-btn-primary{padding:14px 24px;background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);color:var(--text);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.ultra-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow)}.ultra-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ultra-form-msg{font-size:14px;padding:10px 14px;border-radius:var(--radius-md)}.ultra-form-msg.success{background:#34c7591a;color:var(--success)}.ultra-form-msg.error{background:#ff453a1a;color:var(--error)}.ultra-security-card{background:var(--bg-surface);border-radius:var(--radius-xl);padding:20px;margin-bottom:20px}.ultra-e2ee-status{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-dark);border-radius:var(--radius-lg);margin-bottom:16px}.ultra-e2ee-status.active{border:1px solid var(--success)}.ultra-e2ee-icon{color:var(--primary)}.ultra-e2ee-status.active .ultra-e2ee-icon{color:var(--success)}.ultra-key-info{margin-top:16px;padding:14px;background:var(--bg-dark);border-radius:var(--radius-md)}.ultra-key-info label{font-size:13px;color:var(--text-secondary);display:block;margin-bottom:8px}.ultra-key-info code{font-family:Monaco,Consolas,monospace;font-size:12px;color:var(--text-link);word-break:break-all}.ultra-toggle{width:52px;height:28px;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;position:relative;transition:all var(--transition-base)}.ultra-toggle.active{background:var(--primary);border-color:var(--primary)}.ultra-toggle-handle{position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--text);border-radius:var(--radius-full);transition:transform var(--transition-base)}.ultra-toggle.active .ultra-toggle-handle{transform:translate(24px)}.ultra-setting-row{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-divider)}.ultra-setting-row:last-child{border-bottom:none}.ultra-setting-info{display:flex;align-items:center;gap:14px}.ultra-setting-info h4{font-size:15px;color:var(--text);margin-bottom:2px}.ultra-setting-info p{font-size:13px;color:var(--text-secondary)}.ultra-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.ultra-theme-option{padding:16px;background:var(--bg-surface);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center}.ultra-theme-option:hover{border-color:var(--primary);transform:translateY(-4px)}.ultra-theme-option.selected{border-color:var(--primary);box-shadow:var(--glow)}.ultra-theme-preview{width:100%;height:80px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.ultra-theme-check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:14px}.ultra-settings-footer{padding:16px;border-top:1px solid var(--border)}.ultra-btn-danger{width:100%;padding:14px 24px;background:#ff453a1a;border:1px solid var(--error);border-radius:var(--radius-lg);color:var(--error);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all var(--transition-base)}.ultra-btn-danger:hover{background:var(--error);color:var(--text)}.ultra-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.ultra-modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:modalSlide .3s ease}@keyframes modalSlide{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.ultra-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--bg-surface);border:1px solid var(--success);color:var(--success);padding:12px 24px;border-radius:var(--radius-full);box-shadow:var(--shadow-xl);z-index:3000;animation:toastSlide .3s ease}@keyframes toastSlide{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ultra-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.ultra-empty-icon{font-size:72px;margin-bottom:20px;opacity:.5}.ultra-empty p{font-size:18px;color:var(--text);margin-bottom:8px}.ultra-empty-sub{font-size:14px;color:var(--text-secondary)!important}.ultra-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px}.ultra-video-call{position:fixed;inset:0;background:var(--bg-dark);z-index:3000;display:flex;flex-direction:column}.ultra-call-video{flex:1;width:100%;height:100%;object-fit:cover}.ultra-call-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent,rgba(0,0,0,.7))}.ultra-call-info{text-align:center}.ultra-call-name{font-size:24px;font-weight:600;margin-bottom:8px}.ultra-call-status{font-size:16px;color:var(--text-secondary)}.ultra-call-actions{display:flex;justify-content:center;gap:16px}.ultra-call-btn{width:56px;height:56px;border-radius:var(--radius-full);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.ultra-call-btn.mute{background:var(--bg-surface);color:var(--text)}.ultra-call-btn.end{background:var(--error);color:var(--text)}.ultra-call-btn:hover{transform:scale(1.1)}@media(max-width:768px){.ultra-settings-content{flex-direction:column}.ultra-settings-sidebar{width:100%;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}.ultra-message{max-width:85%}.ultra-fab{bottom:16px;right:16px}}.hidden{display:none!important}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}:root{--primary: #4c8bf5;--primary-gradient: linear-gradient(135deg, #4c8bf5 0%, #7c5cff 100%);--primary-dark: #3a7bd5;--primary-light: rgba(76, 139, 245, .15);--primary-glow: rgba(76, 139, 245, .4);--bg-dark: #0a0e1a;--bg-card: #0f1422;--bg-surface: #161d2f;--bg-hover: #1a233a;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--text: #ffffff;--text-secondary: #9aa0b0;--text-muted: #5c6375;--success: #34c759;--error: #ff453a;--warning: #ff9500;--bubble-out: linear-gradient(135deg, #4c8bf5 0%, #7c5cff 100%);--bubble-in: rgba(255, 255, 255, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--glow: 0 0 20px var(--primary-glow);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-dark);color:var(--text);-webkit-font-smoothing:antialiased}.modern-chatlist{display:flex;flex-direction:column;height:100%;background:var(--bg-dark)}.modern-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.modern-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.modern-header{padding:12px 16px;background:var(--bg-card);border-bottom:1px solid var(--border)}.modern-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modern-logo{display:flex;align-items:center;gap:10px}.modern-logo-icon{font-size:28px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.modern-logo-text{font-size:24px;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.modern-header-btn{width:40px;height:40px;border-radius:var(--radius-md);border:none;background:var(--bg-surface);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modern-header-btn:hover{background:var(--primary-light);color:var(--primary);transform:scale(1.05)}.modern-search{display:flex;align-items:center;gap:10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px 14px;margin-bottom:12px;transition:all .2s}.modern-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.modern-search-icon{color:var(--text-muted);flex-shrink:0}.modern-search-input{flex:1;background:transparent;border:none;color:var(--text);font-size:15px;outline:none}.modern-search-input::placeholder{color:var(--text-muted)}.modern-tabs{display:flex;gap:8px}.modern-tab{flex:1;padding:10px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.modern-tab:hover{background:var(--bg-hover)}.modern-tab.active{background:var(--primary-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 12px var(--primary-glow)}.modern-chat-list{flex:1;overflow-y:auto;padding:8px}.modern-chat-list::-webkit-scrollbar{width:6px}.modern-chat-list::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}.modern-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.modern-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.modern-empty p{font-size:16px;color:var(--text);margin-bottom:4px}.modern-empty-sub{font-size:14px;color:var(--text-muted)!important}.modern-chat-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.modern-chat-item:hover{background:var(--bg-hover);transform:translate(4px)}.modern-chat-avatar-wrapper{position:relative;flex-shrink:0}.modern-chat-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--bg-surface);border:2px solid var(--border)}.modern-online-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:var(--success);border:2px solid var(--bg-card);border-radius:50%;box-shadow:0 0 8px var(--success)}.modern-chat-info{flex:1;min-width:0}.modern-chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.modern-chat-name{font-size:16px;font-weight:700;color:var(--text)}.modern-chat-name-group{display:flex;align-items:center;gap:8px}.modern-group-badge{font-size:14px}.modern-chat-time{font-size:12px;color:var(--text-muted);font-weight:500}.modern-chat-preview{display:flex;align-items:center;gap:8px}.modern-chat-preview-text{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.modern-unread-badge{min-width:20px;height:20px;padding:0 6px;background:var(--primary-gradient);border-radius:var(--radius-full);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--primary-glow)}.modern-fab{position:fixed;bottom:100px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--primary-gradient);border:none;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 20px var(--primary-glow);transition:all .3s;display:flex;align-items:center;justify-content:center;z-index:100}.modern-fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 8px 32px var(--primary-glow)}.modern-chat-room{display:flex;flex-direction:column;height:100%;background:var(--bg-dark)}.modern-chat-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--bg-card);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-shrink:0}.modern-chat-header-left{display:flex;align-items:center;gap:12px}.modern-back-btn{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-surface);border:none;color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modern-back-btn:hover{background:var(--primary-light);transform:translate(-2px)}.modern-chat-header-info{display:flex;align-items:center;gap:12px;cursor:pointer}.modern-chat-header-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--bg-surface);border:2px solid var(--border)}.modern-chat-header-name{font-size:16px;font-weight:700;color:var(--text);margin-bottom:2px}.modern-chat-header-status{font-size:12px;color:var(--text-muted);font-weight:500}.modern-chat-header-status.online{color:var(--success);font-weight:600}.modern-header-action-btn{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-surface);border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-left:4px}.modern-header-action-btn:hover{background:var(--primary-light);color:var(--primary);transform:scale(1.1)}.modern-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border)}.modern-search-input-full{flex:1;padding:10px 14px;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:14px;outline:none}.modern-search-input-full:focus{border-color:var(--primary)}.modern-e2ee-badge{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:#34c7591a;border:1px solid rgba(52,199,89,.3);border-radius:var(--radius-full);color:var(--success);font-size:12px;font-weight:600;margin:8px 20px;width:fit-content}.modern-messages-area{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.modern-date-divider{display:flex;align-items:center;justify-content:center;margin:16px 0}.modern-date-divider span{padding:6px 16px;background:var(--bg-surface);border-radius:var(--radius-full);font-size:12px;color:var(--text-secondary);font-weight:600;border:1px solid var(--border)}.modern-message-row{display:flex;align-items:flex-end;gap:8px;animation:messageSlideIn .3s ease-out}.modern-message-row.mine{flex-direction:row-reverse}.modern-message-avatar{font-size:32px;flex-shrink:0}.modern-message-bubble{max-width:70%;padding:12px 16px;border-radius:var(--radius-lg);position:relative}.modern-message-bubble.mine{background:var(--bubble-out);border-bottom-right-radius:4px;box-shadow:0 4px 16px #4c8bf54d}.modern-message-bubble.theirs{background:var(--bubble-in);border-bottom-left-radius:4px;border:1px solid var(--border)}.modern-message-text{font-size:15px;line-height:1.5;word-wrap:break-word}.modern-message-footer{display:flex;align-items:center;gap:6px;margin-top:4px;justify-content:flex-end}.modern-message-time{font-size:11px;color:#fff9}.modern-message-bubble.theirs .modern-message-time{color:var(--text-muted)}.modern-message-status{color:#ffffffb3;display:flex;align-items:center}.modern-edited-badge{font-size:10px;color:#ffffff80;font-style:italic}.modern-message-image{max-width:100%;border-radius:var(--radius-md);margin-bottom:4px}.modern-circle-video{width:200px;height:200px;border-radius:50%;object-fit:cover;background:#000}.modern-file-link{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border-radius:var(--radius-md);color:var(--text);text-decoration:none;font-size:14px;transition:background .2s}.modern-file-link:hover{background:#ffffff1a}.modern-sticker{font-size:64px;display:block}.modern-reactions-row{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.modern-reaction{padding:2px 6px;background:#ffffff1a;border-radius:var(--radius-full);font-size:12px}.modern-input-bar{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--bg-card);border-top:1px solid var(--border);flex-shrink:0}.modern-input-btn{width:36px;height:36px;border-radius:var(--radius-full);background:var(--bg-surface);border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.modern-input-btn:hover{background:var(--primary-light);color:var(--primary);transform:scale(1.1)}.modern-input-field{flex:1;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-size:15px;outline:none;transition:all .2s}.modern-input-field:focus{border-color:var(--primary);background:#4c8bf50d}.modern-send-btn{width:44px;height:44px;border-radius:50%;background:var(--primary-gradient);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--primary-glow);transition:all .3s}.modern-send-btn:hover{transform:scale(1.1) rotate(-10deg);box-shadow:0 8px 24px var(--primary-glow)}.modern-voice-btn{width:44px;height:44px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modern-voice-btn:hover{background:var(--primary-light);color:var(--primary)}.modern-voice-btn.recording{background:var(--error);border-color:var(--error);color:#fff;animation:pulseRecord 1s infinite}.modern-reply-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--bg-surface);border-top:1px solid var(--border)}.modern-reply-info{display:flex;flex-direction:column;gap:2px}.modern-reply-label{font-size:12px;color:var(--primary);font-weight:600}.modern-reply-preview-text{font-size:13px;color:var(--text-secondary)}.modern-reply-bar button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.modern-sticker-panel{background:var(--bg-card);border-top:1px solid var(--border);max-height:250px;overflow:auto}.sticker-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.sticker-panel-header span{font-size:14px;font-weight:600;color:var(--text)}.sticker-panel-header button{width:32px;height:32px;border-radius:var(--radius-md);background:var(--bg-surface);border:none;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.sticker-panel-header button:hover{background:var(--error);color:#fff}.modern-context-menu{position:fixed;z-index:1000;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.modern-context-menu-content{display:flex;flex-direction:column}.modern-context-menu-content button{padding:12px 20px;background:transparent;border:none;color:var(--text);font-size:14px;text-align:left;cursor:pointer;transition:background .2s;white-space:nowrap}.modern-context-menu-content button:hover{background:var(--bg-hover)}.modern-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.modern-modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);max-width:500px;width:100%;max-height:80vh;overflow:auto}.modern-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border)}.modern-modal-header h3{font-size:18px;font-weight:700}.modern-modal-header button{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-surface);border:none;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modern-modal-header button:hover{background:var(--error);color:#fff}.background-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:20px}.background-option{aspect-ratio:16/10;border-radius:var(--radius-md);border:3px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8)}.background-option.selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.modern-settings-page{display:flex;flex-direction:column;height:100%;background:var(--bg-dark)}.modern-settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--bg-card);border-bottom:1px solid var(--border)}.modern-settings-header h1{font-size:24px;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modern-settings-content{display:flex;flex:1;overflow:hidden}.modern-settings-sidebar{width:260px;background:var(--bg-card);border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.modern-settings-nav-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.modern-settings-nav-btn:hover{background:var(--bg-hover);color:var(--text)}.modern-settings-nav-btn.active{background:var(--primary-light);color:var(--primary)}.modern-settings-panel{flex:1;overflow-y:auto;padding:24px}.modern-settings-section{max-width:700px}.modern-settings-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:20px}.modern-settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px;margin-bottom:16px}.modern-settings-card h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:16px}.modern-profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px}.modern-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.modern-avatar-btn{position:relative;background:transparent;border:none;cursor:pointer;padding:0}.modern-avatar-large{width:100px;height:100px;border-radius:50%;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:56px;border:3px solid var(--border);transition:all .2s}.modern-avatar-btn:hover .modern-avatar-large{border-color:var(--primary);transform:scale(1.05)}.modern-avatar-edit{position:absolute;bottom:0;right:0;width:32px;height:32px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;border:2px solid var(--bg-card)}.modern-avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px;padding:16px;background:var(--bg-surface);border-radius:var(--radius-lg)}.modern-avatar-option{width:50px;height:50px;border-radius:50%;background:var(--bg-dark);border:2px solid transparent;font-size:28px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.modern-avatar-option:hover{transform:scale(1.1)}.modern-avatar-option.selected{border-color:var(--primary);background:var(--primary-light)}.modern-form{display:flex;flex-direction:column;gap:16px}.modern-form-group{display:flex;flex-direction:column;gap:8px}.modern-form-group label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.modern-input{padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:15px;outline:none;transition:all .2s}.modern-input:focus{border-color:var(--primary);background:#4c8bf50d}.modern-btn-primary{padding:14px 24px;background:var(--primary-gradient);border:none;border-radius:var(--radius-md);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px var(--primary-glow)}.modern-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--primary-glow)}.modern-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.modern-btn-danger{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:transparent;border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.modern-btn-danger:hover{background:#ff453a1a;transform:translateY(-2px)}.modern-form-msg{font-size:14px;font-weight:600}.modern-form-msg.success{color:var(--success)}.modern-form-msg.error{color:var(--error)}.modern-security-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px;margin-bottom:16px}.modern-e2ee-status{display:flex;align-items:center;gap:16px;padding:16px;background:#ff453a1a;border:1px solid rgba(255,69,58,.3);border-radius:var(--radius-lg);margin-bottom:16px}.modern-e2ee-status.active{background:#34c7591a;border-color:#34c7594d}.modern-e2ee-icon{color:var(--error)}.modern-e2ee-status.active .modern-e2ee-icon{color:var(--success)}.modern-e2ee-status h3{font-size:16px;font-weight:700;color:var(--text);margin:0 0 4px}.modern-e2ee-status p{font-size:13px;color:var(--text-secondary);margin:0}.modern-key-info{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg-surface);border-radius:var(--radius-md)}.modern-key-info label{font-size:12px;color:var(--text-secondary);font-weight:600}.modern-key-info code{font-family:Courier New,monospace;font-size:11px;color:var(--primary);word-break:break-all}.modern-setting-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.modern-setting-row:last-child{border-bottom:none}.modern-setting-info{display:flex;align-items:center;gap:12px}.modern-setting-info h4{font-size:15px;font-weight:600;color:var(--text);margin:0 0 2px}.modern-setting-info p{font-size:13px;color:var(--text-secondary);margin:0}.modern-toggle{width:52px;height:28px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;position:relative;transition:all .2s}.modern-toggle.active{background:var(--primary-gradient);border-color:var(--primary)}.modern-toggle-handle{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.modern-toggle.active .modern-toggle-handle{transform:translate(24px)}.modern-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.modern-theme-option{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.modern-theme-option:hover{border-color:var(--border-light);transform:translateY(-2px)}.modern-theme-option.selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.modern-theme-preview{width:60px;height:60px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.modern-theme-check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.modern-settings-footer{padding:20px;background:var(--bg-card);border-top:1px solid var(--border)}.modern-theme-option{position:relative}.modern-chat-stats{display:flex;justify-content:space-around;padding:8px 16px;background:var(--bg-card);border-top:1px solid var(--border);flex-shrink:0}.modern-stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.modern-stat-value{font-size:16px;font-weight:700;color:var(--text)}.modern-stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.modern-audio-player{display:flex;align-items:center;gap:10px;min-width:200px}.modern-audio-play-btn{width:36px;height:36px;border-radius:50%;background:var(--primary-gradient);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.modern-audio-play-btn:hover{transform:scale(1.1)}.modern-audio-progress{flex:1;height:4px;background:#fff3;border-radius:var(--radius-full);overflow:hidden;position:relative}.modern-audio-progress-bar{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width .1s linear}.modern-audio-time{font-size:11px;color:var(--text-secondary);min-width:35px}.modern-message-bubble.theirs .modern-audio-player{color:var(--text)}.modern-chat-info-content{padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.modern-chat-info-avatar{width:100px;height:100px;border-radius:50%;background:var(--bg-surface);border:3px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:56px;margin-bottom:8px}.modern-chat-info-content h2{font-size:24px;font-weight:800;color:var(--text)}.modern-chat-info-status{font-size:14px;color:var(--success);font-weight:600;margin-bottom:16px}.modern-chat-info-content h2+p{margin-top:4px}.modern-chat-info-section{width:100%;margin-top:16px}.modern-chat-info-section h4{font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.modern-info-action-btn{width:100%;padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:15px;font-weight:600;cursor:pointer;text-align:left;transition:all .2s;margin-bottom:8px}.modern-info-action-btn:hover{background:var(--bg-hover);border-color:var(--primary);transform:translate(4px)}.group-create-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);max-width:450px;width:100%;max-height:80vh;overflow:auto}.group-create-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border)}.group-create-header h2{font-size:20px;font-weight:800;color:var(--text)}.group-create-close{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-surface);border:none;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.group-create-close:hover{background:var(--error);color:#fff}.group-create-content{padding:24px;display:flex;flex-direction:column;gap:20px}.group-create-type{display:flex;gap:12px}.group-type-btn{flex:1;padding:14px 20px;background:var(--bg-surface);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.group-type-btn:hover{background:var(--bg-hover)}.group-type-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.group-create-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px}.group-avatar-btn{position:relative;background:transparent;border:none;cursor:pointer;padding:0}.group-avatar-large{width:80px;height:80px;border-radius:50%;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:42px;border:3px solid var(--border);transition:all .2s}.group-avatar-btn:hover .group-avatar-large{border-color:var(--primary);transform:scale(1.05)}.group-avatar-edit{position:absolute;bottom:0;right:0;width:28px;height:28px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;border:2px solid var(--bg-card)}.group-avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px;background:var(--bg-surface);border-radius:var(--radius-lg);width:100%}.group-avatar-option{width:48px;height:48px;border-radius:50%;background:var(--bg-dark);border:2px solid transparent;font-size:24px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.group-avatar-option:hover{transform:scale(1.1)}.group-avatar-option.selected{border-color:var(--primary);background:var(--primary-light)}.group-create-input{display:flex;flex-direction:column;gap:8px}.group-create-input label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.group-create-submit{padding:16px;background:var(--primary-gradient);border:none;border-radius:var(--radius-md);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px var(--primary-glow)}.group-create-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--primary-glow)}.group-create-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.max-chat-room{display:flex;flex-direction:column;height:100%;background:#0e1621}.max-chat-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#17212b;border-bottom:1px solid #0e1621;flex-shrink:0;height:60px}.max-header-left{display:flex;align-items:center;gap:12px}.max-back-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#6c7883;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.max-back-btn:hover{background:#2b3947;color:#fff}.max-header-avatar{width:42px;height:42px;border-radius:50%;background:#2b3947;display:flex;align-items:center;justify-content:center;font-size:28px}.max-header-info{display:flex;flex-direction:column;gap:2px}.max-header-name{font-size:16px;font-weight:600;color:#fff}.max-header-status{font-size:13px;color:#6c7883}.max-header-status.online{color:#34c759}.max-header-actions{display:flex;gap:6px;padding-right:8px}.max-action-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#6c7883;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.max-action-btn:hover{background:#2b3947;color:#fff}.max-action-btn-small{width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:#6c7883;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.max-action-btn-small:hover{background:#2b3947;color:#fff}.max-search-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#17212b;border-bottom:1px solid #0e1621}.max-search-input{flex:1;padding:8px 14px;background:#242f3d;border:1px solid #0e1621;border-radius:20px;color:#fff;font-size:14px;outline:none}.max-search-input:focus{border-color:#5288c1}.max-search-bar button{width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:#6c7883;cursor:pointer;display:flex;align-items:center;justify-content:center}.max-search-bar button:hover{background:#2b3947}.max-messages-area{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:#0e1621}.max-message-row{display:flex;align-items:flex-end;gap:8px;animation:messageSlideIn .2s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.max-message-row.mine{flex-direction:row-reverse}.max-message-avatar{font-size:32px;flex-shrink:0}.max-message-bubble{max-width:70%;padding:8px 12px;border-radius:12px;position:relative}.max-message-bubble.mine{background:#5288c1;border-bottom-right-radius:4px}.max-message-bubble.theirs{background:#17212b;border-bottom-left-radius:4px}.max-message-text{font-size:15px;line-height:1.4;color:#fff;word-wrap:break-word}.max-sticker{font-size:64px;display:block}.max-message-image{max-width:100%;border-radius:8px;margin-bottom:4px}.max-circle-video{width:180px;height:180px;border-radius:50%;object-fit:cover;background:#000}.max-file-link{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff1a;border-radius:8px;color:#fff;text-decoration:none;font-size:13px}.max-message-footer{display:flex;align-items:center;gap:6px;margin-top:4px;justify-content:flex-end}.max-message-time{font-size:11px;color:#ffffff80}.max-message-status{color:#ffffff80}.max-edited-badge{font-size:10px;color:#fff6;font-style:italic}.max-reactions-row{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.max-reaction{padding:2px 6px;background:#ffffff1a;border-radius:10px;font-size:12px}.max-input-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#17212b;border-top:1px solid #0e1621;flex-shrink:0;height:56px}.max-input-btn{width:36px;height:36px;border-radius:50%;background:#2b3947;border:none;color:#6c7883;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.max-input-btn:hover{background:#3d4a59;color:#fff}.max-input-field{flex:1;padding:10px 16px;background:#242f3d;border:1px solid #0e1621;border-radius:20px;color:#fff;font-size:15px;outline:none}.max-input-field:focus{border-color:#5288c1}.max-send-btn{width:40px;height:40px;border-radius:50%;background:#5288c1;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.max-send-btn:hover{background:#6a9dd6;transform:scale(1.05)}.max-voice-btn{width:40px;height:40px;border-radius:50%;background:#2b3947;border:none;color:#6c7883;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.max-voice-btn.recording{background:#ff453a;color:#fff;animation:pulseRecord 1s infinite}@keyframes pulseRecord{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.max-sticker-panel{background:#17212b;border-top:1px solid #0e1621;max-height:280px;overflow:auto}.max-context-menu{position:fixed;z-index:1000;background:#17212b;border:1px solid #0e1621;border-radius:12px;box-shadow:0 4px 20px #00000080;overflow:hidden}.max-context-content{display:flex;flex-direction:column}.max-context-content button{padding:12px 20px;background:transparent;border:none;color:#fff;font-size:14px;text-align:left;cursor:pointer;transition:background .2s;white-space:nowrap}.max-context-content button:hover{background:#2b3947}.modern-call-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#1a233a,#0e1621);z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center}.modern-call-remote{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.modern-call-local{position:absolute;bottom:120px;right:20px;width:120px;height:160px;border-radius:12px;object-fit:cover;border:2px solid rgba(255,255,255,.2);background:#2b3947}.modern-call-info{position:relative;z-index:10;text-align:center;padding:20px}.modern-call-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#5288c1,#7c5cff);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff;margin:0 auto 20px;box-shadow:0 8px 32px #5288c166}.modern-call-info h2{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px}.modern-call-status{font-size:16px;color:#6c7883;margin:0 0 4px}.modern-call-type{font-size:14px;color:#5288c1;font-weight:600}.modern-call-error{position:relative;z-index:10;background:#ff453a33;border:1px solid rgba(255,69,58,.4);border-radius:12px;padding:20px 40px;text-align:center;margin-bottom:20px}.modern-call-error p{color:#ff453a;font-size:16px;margin:0 0 16px}.modern-call-error button{padding:10px 24px;background:#ff453a;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer}.modern-call-controls{position:relative;z-index:10;display:flex;gap:16px;padding:20px}.modern-call-btn{width:64px;height:64px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modern-call-btn:hover{background:#fff3;transform:scale(1.1)}.modern-call-btn.muted{color:#ff453a}.modern-call-btn.end{background:#ff453a;width:72px;height:72px}.modern-call-btn.end:hover{background:#ff6b5f}@media(max-width:768px){.max-chat-header{padding:8px 12px;height:56px}.max-header-avatar{width:36px;height:36px;font-size:24px}.max-header-name{font-size:14px}.max-header-status{font-size:12px}.max-header-actions{gap:4px}.max-action-btn-small{width:28px;height:28px}.max-action-btn-small svg{width:16px;height:16px}.max-input-bar{padding:8px 12px;height:52px;gap:6px}.max-input-btn{width:32px;height:32px}.max-input-btn svg{width:18px;height:18px}.max-input-field{padding:8px 12px;font-size:14px}.max-send-btn,.max-voice-btn{width:36px;height:36px}.max-message-bubble{max-width:80%;padding:6px 10px}.max-message-text{font-size:14px}.max-context-menu{max-width:calc(100vw - 20px)}.modern-header{padding:8px 12px}.modern-logo-text{font-size:18px}.modern-search{padding:8px 12px}.modern-tabs{gap:4px}.modern-tab{padding:6px 10px;font-size:12px}.modern-chat-item{padding:10px 12px}.modern-chat-avatar{width:48px;height:48px;font-size:28px}.modern-chat-name{font-size:14px}.modern-chat-preview-text{font-size:13px}.modern-fab{bottom:80px;right:16px;width:48px;height:48px}.stories-bar{padding:8px 12px}.story-avatar-ring{width:56px;height:56px}.story-avatar{font-size:24px}.modern-call-local{width:80px;height:120px;bottom:100px;right:12px}.modern-call-controls{gap:12px;padding:16px}.modern-call-btn{width:56px;height:56px}.modern-call-btn.end{width:64px;height:64px}}@media(max-width:480px){.max-chat-header{height:52px}.max-header-info{max-width:120px}.max-header-name{font-size:13px}.max-message-bubble{max-width:85%}.modern-logo-text{font-size:16px}}.modern-contacts-page{display:flex;flex-direction:column;height:100%;background:#0e1621}.modern-contacts-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#17212b;border-bottom:1px solid #0e1621}.modern-contacts-header h1{font-size:20px;font-weight:700;color:#fff}.modern-contacts-search{padding:12px 16px;background:#17212b;border-bottom:1px solid #0e1621}.modern-search-results{flex:1;overflow-y:auto}.modern-search-result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #0e1621}.modern-result-avatar{width:48px;height:48px;border-radius:50%;background:#2b3947;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.modern-result-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.modern-result-name{font-size:15px;font-weight:600;color:#fff}.modern-result-status{font-size:13px;color:#6c7883}.modern-already-added{font-size:13px;color:#34c759;font-weight:600}.modern-btn-add,.modern-btn-remove{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.modern-btn-add{background:#5288c1;color:#fff}.modern-btn-add:hover{background:#6a9dd6}.modern-btn-remove{background:#2b3947;color:#6c7883}.modern-btn-remove:hover{background:#ff453a;color:#fff}.modern-contacts-list{flex:1;overflow-y:auto}.modern-contact-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #0e1621}.modern-contact-avatar{position:relative;width:48px;height:48px;border-radius:50%;background:#2b3947;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;flex-shrink:0}.modern-online-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#34c759;border:2px solid #17212b;border-radius:50%}.modern-contact-info{flex:1;display:flex;flex-direction:column;gap:4px;cursor:pointer;min-width:0}.modern-contact-name{font-size:15px;font-weight:600;color:#fff}.modern-contact-status{font-size:13px;color:#6c7883}.modern-contact-status.online{color:#34c759}.modern-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.modern-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#34c759;color:#fff;padding:12px 24px;border-radius:24px;font-size:14px;font-weight:600;box-shadow:0 4px 16px #34c75966;z-index:1000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0e1a;--bg2: #0f1422;--bg3: #161d2f;--surface: #1a233a;--surface2: #232d45;--border: #2a3550;--accent: #4c8bf5;--accent-gradient: linear-gradient(135deg, #4c8bf5 0%, #7c5cff 100%);--accent-hover: #5a9bff;--accent-light: rgba(76, 139, 245, .15);--accent-glow: rgba(76, 139, 245, .3);--text: #ffffff;--text2: #9aa0b0;--text3: #5c6375;--green: #34c759;--red: #ff453a;--orange: #ff9500;--yellow: #ffcc00;--bubble-mine: #4c8bf5;--bubble-theirs: #1a233a;--font: "Inter", system-ui, -apple-system, sans-serif;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--glow: 0 0 20px rgba(76, 139, 245, .4)}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.splash{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;background:radial-gradient(ellipse at center,#1a233a,#0a0e1a)}.splash-icon{font-size:72px;animation:pulse-glow 2s ease-in-out infinite}.splash-name{font-size:28px;font-weight:800;color:var(--text);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 20px var(--accent-glow));transform:scale(1)}50%{filter:drop-shadow(0 0 40px var(--accent-glow));transform:scale(1.05)}}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;box-shadow:0 0 10px var(--accent-glow)}.spinner-lg{display:inline-block;width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;box-shadow:0 0 20px var(--accent-glow)}.spinner-sm{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.auth-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse at 50% 0%,rgba(76,139,245,.15) 0%,rgba(124,92,255,.08) 50%,var(--bg) 100%)}.auth-card{width:100%;max-width:340px;background:#0f1422cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px 24px;box-shadow:0 32px 80px #0009,0 0 40px #4c8bf51a}.auth-logo{text-align:center;margin-bottom:20px}.auth-logo-icon{font-size:48px;margin-bottom:6px}.auth-app-name{font-size:24px;font-weight:700;letter-spacing:-.5px}.auth-version{color:var(--text2);font-size:12px;margin-top:4px}.auth-tabs{display:flex;background:#ffffff0d;border-radius:12px;padding:4px;margin-bottom:20px}.auth-tab{flex:1;padding:8px 0;border:none;background:transparent;color:var(--text2);font-family:var(--font);font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s}.auth-tab.active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #4c8bf54d}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:1px}.auth-field input,.pass-wrap input{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text);font-size:15px;font-family:var(--font);outline:none;transition:all .2s}.auth-field input:focus,.pass-wrap input:focus{border-color:var(--accent);background:#4c8bf50d;box-shadow:0 0 0 3px #4c8bf51a}.pass-wrap{position:relative}.pass-wrap input{padding-right:40px}.pass-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:14px;line-height:1}.captcha-wrap{display:flex;align-items:center;gap:8px}.captcha-question{flex:1;padding:10px 12px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:monospace;text-align:center;font-weight:700;letter-spacing:1px}.captcha-refresh{padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text);font-size:16px;cursor:pointer;transition:all .2s}.captcha-refresh:hover{background:#4c8bf533;border-color:var(--accent);transform:rotate(15deg)}.captcha-input{margin-top:6px!important}.captcha-error{margin-top:4px!important}.auth-error{color:var(--red);font-size:12px;text-align:center}.auth-submit{padding:14px;background:var(--accent-gradient);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;font-family:var(--font);cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #4c8bf54d}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4c8bf566}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.avatar-pick-wrap{display:flex;flex-direction:column;gap:6px;align-items:center}.avatar-pick-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;cursor:pointer;width:100%}.avatar-pick-icon{font-size:24px}.avatar-grid,.avatar-grid-big{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:8px}.avatar-grid-big{grid-template-columns:repeat(6,1fr)}.avatar-opt{font-size:20px;padding:4px;border:2px solid transparent;border-radius:6px;background:transparent;cursor:pointer;transition:all .15s}.avatar-opt:hover{background:var(--surface2)}.avatar-opt.selected{border-color:var(--accent);background:var(--accent-light)}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;background:#fffffff2;border:none;border-radius:12px;color:#1f1f1f;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all .2s;box-shadow:0 4px 12px #0003}.auth-google-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 6px 16px #0000004d}.auth-divider{display:flex;align-items:center;gap:12px;margin:12px 0}.auth-divider span{font-size:12px;color:var(--text2)}@media(max-height:500px){.auth-screen{padding:12px}.auth-card{padding:16px}.auth-logo{margin-bottom:12px}.auth-logo-icon{font-size:40px}.auth-app-name{font-size:20px}}@media(max-width:360px){.auth-card{max-width:280px;padding:20px 16px}.auth-logo-icon{font-size:42px}.auth-app-name{font-size:22px}.auth-tab{font-size:12px;padding:6px 0}.auth-field label{font-size:10px}.auth-field input{padding:9px 10px;font-size:13px}.auth-submit{padding:10px;font-size:13px}.auth-google-btn{padding:9px;font-size:13px}}.app-layout{display:flex;flex-direction:column;height:100%;overflow:hidden}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg)}.page-header{padding:16px 16px 12px;background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.page-header h2{font-size:22px;font-weight:700}.page-loading{display:flex;align-items:center;justify-content:center;height:200px}.bottom-nav{display:flex;background:#0f1422f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);padding-bottom:env(safe-area-inset-bottom,0);flex-shrink:0;box-shadow:0 -4px 20px #0000004d}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0;background:none;border:none;cursor:pointer;color:var(--text2);font-family:var(--font);transition:all .3s;position:relative}.nav-btn.active{color:var(--accent)}.nav-btn.active:after{content:"";position:absolute;bottom:4px;width:20px;height:3px;background:var(--accent-gradient);border-radius:2px}.nav-icon{font-size:24px;line-height:1;transition:transform .2s}.nav-btn:hover .nav-icon{transform:scale(1.1)}.nav-label{font-size:11px;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:10px}.empty-icon{font-size:56px}.empty-state p{color:var(--text);font-size:16px;font-weight:600}.empty-sub{color:var(--text2)!important;font-size:13px!important;font-weight:400!important}.chatlist-page{display:flex;flex-direction:column;min-height:100%}.chat-list{padding:8px 0}.chat-list-item{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:all .2s;border-bottom:1px solid rgba(255,255,255,.05);border-radius:16px;margin:4px 8px}.chat-list-item:hover{background:#ffffff0d;transform:translate(4px)}.chat-list-avatar{font-size:44px;flex-shrink:0;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.chat-list-info{flex:1;min-width:0;position:relative}.chat-list-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-list-name{font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.3px}.chat-list-time{font-size:12px;color:var(--text3);flex-shrink:0;font-weight:500}.chat-list-preview{font-size:14px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.online-badge{color:var(--green);font-size:12px;filter:drop-shadow(0 0 4px var(--green))}.contacts-page{display:flex;flex-direction:column;min-height:100%}.search-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg2);border-bottom:1px solid var(--border)}.search-input{flex:1;padding:10px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;font-family:var(--font);outline:none}.search-input:focus{border-color:var(--accent)}.search-btn{padding:10px 14px;background:var(--accent);border:none;border-radius:10px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-btn:disabled{opacity:.5;cursor:not-allowed}.search-result-box{margin:12px 16px;background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:14px}.search-none{color:var(--text2);font-size:14px;text-align:center}.search-user{display:flex;align-items:center;gap:12px}.search-user-avatar{font-size:36px}.search-user-info{flex:1;display:flex;flex-direction:column;gap:2px}.search-user-name{font-size:15px;font-weight:600}.online-text{color:var(--green);font-size:12px}.already-added{color:var(--green);font-size:13px;font-weight:600}.btn-add-contact{padding:8px 16px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.contacts-list{padding:8px 0}.contact-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.contact-avatar{font-size:40px;flex-shrink:0;line-height:1}.contact-info{flex:1;display:flex;flex-direction:column;gap:2px;cursor:pointer}.contact-name{font-size:15px;font-weight:600}.contact-actions{display:flex;align-items:center;gap:8px}.btn-msg{padding:8px 10px;background:var(--accent-light);border:none;border-radius:8px;font-size:16px;cursor:pointer}.btn-remove{padding:7px 10px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text2);font-size:14px;cursor:pointer}.btn-remove:hover{color:var(--red);border-color:var(--red)}.settings-page{display:flex;flex-direction:column;min-height:100%}.settings-profile-card{margin:16px;padding:24px;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 8px 32px #0000004d}.settings-avatar-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;cursor:pointer;transition:transform .2s}.settings-avatar-btn:hover{transform:scale(1.05)}.settings-avatar{font-size:80px;line-height:1;filter:drop-shadow(0 4px 16px rgba(0,0,0,.4))}.settings-avatar-label{font-size:13px;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:1px}.settings-username-form{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center}.settings-username{display:flex;flex-direction:column;align-items:center;gap:4px}.settings-username-input{padding:8px 12px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:var(--font);outline:none;text-align:center;width:100%;max-width:200px}.settings-username-input:focus{border-color:var(--accent)}.settings-name-label{font-size:12px;color:var(--text2);text-transform:uppercase;letter-spacing:.5px}.settings-name-val{font-size:18px;font-weight:700}.save-msg{color:var(--text2);font-size:13px}.save-msg.ok{color:var(--green)}.save-msg.err{color:var(--red)}.settings-section{margin:0 16px 16px;padding:20px;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;display:flex;flex-direction:column;gap:14px}.settings-section-title{font-size:14px;font-weight:700;color:var(--text2);margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.settings-form{display:flex;flex-direction:column;gap:12px}.settings-input{width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text);font-size:15px;font-family:var(--font);outline:none;transition:all .2s}.settings-input:focus{border-color:var(--accent);background:#4c8bf50d;box-shadow:0 0 0 3px #4c8bf51a}.pass-msg{font-size:13px;text-align:center}.pass-msg.ok{color:var(--green)}.pass-msg.err{color:var(--red)}.settings-btn-save{padding:14px;background:var(--accent-gradient);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .3s;box-shadow:0 4px 16px #4c8bf54d}.settings-btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4c8bf566}.settings-btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.settings-btn-logout{width:100%;padding:14px;background:transparent;border:1px solid var(--red);border-radius:12px;color:var(--red);font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .2s}.settings-btn-logout:hover{background:#ff453a1a;border-color:var(--red);transform:translateY(-2px)}.settings-btn-delete{width:100%;padding:14px;background:transparent;border:1px solid var(--red);border-radius:12px;color:var(--red);font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .2s}.settings-btn-delete:hover{background:#ff453a1a;transform:translateY(-2px)}.delete-confirm-form{display:flex;flex-direction:column;gap:12px}.delete-warning{font-size:14px;color:var(--red);text-align:center;font-weight:500}.delete-buttons{display:flex;gap:12px}.settings-btn-cancel{flex:1;padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text);font-size:15px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all .2s}.settings-btn-cancel:hover{background:#ffffff1a;transform:translateY(-2px)}.settings-btn-delete-confirm{flex:1;padding:14px;background:var(--red);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .2s;box-shadow:0 4px 16px #ff453a4d}.settings-btn-delete-confirm:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff453a66}.chat-room{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg);min-height:100vh}.chat-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#0f1422f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;min-height:64px;box-shadow:0 4px 20px #0000004d}.btn-back{background:#ffffff0d;border:none;color:var(--accent);font-size:22px;cursor:pointer;padding:8px 10px;flex-shrink:0;border-radius:10px;transition:all .2s}.btn-back:hover{background:#4c8bf526}.chat-header-info{flex:1;display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer}.chat-header-avatar{font-size:38px;flex-shrink:0;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.chat-header-name{font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.3px}.chat-header-status{font-size:12px;color:var(--text3);font-weight:500}.chat-header-status.online{color:var(--green);font-weight:600}.btn-video-call,.btn-search,.btn-starred,.btn-pinned{background:#ffffff0d;border:none;font-size:20px;cursor:pointer;flex-shrink:0;padding:8px;border-radius:10px;transition:all .2s}.btn-video-call:hover,.btn-search:hover,.btn-starred:hover,.btn-pinned:hover{background:#4c8bf526;transform:scale(1.05)}.messages-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 12px 8px;display:flex;flex-direction:column;gap:4px;background:var(--bg)}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:#4c8bf54d;border-radius:3px}.messages-area::-webkit-scrollbar-thumb:hover{background:#4c8bf580}.date-divider{display:flex;align-items:center;justify-content:center;margin:12px 0;gap:10px}.date-divider span{background:#ffffff14;color:var(--text2);font-size:12px;font-weight:600;padding:6px 14px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.msg-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:4px;animation:message-slide-in .3s ease-out}@keyframes message-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.msg-row.mine{flex-direction:row-reverse}.msg-avatar{font-size:28px;flex-shrink:0;line-height:1;margin-bottom:2px}.msg-bubble{max-width:72%;padding:10px 14px 8px;border-radius:20px;display:flex;flex-direction:column;gap:4px;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:-webkit-fill-available;box-shadow:0 2px 8px #0003}.msg-bubble.mine{background:var(--accent-gradient);border-bottom-right-radius:6px;color:#fff;box-shadow:0 4px 16px #4c8bf54d}.msg-bubble.theirs{background:#ffffff14;border-bottom-left-radius:6px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.msg-text{font-size:16px;line-height:1.45;white-space:normal;word-break:normal;overflow-wrap:anywhere}.msg-time{font-size:11px;color:#ffffffb3;align-self:flex-end}.msg-bubble.theirs .msg-time{color:var(--text3)}.msg-bubble.mine .msg-time{color:#ffffffb3}.msg-sticker{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px}.sticker-big{font-size:64px;line-height:1}.sticker-time{font-size:11px;color:var(--text2)}.typing-bubble{display:flex;align-items:center;gap:4px;padding:10px 14px;background:var(--bubble-theirs);border:1px solid var(--border);border-radius:16px 16px 16px 4px}.typing-bubble span{display:block;width:7px;height:7px;border-radius:50%;background:var(--text2);animation:typing-bounce 1.2s infinite}.typing-bubble span:nth-child(2){animation-delay:.2s}.typing-bubble span:nth-child(3){animation-delay:.4s}.chat-input-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));background:#0f1422f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;box-shadow:0 -4px 20px #0000004d}.btn-sticker{background:#ffffff0d;border:none;font-size:24px;cursor:pointer;flex-shrink:0;padding:8px;line-height:1;border-radius:10px;transition:all .2s}.btn-sticker:hover{background:#4c8bf526;transform:scale(1.1)}.chat-input{flex:1;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;color:var(--text);font-size:16px;font-family:var(--font);outline:none;transition:all .2s}.chat-input:focus{border-color:var(--accent);background:#4c8bf50d;box-shadow:0 0 0 3px #4c8bf51a}.btn-send{width:44px;height:44px;border-radius:50%;border:none;background:var(--accent-gradient);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s;box-shadow:0 4px 12px #4c8bf54d}.btn-send:hover{transform:scale(1.1) rotate(-10deg);box-shadow:0 6px 20px #4c8bf566}.btn-send:disabled{background:var(--surface2);cursor:not-allowed;box-shadow:none;transform:none}.sticker-picker{background:#0f1422f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.sticker-tabs{display:flex;align-items:center;padding:8px 12px;gap:4px;border-bottom:1px solid rgba(255,255,255,.05);overflow-x:auto}.sticker-tabs::-webkit-scrollbar{display:none}.sticker-tab{background:transparent;border:none;font-size:24px;padding:8px 10px;border-radius:10px;cursor:pointer;flex-shrink:0;transition:all .2s}.sticker-tab.active{background:#4c8bf533;transform:scale(1.1)}.sticker-close{margin-left:auto;background:#ffffff0d;border:none;color:var(--text2);font-size:18px;padding:8px 10px;cursor:pointer;border-radius:10px;flex-shrink:0;transition:all .2s}.sticker-close:hover{background:#ffffff1a;color:var(--text)}.sticker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:12px;max-height:200px;overflow-y:auto}.sticker-btn{background:transparent;border:none;font-size:32px;padding:10px;border-radius:12px;cursor:pointer;text-align:center;transition:all .2s;line-height:1}.sticker-btn:hover{background:#ffffff14;transform:scale(1.15)}.video-call-overlay{position:fixed;inset:0;background:#000;z-index:100;display:flex;flex-direction:column}.video-remote{width:100%;height:100%;object-fit:cover;background:#111}.video-local{position:absolute;bottom:100px;right:16px;width:100px;height:130px;border-radius:12px;object-fit:cover;border:2px solid rgba(255,255,255,.3);background:#222}.video-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:24px;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0));background:linear-gradient(transparent,#000c)}.btn-end-call{width:64px;height:64px;border-radius:50%;border:none;background:var(--red);color:#fff;font-size:28px;cursor:pointer}.btn-mute,.btn-cam{width:52px;height:52px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:22px;cursor:pointer}.call-status-text{position:absolute;top:40px;left:0;right:0;text-align:center;color:#fffc;font-size:15px;font-weight:500}.call-contact-name{position:absolute;top:60px;left:0;right:0;text-align:center;color:#fff;font-size:24px;font-weight:700}.video-circle-overlay{position:fixed;inset:0;background:#000000e6;z-index:500;display:flex;align-items:center;justify-content:center}.video-circle-container{position:relative;width:100%;max-width:500px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.video-circle-preview{width:100%;height:100%;object-fit:cover;border-radius:50%;transform:scaleX(-1)}.video-circle-mask{position:absolute;inset:0;background:radial-gradient(circle,transparent 50%,rgba(0,0,0,.8) 50%);border-radius:50%;pointer-events:none}.video-circle-timer{position:absolute;top:20%;left:50%;transform:translate(-50%);color:#fff;font-size:16px;font-weight:700;background:#00000080;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-circle-controls{position:absolute;bottom:10%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:40px}.video-circle-btn{width:50px;height:50px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.video-circle-btn:hover{background:#ffffff4d;transform:scale(1.1)}.video-circle-btn:disabled{opacity:.3;cursor:not-allowed}.video-circle-btn-record{width:72px;height:72px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.video-circle-btn-record.recording{background:#ff453a80;animation:pulse-record 1s ease-in-out infinite}@keyframes pulse-record{0%,to{transform:scale(1);box-shadow:0 0 #ff453a80}50%{transform:scale(1.05);box-shadow:0 0 0 20px #ff453a00}}.record-button-inner{width:56px;height:56px;border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.3);transition:all .2s}.video-circle-btn-record.recording .record-button-inner{width:24px;height:24px;background:#ff453a;border-color:#ff453a80}.video-circle-hint{position:absolute;top:15%;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:14px;text-align:center;background:#00000080;padding:8px 16px;border-radius:12px}.video-circle-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ff453a;font-size:16px;font-weight:600;background:#ff453a1a;padding:16px 24px;border-radius:12px;border:1px solid rgba(255,69,58,.3)}.quick-reaction-picker{position:fixed;z-index:1000;display:flex;gap:4px;background:#1a233af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:6px;box-shadow:0 8px 32px #0006;animation:reaction-pop .2s ease-out}@keyframes reaction-pop{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.quick-reaction-btn{position:relative;background:transparent;border:none;padding:8px;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.quick-reaction-btn:hover{background:#4c8bf533;transform:scale(1.2)}.quick-reaction-btn.active{background:#4c8bf54d}.quick-reaction-emoji{font-size:22px;line-height:1}.quick-reaction-count{position:absolute;bottom:-2px;right:-2px;font-size:9px;font-weight:700;color:#fff;background:var(--accent);padding:1px 4px;border-radius:6px;min-width:14px;text-align:center}.stories-bar{display:flex;gap:12px;padding:12px 16px;background:#0f142280;border-bottom:1px solid rgba(255,255,255,.05);overflow-x:auto;flex-shrink:0}.stories-bar::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform .2s;flex-shrink:0}.story-item:hover{transform:scale(1.05)}.story-avatar-ring{position:relative;width:64px;height:64px;background:var(--accent-gradient);border-radius:50%;padding:3px;transition:all .3s}.story-avatar-ring.viewed{background:#fff3}.story-avatar{width:100%;height:100%;background:var(--bg2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;overflow:hidden}.story-label{font-size:11px;color:var(--text2);font-weight:500;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-upload-modal{max-width:400px}.story-upload-content{padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.story-upload-hint{font-size:14px;color:var(--text2);text-align:center;line-height:1.5}.story-viewer-overlay{position:fixed;inset:0;z-index:2000;background:#000;display:flex;flex-direction:column}.story-progress-bar{display:flex;gap:4px;padding:8px 12px;position:absolute;top:0;left:0;right:0;z-index:10}.story-progress-segment{flex:1;height:3px;background:#ffffff4d;border-radius:2px;overflow:hidden}.story-progress-fill{height:100%;background:#fff;transition:width .1s linear}.story-content{flex:1;display:flex;align-items:center;justify-content:center}.story-media{max-width:100%;max-height:100%;object-fit:contain}.story-header{position:absolute;top:0;left:0;right:0;padding:40px 16px 12px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(rgba(0,0,0,.5),transparent);z-index:10}.story-header-info{display:flex;align-items:center;gap:10px}.story-header-avatar{font-size:32px}.story-header-name{color:#fff;font-size:16px;font-weight:600}.story-close{background:#fff3;border:none;color:#fff;font-size:24px;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s}.story-close:hover{background:#ffffff4d}.story-navigation{position:absolute;inset:0;display:flex;z-index:5}.story-nav-zone{flex:1}.story-nav-zone.prev{cursor:w-resize}.story-nav-zone.next{cursor:e-resize}.chat-bg-default{background:var(--bg)}.chat-bg-pattern{background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(135deg,#1a233a,#0a0e1a);background-size:30px 30px,100% 100%}.chat-bg-gradient-blue{background:linear-gradient(135deg,#1a233a,#0f1422)}.chat-bg-gradient-purple{background:linear-gradient(135deg,#2d1b4e,#1a1a2e)}.chat-bg-gradient-sunset{background:linear-gradient(135deg,#ff6b35,#1a1a2e)}.chat-bg-gradient-ocean{background:linear-gradient(135deg,#1a425c,#0a0e1a)}.message-edit-modal{max-width:500px}.message-edit-content{padding:20px}.message-edit-textarea{width:100%;min-height:120px;padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text);font-size:15px;font-family:var(--font);resize:vertical;outline:none;transition:all .2s}.message-edit-textarea:focus{border-color:var(--accent);background:#4c8bf50d}.message-edit-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px}.message-edit-timer{font-size:12px;color:var(--text2)}.message-edit-actions{display:flex;gap:8px}.edited-badge{font-size:10px;color:#ffffff80;font-weight:500;margin-left:4px}.msg-bubble.theirs .edited-badge{color:#ffffff4d}.secret-chat-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ff453a1a;border:1px solid rgba(255,69,58,.3);border-radius:12px;color:#ff453a;font-size:13px;font-weight:600;margin:12px 16px}.secret-chat-badge svg{width:16px;height:16px}.background-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:20px;max-height:400px;overflow-y:auto}.background-option{aspect-ratio:16/10;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.background-option:hover{transform:scale(1.02);box-shadow:0 4px 16px #0006}.background-option.selected{border-color:var(--accent);box-shadow:0 0 0 3px #4c8bf54d}.incoming-call-overlay{position:fixed;inset:0;z-index:200;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;padding:0 16px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0))}.incoming-call-card{width:100%;max-width:380px;background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:28px 24px;text-align:center;box-shadow:0 24px 64px #0009}.incoming-avatar{font-size:64px;margin-bottom:12px}.incoming-name{font-size:22px;font-weight:700;margin-bottom:6px}.incoming-label{color:var(--text2);font-size:14px;margin-bottom:28px}.incoming-btns{display:flex;justify-content:center;gap:40px}.btn-accept{width:64px;height:64px;border-radius:50%;border:none;background:var(--green);color:#fff;font-size:28px;cursor:pointer}.btn-decline{width:64px;height:64px;border-radius:50%;border:none;background:var(--red);color:#fff;font-size:28px;cursor:pointer}.main-content::-webkit-scrollbar{width:4px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.btn-new-chat{background:none;border:none;font-size:20px;cursor:pointer;padding:6px;border-radius:8px;transition:background .15s}.btn-new-chat:hover{background:var(--surface2)}.group-type-badge{font-size:13px}.modal-overlay{position:fixed;inset:0;background:#000000a6;z-index:300;display:flex;align-items:flex-end;justify-content:center;padding:0 0 env(safe-area-inset-bottom,0)}.modal-card{width:100%;max-width:420px;background:var(--bg2);border:1px solid var(--border);border-radius:20px 20px 0 0;padding:0 0 24px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg2);z-index:1}.modal-header h3{font-size:18px;font-weight:700}.modal-close,.modal-back{background:none;border:none;color:var(--text2);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px}.modal-close:hover,.modal-back:hover{color:var(--text);background:var(--surface2)}.type-choice{display:flex;flex-direction:column;gap:8px;padding:16px 20px}.type-btn{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg3);border:1px solid var(--border);border-radius:12px;cursor:pointer;text-align:left;transition:border-color .15s}.type-btn:hover{border-color:var(--accent);background:var(--accent-light)}.type-icon{font-size:36px;line-height:1;flex-shrink:0}.type-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:2px}.type-desc{font-size:13px;color:var(--text2)}.gc-avatar-row{display:flex;align-items:center;gap:14px;padding:16px 20px}.gc-avatar-btn{background:var(--bg3);border:1px solid var(--border);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:32px}.gc-avatar{line-height:1}.gc-name-input{flex:1;padding:12px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:15px;font-family:var(--font);outline:none}.gc-name-input:focus{border-color:var(--accent)}.gc-section-label{padding:4px 20px 8px;font-size:12px;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.gc-contacts{max-height:200px;overflow-y:auto;margin:0 0 12px}.gc-contact-row{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:background .15s}.gc-contact-row:hover{background:var(--surface)}.gc-contact-row.selected{background:var(--accent-light)}.gc-contact-avatar{font-size:32px;line-height:1}.gc-contact-name{flex:1;font-size:15px;font-weight:500}.gc-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;flex-shrink:0}.gc-check.on{background:var(--accent);border-color:var(--accent)}.gc-create-btn{display:block;width:calc(100% - 40px);margin:4px 20px 0;padding:13px;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--font)}.gc-create-btn:disabled{opacity:.6;cursor:not-allowed}.group-info-panel{background:var(--bg2);border-bottom:1px solid var(--border);padding:12px 16px;max-height:220px;overflow-y:auto;flex-shrink:0}.group-info-title{font-size:12px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.group-member-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.group-member-row:last-of-type{border-bottom:none}.group-member-avatar{font-size:26px;line-height:1}.group-member-name{flex:1;font-size:14px;font-weight:500}.admin-badge{font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-light);padding:2px 8px;border-radius:10px}.you-badge{font-size:11px;font-weight:600;color:var(--text2);background:var(--surface2);padding:2px 8px;border-radius:10px}.leave-btn{margin-top:10px;width:100%;padding:10px;background:transparent;border:1px solid var(--red);border-radius:8px;color:var(--red);font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font)}.msg-sender{font-size:11px;font-weight:600;color:var(--accent);margin-bottom:2px;display:block}.channel-readonly{padding:14px 16px;background:var(--bg2);border-top:1px solid var(--border);text-align:center;color:var(--text2);font-size:13px;flex-shrink:0}@media(min-width:768px){.auth-screen{background:var(--bg)}.app-layout{flex-direction:row}.main-content{max-width:380px;flex-shrink:0;border-right:1px solid var(--border)}.bottom-nav{flex-direction:column;width:64px;border-top:none;border-right:1px solid var(--border);order:-1;padding-bottom:0;padding-top:16px}.nav-btn{padding:14px 0}.nav-label{display:none}.chat-room{height:100vh}}.auth-google-btn{width:100%;padding:12px;background:#fff;border:1px solid var(--border);border-radius:10px;color:#3c4043;font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s;margin-bottom:16px}.auth-google-btn:hover{background:#f8f9fa}.auth-google-btn:disabled{opacity:.7;cursor:not-allowed}.google-icon{flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--text2);font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.btn-file{width:40px;height:40px;border-radius:50%;border:none;background:var(--surface2);color:var(--text);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.btn-file:hover{background:var(--surface)}.btn-file:disabled{opacity:.5;cursor:not-allowed}.msg-image-link{display:block;border-radius:12px;overflow:hidden;margin-bottom:4px}.msg-image{max-width:280px;max-height:280px;width:auto;height:auto;display:block;border-radius:8px;cursor:pointer}.msg-bubble.mine .msg-image-link{background:transparent}.msg-file-link{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff0d;border-radius:10px;text-decoration:none;color:var(--text);margin-bottom:4px;transition:background .15s}.msg-file-link:hover{background:#ffffff1a}.msg-file-icon{font-size:24px;flex-shrink:0}.msg-file-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.msg-file-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-file-size{font-size:12px;color:var(--text2)}.msg-bubble.mine .msg-file-link{background:#00000026}.msg-voice{min-width:200px;padding:10px 14px}.audio-player{display:flex;align-items:center;gap:10px}.audio-play-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:4px;flex-shrink:0;line-height:1;transition:transform .1s}.audio-play-btn:active{transform:scale(.9)}.audio-progress-container{display:flex;align-items:center;gap:8px;flex:1}.audio-progress{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer}.audio-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid #fff}.audio-progress::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid #fff}.audio-progress::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:transparent}.audio-duration{font-size:12px;color:var(--text2);flex-shrink:0;min-width:36px;text-align:right}.msg-bubble.mine .audio-duration{color:#fff9}.voice-preview{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg2);border-top:1px solid var(--border);animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.voice-preview-content{display:flex;align-items:center;gap:12px;flex:1}.voice-icon{font-size:24px}.voice-timer{font-size:15px;font-weight:600;font-family:monospace;color:var(--text)}.voice-wave{display:flex;align-items:center;gap:3px;height:20px}.voice-wave span{display:block;width:3px;height:8px;border-radius:2px;background:var(--accent);animation:voiceWave .5s ease-in-out infinite}.voice-wave span:nth-child(2){animation-delay:.1s;height:12px}.voice-wave span:nth-child(3){animation-delay:.2s;height:16px}.voice-wave span:nth-child(4){animation-delay:.3s;height:12px}.voice-wave span:nth-child(5){animation-delay:.4s;height:8px}.voice-preview-actions{display:flex;gap:8px}.btn-voice-cancel,.btn-voice-send{width:40px;height:40px;border-radius:50%;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s,background .2s}.btn-voice-cancel{background:var(--surface2);color:var(--text)}.btn-voice-cancel:hover{background:var(--surface)}.btn-voice-send{background:var(--accent);color:#fff}.btn-voice-send:hover{background:var(--accent-hover)}.btn-voice-cancel:active,.btn-voice-send:active{transform:scale(.9)}.btn-voice{width:40px;height:40px;border-radius:50%;border:none;background:var(--surface2);color:var(--text);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .1s}.btn-voice:hover{background:var(--surface)}.btn-voice:disabled{opacity:.5;cursor:not-allowed}.btn-voice.recording{background:var(--red);color:#fff;animation:pulse 1s infinite}.btn-voice:active{transform:scale(.9)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}@keyframes voiceWave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.2)}}.msg-row{animation:slideInLeft .2s ease-out}.msg-row.mine{animation:slideInRight .2s ease-out}.modal-card{animation:slideUp .3s ease-out}.msg-meta{display:flex;align-items:center;gap:6px;justify-content:flex-end}.btn-more-msg{background:none;border:none;color:var(--text2);font-size:18px;cursor:pointer;padding:0 4px;line-height:1;opacity:.6;transition:all .2s;border-radius:4px}.btn-more-msg:hover{background:#0000001a;opacity:1}.msg-bubble.mine .btn-more-msg:hover{background:#0003}.hidden-content{cursor:pointer;-webkit-user-select:none;user-select:none}.hidden-blur{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;background:var(--surface);border-radius:12px;filter:blur(8px);position:relative}.hidden-blur:after{content:"";position:absolute;inset:0;background:#0000004d;border-radius:12px}.hidden-icon{font-size:32px;position:relative;z-index:1}.hidden-text{font-size:14px;color:var(--text);font-weight:600;position:relative;z-index:1}.hidden-hint{font-size:12px;color:var(--text2);position:relative;z-index:1}.qr-code-container{display:flex;align-items:center;justify-content:center;padding:16px;background:#fff;border-radius:12px}.qr-code-image{border-radius:8px}.msg-video{max-width:320px;max-height:240px;border-radius:8px;background:#000;cursor:pointer}.starred-panel{position:absolute;top:62px;left:0;right:0;background:var(--bg2);border-bottom:1px solid var(--border);z-index:50;max-height:300px;overflow-y:auto;animation:slideDown .2s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.starred-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);font-weight:600;font-size:14px}.btn-close-starred{background:none;border:none;color:var(--text2);font-size:18px;cursor:pointer;padding:2px 6px;border-radius:4px}.btn-close-starred:hover{background:var(--surface2);color:var(--text)}.starred-messages{padding:8px 0}.starred-empty{padding:20px;text-align:center;color:var(--text2);font-size:14px}.starred-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;transition:background .15s;gap:12px}.starred-item:hover{background:var(--surface2)}.starred-text{flex:1;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.starred-time{font-size:12px;color:var(--text2);flex-shrink:0}.btn-starred{background:none;border:none;font-size:20px;cursor:pointer;padding:4px;flex-shrink:0;transition:transform .15s}.btn-starred:hover{transform:scale(1.1)}.btn-starred:active{transform:scale(.95)}.btn-search{background:none;border:none;font-size:20px;cursor:pointer;padding:4px;flex-shrink:0;transition:transform .15s}.btn-search:hover{transform:scale(1.1)}.search-bar-chat{padding:12px 16px;background:#0f1422f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);display:flex;gap:8px;align-items:center;animation:slideDown .2s ease-out}.search-input-chat{flex:1;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text);font-size:14px;font-family:var(--font);outline:none;transition:all .2s}.search-input-chat:focus{border-color:var(--accent);background:#4c8bf50d}.btn-close-search{background:#ffffff0d;border:none;color:var(--text);font-size:16px;padding:6px 10px;border-radius:6px;cursor:pointer}.btn-close-search:hover{background:var(--surface)}.pin-indicator{margin-right:4px;font-size:14px}.chat-list-item.pinned{background:var(--surface);border-left:3px solid var(--accent)}.unread-badge{background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center;flex-shrink:0}@media(max-width:480px){.chat-header{padding:8px 12px;min-height:56px}.chat-header-avatar{font-size:28px}.chat-header-name{font-size:14px}.chat-header-status{font-size:11px}.btn-video-call,.btn-search,.btn-starred{font-size:18px;padding:4px}.msg-bubble{max-width:85%;padding:6px 10px}.msg-text{font-size:14px}.chat-input-bar{padding:8px}.chat-input{font-size:14px;padding:8px 12px}.btn-send,.btn-file,.btn-sticker,.btn-voice{width:36px;height:36px;font-size:18px}.bottom-nav{padding-bottom:env(safe-area-inset-bottom,0)}.nav-icon{font-size:20px}.nav-label{font-size:10px}.modal-card{margin:16px;max-width:calc(100% - 32px)}.delete-menu{max-width:calc(100% - 32px)}}