*{box-sizing:border-box;margin:0;padding:0}html{-webkit-overflow-scrolling:touch;overflow-y:auto}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;direction:rtl;font-family:Vazirmatn,Vazir,Tahoma,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:100vw;position:relative;text-rendering:optimizeLegibility}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100vh;height:100dvh;max-width:100vw;min-height:-webkit-fill-available;overflow:hidden;position:relative;width:100%}@media screen and (max-width:768px){body,html{-webkit-overflow-scrolling:touch;overflow:hidden;overscroll-behavior:none}#root,body,html{bottom:0;left:0;position:fixed;right:0;top:0;width:100%}#root{height:100%;height:100dvh;max-width:100vw;min-height:-webkit-fill-available;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,input,select,textarea{font-size:16px!important}}@keyframes app-loading-spin{to{transform:rotate(1turn)}}[data-theme=dark] body{color:#e4e4e4}[data-theme=dark] #root,[data-theme=dark] .chat-container,[data-theme=dark] body{background-color:#18222d}[data-theme=dark] .chat-sidebar{background-color:#242f3d;border-left-color:#2b3945}[data-theme=dark] .chat-header{border-bottom-color:#2b3945}[data-theme=dark] .chat-header h2{color:#e4e4e4}[data-theme=dark] .chat-main{background-color:#18222d}[data-theme=dark] .no-chat-selected{color:#8b949e}[data-theme=dark] .icon-btn:hover{background-color:#2b3945}[data-theme=dark] .notification-banner{background:linear-gradient(90deg,#1e3a5f,#2b3945);border-bottom-color:#2b3945;color:#7eb8fa}[data-theme=dark] .settings-container{background-color:#18222d}[data-theme=dark] .settings-sidebar{background-color:#242f3d;border-left-color:#2b3945}[data-theme=dark] .settings-sidebar h2{color:#e4e4e4}[data-theme=dark] .back-btn{color:#62b4f6}[data-theme=dark] .settings-tabs button{color:#e4e4e4}[data-theme=dark] .settings-tabs button:hover{background-color:#2b3945}[data-theme=dark] .settings-tabs button.active{background-color:#1e3a5f;color:#62b4f6}[data-theme=dark] .settings-content{background-color:#18222d}[data-theme=dark] .settings-section{background-color:#242f3d;border:1px solid #2b3945}[data-theme=dark] .settings-section h3{color:#e4e4e4}[data-theme=dark] .form-group label{color:#b0b8c0}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea,[data-theme=dark] .settings-select{background-color:#18222d;border-color:#2b3945;color:#e4e4e4}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#8b949e}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus,[data-theme=dark] .settings-select:focus{border-color:#62b4f6}[data-theme=dark] .settings-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23e4e4e4' d='M6 9 1 4h10z'/%3E%3C/svg%3E")}[data-theme=dark] .settings-toggle-label span{color:#e4e4e4}[data-theme=dark] .settings-auto-save-note,[data-theme=dark] .settings-muted{color:#8b949e}[data-theme=dark] .settings-section .message{color:#b0b8c0}[data-theme=dark] .settings-divider{border-color:#2b3945}[data-theme=dark] .settings-subsection-title{color:#e4e4e4}[data-theme=dark] .profile-avatar-btn,[data-theme=dark] .settings-section button.primary{background-color:#08c;border-color:#08c;color:#fff}[data-theme=dark] .profile-avatar-btn:hover:not(:disabled),[data-theme=dark] .settings-section button.primary:hover:not(:disabled){background-color:#006ba3}[data-theme=dark] .settings-toggle-wrapper{--toggle-bg:#2b3945;--toggle-checked:#62b4f6}[data-theme=dark] .settings-toggle-slider{background-color:#2b3945}[data-theme=dark] .settings-toggle:checked+.settings-toggle-slider{background-color:#62b4f6}[data-theme=dark] .background-item{background:#18222d;border:1px solid #2b3945}[data-theme=dark] .background-item-info span{color:#e4e4e4}[data-theme=dark] .forward-modal{background-color:#242f3d;border:1px solid #2b3945}[data-theme=dark] .forward-modal h3{color:#e4e4e4}[data-theme=dark] .forward-chat-list button{border-bottom-color:#2b3945;color:#e4e4e4}[data-theme=dark] .forward-chat-list button:active,[data-theme=dark] .forward-chat-list button:hover{background:#2b3945}[data-theme=dark] .forward-modal-close{background:#2b3945;color:#e4e4e4}[data-theme=dark] .chat-search{border-bottom-color:#2b3945}[data-theme=dark] .chat-search input{background-color:#18222d;border-color:#2b3945;color:#e4e4e4}[data-theme=dark] .chat-search input::placeholder{color:#8b949e}[data-theme=dark] .chat-item{border-bottom-color:#2b3945}[data-theme=dark] .chat-item:hover{background-color:#2b3945}[data-theme=dark] .chat-item.active{background-color:#1e3a5f}[data-theme=dark] .chat-name{color:#e4e4e4}[data-theme=dark] .chat-time{color:#8b949e}[data-theme=dark] .chat-preview{color:#b0b8c0}[data-theme=dark] .no-chats{color:#8b949e}[data-theme=dark] .chat-window{background-color:#18222d}[data-theme=dark] .chat-window-header{background-color:#242f3d;border-bottom-color:#2b3945}[data-theme=dark] .header-name{color:#e4e4e4}[data-theme=dark] .header-status{color:#8b949e}[data-theme=dark] .header-status-online{color:#3fb950}[data-theme=dark] .header-status-dot{background-color:#3fb950}[data-theme=dark] .header-status-typing{color:#62b4f6}[data-theme=dark] .chat-window-private .chat-window-header{backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);background:#1e263080!important;border:none;box-shadow:none;height:72px;padding:12px 16px}[data-theme=dark] .chat-window-header-private .header-floating-bar{background:#0000}[data-theme=dark] .chat-window-header-private .header-back-btn,[data-theme=dark] .chat-window-header-private .header-back-btn-pill{background:#343e4a;box-shadow:none;color:#fff}[data-theme=dark] .chat-window-header-private .header-back-btn-pill:hover,[data-theme=dark] .chat-window-header-private .header-back-btn:hover{background:#3e4954;box-shadow:none}[data-theme=dark] .chat-window-header-private .header-back-btn-pill .header-chevron,[data-theme=dark] .chat-window-header-private .header-back-btn-pill .header-unread-badge{color:#fff}[data-theme=dark] .chat-window-header-private .header-center-pill{background:#ffffff0f;border-color:#ffffff14;box-shadow:0 1px 8px #0003}[data-theme=dark] .chat-window-header-private .header-center-pill:before{display:none}[data-theme=dark] .chat-window-header-private .header-center-pill .header-title{color:#f0f0f5;font-weight:800}[data-theme=dark] .chat-window-header-private .header-center-pill .header-subtitle{color:#9ca3af}[data-theme=dark] .chat-window-header-private .header-center-pill .header-subtitle.header-status-online{color:#34c759}[data-theme=dark] .chat-window-header-private .header-avatar-wrap{background:#242f3d;border-color:#ffffff59}[data-theme=dark] .header-floating-bar-group{background:#1e252d}[data-theme=dark] .header-floating-bar-group .header-back-btn{background:#2b3945;box-shadow:0 1px 4px #00000040}[data-theme=dark] .header-floating-bar-group .header-back-btn:hover{box-shadow:0 2px 8px #00000059}[data-theme=dark] .header-floating-bar-group .header-chevron{color:#e4e4e4}[data-theme=dark] .header-floating-bar-group .header-center-pill{background:#2b3945;box-shadow:0 1px 3px #0003}[data-theme=dark] .header-floating-bar-group .header-center-pill .header-title{color:#e4e4e4}[data-theme=dark] .header-floating-bar-group .header-center-pill .header-subtitle{color:#8b949e}[data-theme=dark] .header-floating-bar-group .header-center-pill .header-subtitle.header-status-online{color:#34c759}[data-theme=dark] .header-floating-bar-group .header-avatar-wrap{background:#242f3d;border-color:#fff3}[data-theme=dark] .message-list-scroll{background-color:#18222d;scrollbar-color:#2b3945 #18222d;scrollbar-width:thin}[data-theme=dark] .message-list-scroll::-webkit-scrollbar{height:10px;width:10px}[data-theme=dark] .message-list-scroll::-webkit-scrollbar-track{background:#18222d}[data-theme=dark] .message-list-scroll::-webkit-scrollbar-thumb{background:#2b3945;border:2px solid #18222d;border-radius:5px}[data-theme=dark] .message-list-scroll::-webkit-scrollbar-thumb:hover{background:#3d4f5f}[data-theme=dark] .chat-list,[data-theme=dark] .chat-sidebar,[data-theme=dark] .settings-content{scrollbar-color:#2b3945 #242f3d;scrollbar-width:thin}[data-theme=dark] .chat-list::-webkit-scrollbar,[data-theme=dark] .chat-sidebar::-webkit-scrollbar,[data-theme=dark] .settings-content::-webkit-scrollbar{height:8px;width:8px}[data-theme=dark] .chat-list::-webkit-scrollbar-track,[data-theme=dark] .chat-sidebar::-webkit-scrollbar-track,[data-theme=dark] .settings-content::-webkit-scrollbar-track{background:#242f3d}[data-theme=dark] .chat-list::-webkit-scrollbar-thumb,[data-theme=dark] .chat-sidebar::-webkit-scrollbar-thumb,[data-theme=dark] .settings-content::-webkit-scrollbar-thumb{background:#2b3945;border-radius:4px}[data-theme=dark] .chat-list::-webkit-scrollbar-thumb:hover,[data-theme=dark] .chat-sidebar::-webkit-scrollbar-thumb:hover,[data-theme=dark] .settings-content::-webkit-scrollbar-thumb:hover{background:#3d4f5f}[data-theme=dark] .message-list-scroll.has-background{background-color:#18222d}[data-theme=dark] .chat-window-private .message-list-scroll.has-background{background-color:initial}[data-theme=dark] .chat-blocked-banner{background:#ffffff0f;border-top-color:#ffffff1a;color:#8e8e93}[data-theme=dark] .chat-blocked-them-banner{background:#c8505026;color:#e08080}[data-theme=dark] .message-item.other .message-bubble,[data-theme=dark] .message-item:not(.is-group).other .message-bubble{background-color:#2b3945;border:1px solid #ffffff0f;color:#e4e4e4}[data-theme=dark] .message-item.other .message-text,[data-theme=dark] .message-item:not(.is-group).other .message-bubble .message-text{color:#e4e4e4}[data-theme=dark] .message-item.own .message-bubble{background-color:#1e3a5f;border:1px solid #62b4f626;color:#e4e4e4}[data-theme=dark] .message-item:not(.is-group).own .message-bubble{background-color:#1e3a5f;border:1px solid #62b4f626}[data-theme=dark] .message-item.own .message-bubble .message-forwarded-from,[data-theme=dark] .message-item.own .message-bubble .message-status,[data-theme=dark] .message-item.own .message-bubble .message-text,[data-theme=dark] .message-item.own .message-bubble .message-time,[data-theme=dark] .message-item.own .message-bubble .reply-content,[data-theme=dark] .message-item.own .message-bubble .reply-sender{color:#fffffff2}[data-theme=dark] .message-item.own .message-bubble .message-status.read{color:#7eb8fa}[data-theme=dark] .message-sender{color:#62b4f6}[data-theme=dark] .message-item .message-reply{background:#0003;border-right-color:#2b3945}[data-theme=dark] .message-item .reply-sender{color:#62b4f6}[data-theme=dark] .message-item .reply-content{color:#b0b8c0}[data-theme=dark] .message-item.other .message-bubble .message-status,[data-theme=dark] .message-item.other .message-bubble .message-time{color:#8b949e}[data-theme=dark] .chat-window-private .message-input-container,[data-theme=dark] .message-input-container{background:linear-gradient(180deg,#1e2a35,#242f3d)!important;border-top-color:#2b3945}[data-theme=dark] .chat-window-private .message-input-container.drag-active,[data-theme=dark] .message-input-container.drag-active{background:#1e3a5f!important}[data-theme=dark] .chat-window-private .message-input-form-telegram .message-input-bar,[data-theme=dark] .message-input-form-telegram .message-input-bar{background:#18222d!important;border-color:#2b3945;box-shadow:0 1px 3px #0000004d,inset 0 1px 0 #ffffff08}[data-theme=dark] .chat-window-private .message-input-form-telegram .message-input-bar:focus-within,[data-theme=dark] .message-input-form-telegram .message-input-bar:focus-within{border-color:#62b4f666;box-shadow:0 1px 4px #00000059}[data-theme=dark] .chat-window-private .message-input-form-telegram .message-textarea,[data-theme=dark] .message-input-form-telegram .message-textarea{background:#0000!important;border-color:#0000;color:#e4e4e4}[data-theme=dark] .message-input-form-telegram .message-textarea::placeholder{color:#8b949e}[data-theme=dark] .action-btn,[data-theme=dark] .action-btn .action-btn-icon{color:#b0b8c0}[data-theme=dark] .action-btn:hover{background-color:#ffffff14;color:#e4e4e4}[data-theme=dark] .reply-preview{background:#18222d;border-right-color:#62b4f6;box-shadow:0 1px 2px #0003}[data-theme=dark] .reply-preview-label{color:#62b4f6}[data-theme=dark] .reply-preview-text{color:#e4e4e4}[data-theme=dark] .reply-preview-cancel{color:#8b949e}[data-theme=dark] .send-btn-circle{background-color:#08c}[data-theme=dark] .send-btn:hover:not(:disabled){background:#006ba3}[data-theme=dark] .voice-btn.recording{background-color:#c53030;color:#fff}[data-theme=dark] .voice-recording-bar{background:#ffffff0f;border-color:#2b3945}[data-theme=dark] .voice-recording-timer{color:#e4e4e4}[data-theme=dark] .voice-recording-hint{color:#8b949e}[data-theme=dark] .voice-pending-bar{background:#0088cc1f;border-color:#0088cc40}[data-theme=dark] .voice-pending-label{color:#e4e4e4}[data-theme=dark] .voice-pending-cancel{background:#ffffff1a;color:#8b949e}[data-theme=dark] .voice-pending-cancel:hover{background:#ffffff26}[data-theme=dark] .message-item.own .message-voice-bubble{background:#0000}[data-theme=dark] .message-item.own .message-voice-bubble .message-voice-duration,[data-theme=dark] .message-item.own .message-voice-bubble .message-voice-retry-hint,[data-theme=dark] .message-item.own .message-voice-bubble .message-voice-size{color:#ffffffe6}[data-theme=dark] .message-item.own .message-voice-modern .message-voice-play{background:#ffffff40;color:#fff}[data-theme=dark] .message-item.other .message-voice-bubble .message-voice-duration,[data-theme=dark] .message-item.other .message-voice-bubble .message-voice-retry-hint,[data-theme=dark] .message-item.other .message-voice-bubble .message-voice-size{color:#b0b8c0}@media (max-width:768px){[data-theme=dark] .settings-sidebar{background-color:#242f3d;border-bottom-color:#2b3945}[data-theme=dark] .chat-window-header-private .header-center-pill,[data-theme=dark] .header-floating-bar-group .header-center-pill{backdrop-filter:none;-webkit-backdrop-filter:none;background:#282d37f2;border-color:#ffffff14;box-shadow:none}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:40px;width:100%}.auth-box h1{color:#333;font-size:28px;margin-bottom:30px;text-align:center}.form-group input{-webkit-appearance:none;appearance:none;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:16px;min-height:48px;padding:14px 12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#08c;outline:none}.btn-primary{-webkit-appearance:none;appearance:none;background-color:#08c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;min-height:48px;padding:14px 12px;touch-action:manipulation;transition:background-color .3s;width:100%}.btn-touch:active{opacity:.9}.btn-primary:hover:not(:disabled){background-color:#006ba3}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.auth-retry-box{background:#fff8e6;border:1px solid khaki;border-radius:8px;margin-bottom:16px;padding:12px;text-align:center}.auth-retry-box p{color:#856404;font-size:14px;margin:0 0 10px}.btn-secondary{-webkit-appearance:none;appearance:none;background:#f0f0f0;border:1px solid #ccc;border-radius:8px;color:#333;cursor:pointer;font-size:15px;min-height:44px;padding:10px 12px;touch-action:manipulation;transition:background .2s;width:100%}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.error-message{color:#e74c3c;font-size:14px;margin-bottom:15px;text-align:center}.auth-link{color:#666;margin-top:20px;text-align:center}.auth-link a{color:#08c;text-decoration:none}.auth-link a:hover{text-decoration:underline}.avatar{align-items:center;background-color:#08c;border-radius:50%;display:flex;flex-shrink:0;justify-content:center;overflow:hidden}.avatar-img{display:block;height:100%;object-fit:cover;width:100%}.avatar-fallback{font-size:24px}.avatar.avatar-sm{height:40px;width:40px}.avatar.avatar-sm .avatar-fallback{font-size:20px}.avatar.avatar-md{height:50px;width:50px}.avatar.avatar-md .avatar-fallback{font-size:24px}.avatar.avatar-lg{height:60px;width:60px}.avatar.avatar-lg .avatar-fallback{font-size:30px}.avatar.avatar-xl{height:100px;width:100px}.avatar.avatar-xl .avatar-fallback{font-size:48px}.chat-list{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto}.chat-search{border-bottom:1px solid #e4e6eb;padding:10px}.chat-search input{border:1px solid #e4e6eb;border-radius:20px;font-size:14px;padding:8px 12px;width:100%}.chat-search input:focus{border-color:#08c;outline:none}.chat-items{flex:1 1;overflow-y:auto}.chat-item{border-bottom:1px solid #f0f2f5;cursor:pointer;display:flex;padding:12px;position:relative;transition:background-color .2s}.chat-item:hover{background-color:#f8f9fa}.chat-item.active{background-color:#e7f3ff}.chat-avatar{flex-shrink:0;margin-left:12px}.chat-avatar,.chat-avatar .avatar{height:50px;width:50px}.chat-avatar .avatar-fallback{font-size:24px}.chat-info{flex:1 1;min-width:0}.chat-name-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.chat-name{color:#333;font-size:15px;font-weight:600}.chat-time{color:#999;font-size:12px}.chat-preview{color:#666;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background-color:#08c;border-radius:50%;height:8px;left:15px;position:absolute;top:50%;transform:translateY(-50%);width:8px}.no-chats{color:#999;padding:40px 20px;text-align:center}.chat-container{background-color:#f0f2f5;display:flex;flex-direction:column;height:100%;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;overflow:hidden}.notification-banner{align-items:center;background:linear-gradient(90deg,#e3f2fd,#bbdefb);border-bottom:1px solid #90caf9;color:#1565c0;display:flex;flex-shrink:0;font-size:14px;gap:12px;justify-content:center;padding:10px 16px}.notification-banner-btn{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:6px 16px}.notification-banner-btn:hover{background:#1565c0}.chat-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.chat-sidebar{background-color:#fff;border-left:1px solid #e4e6eb;display:flex;flex-direction:column;position:relative;width:350px;z-index:1}.chat-sidebar:before{display:none!important}.chat-header{align-items:center;border-bottom:1px solid #e4e6eb;display:flex;flex-shrink:0;justify-content:space-between;min-width:0;padding:15px calc(15px + env(safe-area-inset-right)) 15px calc(15px + env(safe-area-inset-left))}.chat-header h2{color:#333;font-size:20px}.header-actions{display:flex;gap:10px}.icon-btn{background:none;border:none;border-radius:5px;cursor:pointer;font-size:20px;padding:5px;transition:background-color .2s}.icon-btn:hover{background-color:#f0f2f5}.chat-main{background-color:#fff;display:flex;flex:1 1;flex-direction:column;position:relative;z-index:1}.chat-main.chat-main-private{background:#0000;background-color:initial}.chat-main:before{display:none!important}.no-chat-selected{color:#999;height:100%}.loading,.no-chat-selected{align-items:center;display:flex;font-size:18px;justify-content:center}.loading{color:#666;height:100vh}@media (max-width:768px){.chat-container{min-height:0}.chat-container,.chat-sidebar{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%}.chat-sidebar{max-width:100vw;transition:transform .3s ease;z-index:1}.chat-sidebar.hidden-mobile{transform:translateX(100%)}.chat-main{bottom:0;display:none;height:100%;left:0;max-width:100vw;min-height:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:2}.chat-main.active{display:flex}}.forward-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.forward-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:70vh;max-width:360px;overflow:hidden;padding:20px;width:100%}.forward-modal h3{font-size:18px;margin:0 0 12px;text-align:right}.forward-chat-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.forward-chat-list li{margin:0}.forward-chat-list button{background:none;border:none;border-bottom:1px solid #eee;cursor:pointer;font-size:15px;min-height:48px;padding:14px 12px;text-align:right;width:100%}.forward-chat-list button:active,.forward-chat-list button:hover{background:#f0f2f5}.forward-modal-close{background:#e4e6eb;border:none;border-radius:8px;cursor:pointer;font-size:14px;margin-top:12px;padding:12px;width:100%}.settings-container{background-color:#f0f2f5;display:flex;flex-direction:row;height:100%;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}@media (max-width:768px){*{box-sizing:border-box}#root.settings-page,body.settings-page,html.settings-page{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;position:relative!important}#root.settings-page{min-height:100vh}.settings-container{flex-direction:column;height:auto;max-width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding-bottom:20px;position:relative;width:100%}.settings-sidebar{background-color:#fff;border-bottom:1px solid #e4e6eb;border-left:none;box-shadow:0 2px 4px #0000000d;flex-shrink:0;max-width:100%;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.settings-sidebar h2{font-size:18px;margin-bottom:12px}.back-btn{font-size:15px;margin-bottom:12px;padding:4px 0}.settings-tabs{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:6px;overflow-x:auto}.settings-tabs button{border-radius:6px;font-size:15px;min-width:-webkit-fit-content;min-width:fit-content;padding:12px 14px;text-align:right;white-space:nowrap}.settings-content{flex:1 1;max-width:100%;min-height:0;overflow-x:hidden;overflow-y:visible;padding:12px 16px 60px;width:100%}.settings-section{border-radius:8px;margin-bottom:16px;max-width:100%;padding:16px;width:100%}.settings-section h3{font-size:18px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{font-size:14px;margin-bottom:6px}.form-group input,.form-group textarea,.settings-select{font-size:15px;padding:10px 12px}.settings-toggle-label{padding:10px 0}.settings-toggle-label span{font-size:14px}.profile-avatar-wrap{gap:10px}.profile-avatar-img,.profile-avatar-placeholder{height:80px;width:80px}.profile-avatar-placeholder{font-size:40px}.settings-section button{font-size:15px;padding:12px 20px;width:100%}.settings-muted{font-size:12px;margin-bottom:10px}.settings-notification-tip{font-size:12px;margin-top:16px;padding:10px}.message{font-size:14px;margin-bottom:12px;padding:10px 12px}.blocked-user-item{align-items:flex-start;flex-direction:column;gap:12px;padding:12px}.user-info{width:100%}.unblock-btn{padding:10px;width:100%}.settings-section hr{margin:20px 0}.settings-section h3+.form-group{margin-top:0}.settings-section img{height:auto!important;max-width:100%!important}.settings-section button:not(.profile-avatar-btn){min-height:44px;touch-action:manipulation}.background-upload-wrapper{gap:10px}.background-preview-img{max-height:150px!important;max-width:100%!important}.background-apply-btn{align-self:stretch!important;width:100%!important}.background-item{align-items:flex-start;flex-direction:column;gap:10px}.background-item-info{width:100%}.background-remove-btn{padding:10px;width:100%}.settings-divider{margin:20px 0}.settings-subsection-title{font-size:18px;margin-bottom:16px}.settings-auto-save-note{font-size:12px;margin-top:16px}}.settings-auto-save-note{font-size:13px;margin-top:20px}.settings-divider{border:none;border-top:1px solid #e4e6eb;margin:30px 0}.settings-subsection-title{font-size:20px;margin-bottom:20px}.background-upload-wrapper{display:flex;flex-direction:column;gap:12px}.settings-file-input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:8px;width:100%}.background-preview-wrapper{margin-top:8px;position:relative}.background-preview-img{border:1px solid #ddd;border-radius:8px;max-height:200px;max-width:300px;object-fit:cover;width:100%}.background-apply-btn{align-self:flex-start;min-width:140px}.backgrounds-list{display:flex;flex-direction:column;gap:8px}.background-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.background-item-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.background-item-info span{color:#333;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.background-item-thumb{border:1px solid #ddd;border-radius:6px;flex-shrink:0;height:40px;object-fit:cover;width:60px}.background-remove-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;padding:6px 12px}.background-remove-btn:hover{background:#c82333}.settings-sidebar{background-color:#fff;border-left:1px solid #e4e6eb;flex-shrink:0;max-width:250px;padding:20px;width:250px}.back-btn{margin-bottom:20px}.settings-sidebar h2{font-size:24px;margin-bottom:20px}.settings-tabs{display:flex;flex-direction:column;gap:10px}.settings-tabs button{background:none;border:none;border-radius:8px;cursor:pointer;padding:12px;text-align:right;transition:background-color .2s}.settings-tabs button:hover{background-color:#f0f2f5}.settings-tabs button.active{background-color:#e7f3ff;color:#08c}.settings-content{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1 1;min-width:0;overflow-x:hidden;overflow-y:auto;padding:40px;width:100%}.settings-section{background-color:#fff;border-radius:12px;box-sizing:border-box;max-width:600px;padding:30px;width:100%}.settings-section h3{font-size:20px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{color:#666;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea,.settings-select{background-color:#fff;border:1px solid #ddd;border-radius:8px;font-size:15px;padding:10px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus,.settings-select:focus{border-color:#08c;outline:none}.settings-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-left:12px;padding-right:36px}.form-group textarea{resize:vertical}.profile-avatar-row{margin-bottom:24px}.profile-avatar-wrap{align-items:center;display:flex;flex-direction:column;gap:12px}.profile-avatar-img,.profile-avatar-placeholder{background-color:#e4e6eb;border-radius:50%;flex-shrink:0;height:100px;object-fit:cover;width:100px}.profile-avatar-img{display:block}.profile-avatar-placeholder{align-items:center;display:flex;font-size:48px;justify-content:center}.profile-avatar-input{height:0;opacity:0;overflow:hidden;position:absolute;width:0}.profile-avatar-btn{background-color:#e7f3ff;border:1px solid #08c;border-radius:8px;color:#08c;cursor:pointer;font-size:14px;padding:8px 16px}.profile-avatar-btn:hover:not(:disabled){background-color:#d0e8f7}.profile-avatar-btn:disabled{cursor:not-allowed;opacity:.7}.settings-section button{background-color:#08c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;padding:10px 20px}.settings-section button:hover:not(:disabled){background-color:#006ba3}.settings-section button:disabled{cursor:not-allowed;opacity:.6}.settings-muted{color:#65676b;font-size:14px;margin-bottom:12px}.settings-radio-group{display:flex;flex-direction:column;gap:4px}.settings-radio-label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:10px}.settings-radio-label input{accent-color:#08c;height:18px;width:18px}.create-group-section{max-width:480px}.create-group-card{background:#fff;border:1px solid #e4e6eb;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:24px}.create-group-title{color:#1c1e21;font-size:20px;margin:0 0 6px}.create-group-desc{color:#65676b;font-size:14px;margin:0 0 20px}.create-group-form .form-group{margin-bottom:16px}.create-group-form .form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.create-group-form input[type=text],.create-group-form textarea{border:1px solid #dddfe2;border-radius:8px;box-sizing:border-box;font-size:15px;padding:10px 12px;width:100%}.create-group-form textarea{min-height:60px;resize:vertical}.create-group-hint{color:#65676b;display:block;font-size:12px;margin-top:6px}.create-group-avatar-row{margin-bottom:18px}.create-group-avatar-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.create-group-avatar-preview{align-items:center;background:#f0f2f5;border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.create-group-avatar-preview img{height:100%;object-fit:cover;width:100%}.create-group-avatar-icon{font-size:28px}.create-group-avatar-input{height:0;opacity:0;position:absolute;width:0}.create-group-avatar-btn{background:#e4e6eb;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:14px;padding:8px 16px}.create-group-avatar-btn:hover{background:#d8dadf}.create-group-visibility{margin-bottom:20px}.create-group-visibility>label{display:block;margin-bottom:10px}.create-group-radio-wrap{display:flex;flex-direction:column;gap:14px}.create-group-radio-item{align-items:center;background:#f7f8fa;border:2px solid #e4e6eb;border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:16px 18px;transition:background .2s,border-color .2s,box-shadow .2s}.create-group-radio-item:hover{background:#f0f2f5;border-color:#d8dadf}.create-group-radio-item.is-selected{background:#e7f3ff;border-color:#08c;box-shadow:0 0 0 1px #08c}.create-group-radio-item.is-selected:hover{background:#d6ebfa}.create-group-radio-item input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.create-group-radio-text{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.create-group-radio-label{color:#1c1e21;font-size:16px;font-weight:600}.create-group-radio-desc{color:#65676b;font-size:13px;line-height:1.4}.create-group-radio-dot{background:#fff;border:2px solid #8a8d91;border-radius:50%;flex-shrink:0;height:22px;transition:border-color .2s,background .2s,box-shadow .2s;width:22px}.create-group-radio-item:hover .create-group-radio-dot{border-color:#08c}.create-group-radio-item.is-selected .create-group-radio-dot{background:#08c;border-color:#08c;box-shadow:inset 0 0 0 5px #fff}.create-group-submit{background:#08c;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:12px 20px;width:100%}.create-group-submit:hover:not(:disabled){background:#006ba3}.create-group-submit:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.create-group-card{padding:18px}.create-group-radio-desc{margin-right:0}}.settings-notification-btn{background:#08c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:8px;padding:12px 20px}.settings-notification-btn:hover{background:#069}.settings-notification-tip{background:#f0f2f5;border-radius:8px;font-size:13px;line-height:1.5;margin-top:20px;padding:12px}.settings-toggle-label{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:0;padding:12px 0}.settings-toggle-label span{color:#333;flex:1 1;font-size:15px}.settings-toggle-wrapper{display:inline-block;flex-shrink:0;height:28px;position:relative;width:50px}.settings-toggle{height:0;opacity:0;position:absolute;width:0}.settings-toggle-slider{background-color:#ccc;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.settings-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:4px;position:absolute;transition:.3s;width:20px}.settings-toggle:checked+.settings-toggle-slider{background-color:#08c}.settings-toggle:checked+.settings-toggle-slider:before{transform:translateX(22px)}.settings-toggle:focus+.settings-toggle-slider{box-shadow:0 0 0 3px #08c3}.settings-toggle-wrapper:hover .settings-toggle-slider{background-color:#b3b3b3}.settings-toggle-wrapper:hover .settings-toggle:checked+.settings-toggle-slider{background-color:#006ba3}.message{background-color:#e7f3ff;border-radius:8px;color:#006ba3;margin-bottom:15px;padding:10px}.sessions-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.session-item{align-items:flex-start;background:#fff;border:1px solid #e4e6eb;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.session-item:hover{box-shadow:0 2px 8px #0000001a}.session-item.current-session{background:#f0f8ff;border-color:#08c}.session-info{flex:1 1}.session-device{align-items:center;display:flex;font-size:16px;gap:12px;margin-bottom:8px}.session-device strong{color:#333}.current-badge{background:#08c;border-radius:4px;color:#fff;font-size:12px;font-weight:400;padding:4px 8px}.session-details{display:flex;flex-direction:column;gap:6px;margin-top:8px}.session-detail-item{color:#666;font-size:14px}.session-label{color:#555;font-weight:600;margin-left:8px}.session-delete-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s;white-space:nowrap}.session-delete-btn:hover{background:#c0392b}@media (max-width:768px){.session-item{flex-direction:column;gap:12px}.session-delete-btn{width:100%}.session-details{font-size:13px}}.blocked-users-list{display:flex;flex-direction:column;gap:15px}.blocked-user-item{border:1px solid #e4e6eb;border-radius:8px;justify-content:space-between;padding:15px}.blocked-user-item,.user-info{align-items:center;display:flex}.user-info{gap:12px}.user-avatar{align-items:center;background-color:#08c;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;overflow:hidden;width:40px}.user-avatar-img{height:100%;object-fit:cover;width:100%}.user-name{font-weight:600}.user-username{color:#666;font-size:14px}.unblock-btn{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px}.unblock-btn:hover{background-color:#c0392b}.search-container{background-color:#f0f2f5;display:flex;flex-direction:column;height:100vh}.search-header{align-items:center;background-color:#fff;border-bottom:1px solid #e4e6eb;display:flex;gap:15px;padding:15px 20px}.back-btn{background:none;border:none;color:#08c;cursor:pointer;font-size:16px}.search-header h2{font-size:20px}.search-content{flex:1 1;overflow-y:auto;padding:20px}.search-input-container{margin-bottom:20px}.search-input{border:1px solid #e4e6eb;border-radius:25px;font-size:16px;padding:12px 20px;width:100%}.search-input:focus{border-color:#08c;outline:none}.search-tabs{display:flex;gap:10px;margin-bottom:20px}.search-tabs button{background-color:#fff;border:1px solid #e4e6eb;border-radius:8px;cursor:pointer;padding:10px 20px;transition:all .2s}.search-tabs button.active{background-color:#08c;border-color:#08c;color:#fff}.search-results{display:flex;flex-direction:column;gap:15px}.group-card,.user-card{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:15px;padding:20px}.group-avatar,.user-avatar{align-items:center;background-color:#08c;border-radius:50%;display:flex;flex-shrink:0;font-size:30px;height:60px;justify-content:center;overflow:hidden;width:60px}.group-avatar-img,.user-avatar-img{height:100%;object-fit:cover;width:100%}.group-details,.user-details{flex:1 1;min-width:0}.group-name,.user-name{font-size:16px;font-weight:600;margin-bottom:4px}.group-username,.user-username{color:#666;font-size:14px;margin-bottom:4px}.group-description,.user-bio{color:#999;font-size:13px;margin-top:4px}.group-members{color:#999;font-size:12px;margin-top:4px}.action-btn{background-color:#08c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.action-btn:hover{background-color:#006ba3}.loading,.no-results{color:#999;font-size:16px;padding:40px;text-align:center}.join-group-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.join-group-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:400px;padding:32px;text-align:center;width:100%}.join-group-box h1{color:#333;font-size:22px;margin:0 0 24px}.join-group-error{color:#e74c3c;margin-bottom:16px}.join-group-preview{margin-bottom:24px}.join-group-avatar{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 12px;overflow:hidden;width:80px}.join-group-avatar img{height:100%;object-fit:cover;width:100%}.join-group-avatar span{font-size:40px}.join-group-name{color:#333;font-size:18px;font-weight:600;margin-bottom:4px}.join-group-username{color:#666;font-size:14px;margin-bottom:8px}.join-group-desc{color:#555;font-size:14px;line-height:1.4;margin-top:8px}.join-group-members{color:#888;font-size:13px;margin-top:6px}.join-group-muted{color:#08c;font-size:14px;margin-bottom:16px}.join-group-actions{display:flex;flex-direction:column;gap:10px}.join-group-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:16px;padding:12px 20px}.join-group-btn.primary{background:#08c;border-color:#08c;color:#fff}.join-group-btn.primary:hover:not(:disabled){background:#006ba3}.join-group-btn:disabled{cursor:not-allowed;opacity:.6}.App{display:flex;flex-direction:column;height:100vh;width:100vw}
/*# sourceMappingURL=main.45093384.css.map*/