.auth-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;height:100vh;justify-content:center}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:90%;padding:40px;width:400px}.auth-logo{margin-bottom:24px;text-align:center}.auth-logo img{border-radius:50%;height:80px;object-fit:cover;width:80px}.auth-logo img.auth-wordmark{border-radius:0;height:200px;margin-top:10px;object-fit:contain;width:200px}.auth-logo h1{color:#1a1a2e;font-size:28px;margin-top:8px}.auth-logo p{color:#666;font-size:14px}.auth-agree{align-items:flex-start;color:#666;cursor:pointer;display:flex;font-size:12px;gap:8px;text-align:left}.auth-agree input{cursor:pointer;margin-top:2px}.auth-agree a{color:#1e88e5;text-decoration:underline}.legal-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;justify-content:center;min-height:100vh;padding:40px 16px}.legal-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:720px;padding:32px;width:100%}.legal-header{margin-bottom:24px}.legal-header h1{color:#1a1a2e;font-size:24px;margin:0 0 6px}.legal-sub{color:#888;font-size:13px}.legal-section{margin-bottom:18px}.legal-section h2{color:#1a1a2e;font-size:16px;margin:0 0 6px}.legal-section p{color:#444;font-size:14px;line-height:1.55;margin:0}.legal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.legal-modal{background:#fff;background:var(--bg,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;color:#333;color:var(--text,#333);display:flex;flex-direction:column;max-height:85vh;max-width:92vw;width:560px}.legal-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.legal-modal-header h3{color:#333;color:var(--text,#333);font-size:17px;margin:0}.legal-modal-body{overflow-y:auto;padding:20px}.legal-modal .legal-section h2{color:#1a1a2e;color:var(--text,#1a1a2e)}.legal-modal .legal-section p{color:#444;color:var(--text,#444)}.auth-card form{display:flex;flex-direction:column;gap:16px}.auth-card h2{color:#333;text-align:center}.auth-card input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;width:100%}.auth-card input:focus{border-color:#1a1a2e;outline:none}.auth-card button{background:#1a1a2e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px}.auth-card button:hover{background:#0f3460}.auth-card button:disabled{cursor:not-allowed;opacity:.6}.auth-error{background:#fde8e8;color:#e74c3c}.auth-error,.auth-success{border-radius:8px;padding:8px;text-align:center}.auth-success{background:#e8fde8;color:#27ae60}.auth-switch{color:#666;margin-top:16px;text-align:center}.auth-switch a{color:#1a1a2e;font-weight:600;text-decoration:none}.auth-apk{margin-top:12px;text-align:center}.auth-apk a{color:#0f3460;font-size:14px;font-weight:600;text-decoration:none}.password-strength{border-radius:6px;font-size:13px;padding:4px;text-align:center}.password-strength.weak{background:#fde8e8;color:#e74c3c}.password-strength.strong{background:#e8fde8;color:#27ae60}.auth-link-btn{background:#0000!important;color:#1a1a2e!important;font-size:14px!important;padding:4px!important;text-decoration:underline}.auth-link-btn:hover{background:#0000!important;color:#0f3460!important}.chat-window{background:#f5f5f5;background:var(--chat-bg,#f5f5f5);display:flex;flex:1 1;flex-direction:column;position:relative}.chat-window.empty{align-items:center;justify-content:center}.empty-state{text-align:center}.empty-state h2{color:#1a1a2e;color:var(--primary,#1a1a2e);font-size:32px}.empty-state img.empty-wordmark{height:180px;object-fit:contain;width:180px}.empty-state p{color:#666;color:var(--system-text,#666);margin-top:8px}.chat-header{align-items:center;background:#fff;background:var(--bg,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);display:flex;gap:12px;padding:12px 16px}.chat-avatar{cursor:pointer;object-fit:cover}.ai-header-avatar,.chat-avatar{border-radius:50%;height:40px;width:40px}.ai-header-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:20px;justify-content:center}.chat-header-info{flex:1 1}.chat-header-name{color:#333;color:var(--text,#333);font-size:16px;font-weight:600}.chat-header-status{color:#666;color:var(--system-text,#666);font-size:12px}.chat-header-actions button{background:none;border:none;border-radius:8px;color:#333;color:var(--text,#333);cursor:pointer;font-size:20px;padding:4px 8px}.chat-header-actions button:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0)}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:16px}.message{border-radius:16px;max-width:70%;padding:10px 14px}.msg-sender{color:#1a1a2e;color:var(--primary,#1a1a2e);font-size:12px;font-weight:600;margin-bottom:2px}.msg-text .msg-link{color:#1e88e5;text-decoration:underline;word-break:break-all}.msg-text .msg-mention{color:#1e88e5;font-weight:600}.message.own .msg-text .msg-link,.message.own .msg-text .msg-mention{color:#0d47a1}.message.own .msg-sender{color:#1a1a2e;color:var(--primary,#1a1a2e);text-align:right}.msg-sticker{height:auto;max-width:120px}.message.own{align-self:flex-end;background:#dcf8c6;background:var(--msg-bg,#dcf8c6)}.message.other,.message.own{color:#333;color:var(--text,#333)}.message.other{align-self:flex-start;background:#fff;background:var(--hover-bg,#fff)}.message-meta{color:#888;color:var(--system-text,#888);display:flex;font-size:11px;gap:4px;justify-content:flex-end;margin-top:4px}.message-actions{align-items:center;display:none;gap:4px;position:absolute;right:0;top:-20px}.message:hover .message-actions{display:flex}.message-actions button{cursor:pointer}.message-actions a,.message-actions button{background:#fff;background:var(--bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:4px;color:#333;color:var(--text,#333);font-size:12px;padding:2px 6px}.message-actions a{text-decoration:none}.msg-image,.msg-video{border-radius:8px;max-width:300px}.msg-video-circle{background:#000;border:3px solid #1a1a2e;border:3px solid var(--primary,#1a1a2e);border-radius:50%;display:block;height:160px;object-fit:cover;width:160px}.msg-video-circle.msg-video-landscape{transform:rotate(90deg)}.msg-video-wrap{display:inline-block;line-height:0;position:relative}.msg-video-ring{height:100%;inset:0;pointer-events:none;position:absolute;transform:rotate(-90deg);width:100%}.msg-video-ring-track{stroke:#ffffff59;stroke-width:4}.msg-video-ring-bar{stroke:#4caf50;stroke:var(--accent,#4caf50);stroke-width:4}.msg-file{background:#f0f0f0;background:var(--hover-bg,#f0f0f0);border-radius:8px;color:#333;color:var(--text,#333);padding:8px}.reply-to{border-left:3px solid #1a1a2e;border-left:3px solid var(--primary,#1a1a2e);color:#666;color:var(--system-text,#666);font-size:12px;margin-bottom:4px;padding-left:8px}.edited-badge{color:#999;color:var(--system-text,#999);font-size:10px;font-style:italic}.edit-input{display:flex;gap:4px;margin-top:4px}.edit-input input{background:#fff;background:var(--chat-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:4px;color:#333;color:var(--text,#333);flex:1 1;padding:4px 8px}.edit-input button{background:#1a1a2e;background:var(--primary,#1a1a2e);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px}.reply-preview{align-items:center;background:#f0f0f0;background:var(--hover-bg,#f0f0f0);border-top:1px solid #e0e0e0;border-top:1px solid var(--border,#e0e0e0);color:#333;color:var(--text,#333);display:flex;font-size:13px;gap:8px;padding:8px 16px}.reply-preview button{background:none;border:none;color:#333;color:var(--text,#333);cursor:pointer;font-size:16px}.chat-input-area{align-items:center;border-top:1px solid #e0e0e0;border-top:1px solid var(--border,#e0e0e0);display:flex;gap:8px;padding:12px 16px;position:relative}.chat-input-area,.mention-dropdown{background:#fff;background:var(--bg,#fff)}.mention-dropdown{border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:10px;bottom:calc(100% - 4px);box-shadow:0 -4px 20px #00000026;left:16px;max-height:220px;overflow:hidden;overflow-y:auto;position:absolute;right:16px;z-index:50}.mention-item{align-items:center;color:#333;color:var(--text,#333);cursor:pointer;display:flex;gap:8px;padding:8px 12px}.mention-item:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0)}.mention-item-avatar{align-items:center;background:#e8e8ff;background:var(--hover-bg,#e8e8ff);border-radius:50%;color:#555;display:flex;font-size:13px;height:26px;justify-content:center;overflow:hidden;width:26px}.mention-item-avatar img{height:100%;object-fit:cover;width:100%}.mention-item-name{font-size:14px}.input-btn{background:none;border:none;color:#333;color:var(--text,#333);cursor:pointer;font-size:22px;padding:4px}.chat-input-area textarea{background:#fff;background:var(--chat-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border,#e0e0e0);border-radius:20px;color:#333;color:var(--text,#333);flex:1 1;font-family:inherit;font-size:14px;padding:10px 12px;resize:none}.chat-input-area textarea:focus{border-color:#1a1a2e;border-color:var(--primary,#1a1a2e);outline:none}.send-btn{align-items:center;background:#1a1a2e;background:var(--primary,#1a1a2e);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:background .2s;width:40px}.send-btn:hover{background:#0f3460;background:var(--primary-hover,#0f3460)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.typing-indicator{color:#888;color:var(--system-text,#888);font-size:12px;font-style:italic;padding:4px 16px}.ai-typing{color:#666;color:var(--system-text,#666);font-style:italic}.ai-generated-image{margin-bottom:4px}.emoji-picker-overlay{bottom:80px;left:50%;position:fixed;transform:translateX(-50%);z-index:100}.emoji-panel{align-items:center;background:#fff;background:var(--bg,#fff);border-radius:14px;box-shadow:0 8px 30px #0000004d;display:flex;flex-direction:column;overflow:hidden}.emoji-panel-tabs{display:flex;gap:8px;padding:10px 12px 6px;width:100%}.emoji-panel-tab{background:#0000;border:none;border-radius:10px;color:#333;color:var(--text,#333);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:8px}.emoji-panel-tab.active{background:#1a1a2e;background:var(--primary,#1a1a2e);color:#fff}.emoji-panel-stickers{height:320px;overflow-y:auto;padding-bottom:8px;width:100%}@media (max-width:768px){.chat-messages{gap:4px;padding:6px}.message{font-size:13px;max-width:88%;padding:8px 10px}.message-meta{font-size:10px}.chat-header{gap:8px;padding:8px 10px 8px 48px}.chat-avatar{height:32px;width:32px}.chat-header-name{font-size:14px}.chat-header-status{font-size:11px}.chat-header-actions button{font-size:18px;padding:4px 6px}.chat-input-area{gap:4px;padding:6px 8px}.chat-input-area textarea{font-size:13px;max-height:80px;padding:8px 10px}.send-btn{font-size:16px;height:36px;width:36px}.input-btn{font-size:20px;padding:2px}.msg-image,.msg-video{max-width:220px}.msg-video-circle{height:130px;width:130px}.msg-sticker{max-width:80px}.empty-state h2{font-size:24px}.empty-state p{font-size:13px}.date-separator span{font-size:11px;padding:3px 10px}}.date-separator{align-self:center;padding:8px 0;text-align:center}.date-separator span{background:#00000014;background:var(--hover-bg,#00000014);border-radius:12px;color:#666;color:var(--system-text,#666);font-size:12px;font-weight:500;padding:4px 12px}.reactions-bar{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-chip{align-items:center;background:#f0f0f0;background:var(--hover-bg,#f0f0f0);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:12px;cursor:pointer;display:inline-flex;font-size:13px;gap:3px;padding:2px 6px;transition:background .15s}.reaction-chip:hover{background:#ddd}.reaction-chip.active{background:#d0e8ff;border-color:#90c8ff}.reaction-count{color:#666;color:var(--system-text,#666);font-size:11px}.msg-file a{color:#1a1a2e;color:var(--primary,#1a1a2e);text-decoration:underline}.reaction-picker{background:#fff;background:var(--bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:12px;bottom:30px;box-shadow:0 4px 16px #00000026;display:flex;gap:2px;padding:6px;position:absolute;right:0;z-index:50}.reaction-picker-btn{background:none;border:none;border-radius:8px;cursor:pointer;font-size:20px;padding:4px 6px;transition:background .15s}.reaction-picker-btn:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0)}.message{position:relative}.message-row{display:flex;gap:8px;max-width:100%}.message-row.own{justify-content:flex-end}.msg-avatar{align-items:center;background:#e8e8ff;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;margin-top:18px;overflow:hidden;width:32px}.msg-avatar img{height:100%;object-fit:cover;width:100%}.msg-avatar-spacer{flex-shrink:0;width:32px}.file-preview-bar{align-items:center;background:#fff;background:var(--bg,#fff);border-top:1px solid #e0e0e0;border-top:1px solid var(--border,#e0e0e0);display:flex;gap:12px;padding:10px 16px}.file-preview-content{align-items:center;display:flex;flex:1 1;gap:10px;overflow:hidden}.file-preview-media{border-radius:8px;max-height:90px;max-width:140px}.file-preview-name{color:#333;color:var(--text,#333);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-actions{align-items:center;display:flex;gap:8px}.recording-bar{align-items:center;background:#fff0f0;border-top:1px solid #ffd0d0;color:#c0392b;display:flex;font-size:14px;gap:12px;padding:10px 16px}.recording-dot{animation:recording-pulse 1s infinite;background:#e74c3c;border-radius:50%;height:12px;width:12px}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.3}}.recording-active{color:#e74c3c}.recording-preview{border-radius:8px;height:60px;object-fit:cover;width:80px}.video-recorder-overlay{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.video-recorder-mini{align-items:center;display:flex;flex-direction:column;gap:20px}.video-recorder-mini-close{background:#fff3;border-radius:50%;color:#fff;font-size:16px;height:36px;line-height:1;position:fixed;right:20px;top:20px;width:36px}.video-recorder-mini-close:disabled{cursor:not-allowed;opacity:.4}.video-recorder-circle{align-items:center;background:#000;border:4px solid #ffffffe6;border-radius:50%;box-shadow:0 10px 40px #0009;display:flex;height:min(72vw,300px);justify-content:center;overflow:hidden;position:relative;width:min(72vw,300px)}.video-recorder-circle .video-recorder-preview{height:100%;object-fit:cover;width:100%}.video-recorder-circle .video-recorder-preview.live{transform:scaleX(-1)}.video-recorder-circle .video-recorder-empty{color:#fffc;font-size:14px;padding:12px;text-align:center}.video-recorder-circle .video-recorder-error{border-radius:50%}.video-recorder-timer-circle{align-items:center;background:#0000008c;display:flex;font-size:15px;gap:6px;padding:3px 12px}.video-recorder-sent,.video-recorder-timer-circle{border-radius:14px;bottom:16px;color:#fff;font-weight:600;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.video-recorder-sent{background:#4caf50eb;font-size:13px;padding:4px 12px}.video-recorder-mini-controls{align-items:center;display:flex;justify-content:center}.video-recorder-send{border-radius:24px;font-size:16px;gap:6px;height:auto;padding:12px 28px;white-space:nowrap;width:auto}.video-recorder-modal{background:#fff;background:var(--bg,#fff);border-radius:14px;box-shadow:0 8px 30px #0006;display:flex;flex-direction:column;max-width:480px;overflow:hidden;width:100%}.video-recorder-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);color:#333;color:var(--text,#333);display:flex;font-size:15px;font-weight:600;justify-content:space-between;padding:12px 16px}.video-recorder-body{aspect-ratio:3/4;background:#000;position:relative}.video-recorder-preview{height:100%;width:100%}.video-recorder-preview.live{transform:scaleX(-1)}.video-recorder-empty{color:#fffc;font-size:14px}.video-recorder-error{background:#111;color:#ff6b6b;font-size:14px;inset:0;padding:20px;position:absolute;text-align:center}.video-recorder-controls,.video-recorder-error{align-items:center;display:flex;justify-content:center}.video-recorder-controls{gap:18px;padding:14px 16px}.video-recorder-timer{color:#333;color:var(--text,#333);font-size:14px;gap:8px;min-width:160px}.rec-record-btn,.video-recorder-timer{align-items:center;display:flex;justify-content:center}.rec-record-btn{background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:56px;transition:transform .15s;width:56px}.rec-record-btn:hover{transform:scale(1.06)}.rec-record-btn.active{background:#fff;border:3px solid #e74c3c;color:#e74c3c}.video-recorder-controls .send-btn{border-radius:20px;font-size:15px;gap:6px;height:auto;padding:10px 18px;white-space:nowrap;width:auto}.user-info-modal{display:flex;flex-direction:column;max-height:80vh;max-width:420px;width:100%}.user-info-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);display:flex;gap:14px;padding:16px}.user-info-avatar{border-radius:50%;flex-shrink:0;height:64px;object-fit:cover;width:64px}.user-info-avatar-placeholder{align-items:center;background:#e8e8ff;display:flex;font-size:28px;justify-content:center}.user-info-titles{flex:1 1;min-width:0}.user-info-titles h3{align-items:center;color:#333;color:var(--text,#333);display:flex;flex-wrap:wrap;font-size:18px;gap:6px;margin:0}.rename-edit-btn{background:none;border:none;cursor:pointer;font-size:14px;line-height:1;padding:0}.rename-row{align-items:center;display:flex;gap:6px;margin:0 0 4px}.rename-row input{background:#fff;background:var(--bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:6px;color:#333;color:var(--text,#333);flex:1 1;font-size:14px;min-width:120px;padding:6px 8px}.rename-row .rename-cancel,.rename-row .rename-save{font-size:14px;margin-top:0;padding:6px 10px;width:auto}.rename-row .rename-cancel{background:#e0e0e0;background:var(--hover-bg,#e0e0e0);color:#333;color:var(--text,#333)}.user-info-username{color:#666;color:var(--system-text,#666);display:block;font-size:12px}.user-info-email{color:#888;color:var(--system-text,#888);display:block;font-size:12px}.modal-close-btn{background:none;border:none;color:#666;color:var(--system-text,#666);cursor:pointer;font-size:18px}.user-info-body{flex:1 1;overflow-y:auto;padding:16px}.user-info-status{color:#333;color:var(--text,#333);font-size:13px;margin-bottom:6px}.user-info-status.muted{color:#888;color:var(--system-text,#888)}.user-info-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.user-info-btn{background:#1a1a2e;background:var(--primary,#1a1a2e);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 14px;transition:opacity .15s}.user-info-btn:hover{opacity:.88}.user-info-btn.danger{background:#e74c3c;color:#fff}.user-info-btn:disabled{cursor:default;opacity:.6}.media-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 10px}.media-tab{align-items:center;background:#0000;border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:20px;color:#333;color:var(--text,#333);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:7px 12px;transition:all .15s}.media-tab.active,.media-tab:hover{border-color:#1a1a2e;border-color:var(--primary,#1a1a2e)}.media-tab.active{background:#1a1a2e;background:var(--primary,#1a1a2e);color:#fff}.media-tab-count{font-size:11px;opacity:.75}.media-tab.active .media-tab-count{opacity:.85}.shared-files-section{margin-top:14px}.shared-files-section h4{color:#333;color:var(--text,#333);font-size:14px;margin:0 0 8px}.shared-files-images{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.shared-file-img{border-radius:8px;cursor:pointer;height:80px;object-fit:cover;width:100%}.shared-files-list{display:flex;flex-direction:column;gap:6px}.shared-file-link{color:#1a1a2e;color:var(--primary,#1a1a2e);font-size:13px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.shared-file-link:hover{text-decoration:underline}.shared-file-size{color:#888;color:var(--system-text,#888)}.shared-file-audio{color:#333;color:var(--text,#333);display:flex;flex-direction:column;font-size:13px;gap:4px}.history-warning-banner{background:#fff3cd;border:1px solid #ffe08a;border-radius:8px;color:#8a6d3b;font-size:12px;margin-bottom:10px;padding:8px 12px;text-align:center}.pinned-message-banner{align-items:center;background:#f0f0f0;background:var(--hover-bg,#f0f0f0);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:8px;display:flex;font-size:13px;gap:10px;margin-bottom:10px;padding:8px 12px}.pinned-message-icon{font-size:16px}.pinned-message-content{flex:1 1;min-width:0}.pinned-message-title{color:#888;color:var(--system-text,#888);font-size:11px;font-weight:600}.pinned-message-text{color:#333;color:var(--text,#333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-message-unpin{background:none;border:none;color:#888;color:var(--system-text,#888);cursor:pointer;font-size:14px}.schedule-bar{align-items:center;background:#fff;background:var(--bg,#fff);border-top:1px solid #e0e0e0;border-top:1px solid var(--border,#e0e0e0);display:flex;gap:8px;padding:8px 16px}.schedule-input{background:#fff;background:var(--chat-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border,#e0e0e0);border-radius:20px;color:#333;color:var(--text,#333);flex:1 1;font-family:inherit;font-size:13px;padding:8px 10px}.schedule-input:focus{border-color:#1a1a2e;border-color:var(--primary,#1a1a2e);outline:none}.channel-readonly{color:#888;color:var(--system-text,#888);flex:1 1;font-size:13px;padding:10px;text-align:center}.scheduled-badge{color:#b8860b;font-size:10px;font-style:italic}.pinned-badge{font-size:10px}.message.other .pinned-badge,.message.own .pinned-badge{color:#888}.forward-chat-item{align-items:center;background:none;border:none;border-radius:8px;color:#333;color:var(--text,#333);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px;text-align:left;width:100%}.forward-chat-item:hover{background:#0000000d}.forward-chat-item:disabled{cursor:default;opacity:.6}.forward-chat-avatar{align-items:center;background:#e8e8ff;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.ai-generated-image{display:inline-block;position:relative}.ai-forward-btn{background:#0009;border:none;border-radius:12px;bottom:8px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px;position:absolute;right:8px}.ai-forward-btn:hover{background:#000c}.scheduled-panel{display:flex;flex-direction:column;max-height:80vh;max-width:460px;width:92%}.scheduled-panel-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);display:flex;justify-content:space-between;padding:12px 16px}.scheduled-panel-header h3{font-size:16px;margin:0}.scheduled-panel-body{overflow-y:auto;padding:12px 16px}.scheduled-item{align-items:center;background:#f7f7f7;background:var(--surface,#f7f7f7);border-radius:10px;display:flex;gap:10px;margin-bottom:8px;padding:10px}.scheduled-item-info{flex:1 1;min-width:0}.scheduled-item-text{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scheduled-item-meta{color:#888;color:var(--system-text,#888);font-size:11px;margin-top:2px}.scheduled-item-delete{background:none;border:none;cursor:pointer;font-size:16px;padding:4px}.channel-info-avatar{align-items:center;background:#e8e8ff;display:flex;font-size:28px;justify-content:center}.channel-subscriber{align-items:center;display:flex;gap:10px;padding:6px 0}.channel-subscriber-name{align-items:center;display:flex;font-size:13px;gap:8px}.channel-admin-badge{border:1px solid #d4a017;border-radius:10px;color:#b8860b;font-size:11px;padding:1px 6px}.subscriber-avatar-placeholder{align-items:center;background:#e8e8ff;color:#555;display:flex;justify-content:center}.channel-avatar-preview{border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0)}.rss-add-row{display:flex;gap:6px;margin-top:6px}.rss-add-row input{background:#fff;background:var(--bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:6px;color:#333;color:var(--text,#333);flex:1 1;font-size:13px;padding:6px 10px}.rss-feed-row{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);display:flex;gap:8px;padding:6px 0}.rss-feed-row:last-child{border-bottom:none}.rss-add-row .action-btn,.rss-feed-row .action-btn{width:auto}.rss-feed-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.rss-feed-title{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rss-feed-url{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#888;color:var(--system-text,#888);display:-webkit-box;font-size:11px;overflow:hidden;text-decoration:none;word-break:break-all}.rss-feed-url:hover{color:#1e88e5;text-decoration:underline}.self-chat-avatar{border:2px solid #a5d6a7}.ai-limit-banner{align-items:center;background:#e945601a;border:1px solid #e9456059;border-radius:12px;color:#333;color:var(--text,#333);display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:8px;margin:8px auto;max-width:320px;padding:12px 16px;text-align:center}.ai-subscribe-btn{background:#e94560;background:var(--accent,#e94560);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 14px}.ai-subscribe-btn:hover{filter:brightness(1.1)}.ai-subscribe-btn:disabled{cursor:default;opacity:.6}.ai-limit-counter{color:#666;color:var(--system-text,#666);font-size:12px;padding:4px 0;text-align:center}.ai-limit-counter.unlimited{color:#2e7d32;font-weight:600}.ai-model-row{align-items:center;color:#888;color:var(--system-text,#888);display:flex;font-size:12px;gap:8px;justify-content:center;padding:2px 16px 4px}.ai-model-row select{background:#fff;background:var(--bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:6px;color:#333;color:var(--text,#333);cursor:pointer;font-size:12px;max-width:240px;padding:3px 8px}.video-recorder-preview.live{border-radius:50%;height:280px;margin:0 auto;object-fit:cover;width:280px}.video-recorder-preview{border-radius:50%;max-height:280px;max-width:280px;object-fit:cover}.video-recorder-body{align-items:center;display:flex;flex-direction:column;justify-content:center}.video-recorder-empty{background:#000;box-sizing:border-box;font-size:13px;height:280px;padding:24px;text-align:center;width:280px}.chat-scroll-down-btn,.video-recorder-empty{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center}.chat-scroll-down-btn{background:#1a1a2e;background:var(--primary,#1a1a2e);border:none;bottom:74px;box-shadow:0 3px 10px #0000004d;cursor:pointer;font-size:18px;height:42px;position:absolute;right:16px;transition:opacity .15s,transform .15s;width:42px;z-index:20}.chat-scroll-down-btn:hover{opacity:.88;transform:scale(1.05)}.msg-highlight{animation:msgFlash 2.2s ease}@keyframes msgFlash{0%{box-shadow:0 0 0 3px #e94560cc}to{box-shadow:0 0 0 3px #e9456000}}.call-history-msg{color:#999;color:var(--system-text,#999);font-size:12px;padding:2px 0;text-align:center}.stories-bar{background:#fff;background:var(--bg,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);padding:12px 16px}.stories-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.stories-scroll::-webkit-scrollbar{display:none}.story-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.story-avatar-wrapper{border-radius:50%;height:60px;padding:3px;position:relative;width:60px}.story-avatar-wrapper.has-story{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.story-avatar-wrapper.create{border:2px dashed #ccc;border:2px dashed var(--border,#ccc)}.story-avatar{border:3px solid #fff;border:3px solid var(--bg,#fff);border-radius:50%;height:100%;object-fit:cover;width:100%}.create-story-plus{align-items:center;background:#1a1a2e;border:2px solid #fff;border:2px solid var(--bg,#fff);border-radius:50%;bottom:0;color:#fff;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;position:absolute;right:0;width:20px}.story-name{color:#333;color:var(--text,#333);font-size:11px;max-width:64px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.story-viewer-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.story-viewer{background:#000;border-radius:0;height:100vh;max-height:100vh;max-width:420px;position:relative;width:100%}.story-progress-bar{display:flex;gap:4px;left:0;padding:8px 12px;position:absolute;right:0;top:0;z-index:10}.story-progress-segment{background:#ffffff4d;border-radius:2px;flex:1 1;height:3px;overflow:hidden}.story-progress-fill{background:#fff;border-radius:2px;height:100%;transition:width .1s linear}.story-header{justify-content:space-between;left:0;padding:0 12px;position:absolute;right:0;top:16px;z-index:10}.story-header,.story-user-info{align-items:center;display:flex}.story-user-info{gap:8px}.story-viewer-avatar{border:2px solid #fff;border-radius:50%;height:32px;object-fit:cover;width:32px}.story-viewer-name{color:#fff;font-size:14px;font-weight:600}.story-viewer-time{color:#ffffffb3;font-size:12px}.story-header-actions{display:flex;gap:4px}.story-action-btn{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;height:32px;width:32px}.story-action-btn,.story-content{align-items:center;display:flex;justify-content:center}.story-content{height:100%;position:relative;width:100%}.story-image{max-height:100%;max-width:100%;object-fit:contain}.story-text-overlay{font-weight:700;pointer-events:none;position:absolute;text-shadow:0 2px 8px #00000080;white-space:nowrap}.story-text-overlay.editable{pointer-events:auto;text-shadow:0 2px 8px #00000080}.story-nav-zones{bottom:0;display:flex;left:0;position:absolute;right:0;top:60px;z-index:5}.story-nav-prev{cursor:pointer;height:100%;width:35%}.story-nav-next{cursor:pointer;flex:1 1;height:100%}.story-creator-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.story-creator{background:#1a1a2e;background:var(--bg,#1a1a2e);border-radius:16px;color:#fff;color:var(--text,#fff);max-height:100vh;max-width:420px;overflow-y:auto;width:100%}.story-creator-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border,#333);display:flex;justify-content:space-between;padding:16px 20px}.story-creator-header h3{font-size:18px;margin:0}.story-creator-header button{background:none;border:none;color:#fff;color:var(--text,#fff);cursor:pointer;font-size:20px}.story-upload-area{cursor:pointer;padding:60px 20px;text-align:center}.story-upload-icon{font-size:64px;margin-bottom:16px}.story-upload-area p{color:#aaa;color:var(--system-text,#aaa);font-size:14px}.story-preview{aspect-ratio:9/16;background:#000;max-height:50vh;overflow:hidden;position:relative;width:100%}.story-preview-image{height:100%;object-fit:cover;width:100%}.story-controls{padding:16px 20px}.story-control-group{margin-bottom:12px}.story-control-group label{color:#aaa;color:var(--system-text,#aaa);display:block;font-size:12px;margin-bottom:4px}.story-control-group input[type=text]{background:#2a2a4e;background:var(--chat-bg,#2a2a4e);border:1px solid #444;border:1px solid var(--border,#444);border-radius:8px;box-sizing:border-box;color:#fff;color:var(--text,#fff);font-size:14px;padding:8px 12px;width:100%}.story-control-group input[type=color]{border:none;border-radius:4px;cursor:pointer;height:32px;padding:2px;width:40px}.story-control-group input[type=range]{accent-color:#1a1a2e;width:100%}.story-control-row{display:flex;gap:16px}.story-hint{color:#888;color:var(--system-text,#888);font-size:11px;font-style:italic;margin-top:4px}.story-text-input{box-sizing:border-box;width:100%}.story-creator-actions{border-top:1px solid #333;border-top:1px solid var(--border,#333);display:flex;gap:8px;padding:16px 20px}.story-creator-actions button{flex:1 1}@media (max-width:768px){.story-creator,.story-viewer{border-radius:0;max-width:100%}.story-creator{max-height:100vh}}.story-color-palette{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.story-color-chip{border-radius:50%;cursor:pointer;height:26px;padding:0;width:26px}.story-emoji-list{display:flex;flex-wrap:wrap;gap:4px}.story-emoji-btn{background:none;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:20px;padding:2px 6px}.story-emoji-btn:hover{background:#f0f0f0}.story-emoji-overlay{pointer-events:none;position:absolute;white-space:nowrap}.story-emoji-overlay.editable{pointer-events:auto}.story-bg-row{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:6px;padding:6px 0}.story-emoji-overlay.active,.story-text-overlay.active{border-radius:4px;outline:2px solid #2196f3;outline-offset:2px}.sticker-picker-overlay{bottom:70px;left:50%;position:fixed;transform:translateX(-50%);z-index:100}.sticker-picker{background:#fff;background:var(--bg,#fff);border-radius:16px;box-shadow:0 8px 32px #0003;overflow:hidden;width:340px}.sticker-picker-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);display:flex;justify-content:space-between;padding:12px 16px}.sticker-picker-header h3{color:#333;color:var(--text,#333);font-size:16px;margin:0}.sticker-picker-header button{background:none;border:none;color:#333;color:var(--text,#333);cursor:pointer;font-size:18px}.sticker-packs-tabs{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);display:flex;gap:4px;overflow-x:auto;padding:8px}.sticker-pack-tab{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:background .2s;width:40px}.sticker-pack-tab:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0)}.sticker-pack-tab.active{background:#e8e8ff;background:var(--msg-bg,#e8e8ff)}.pack-emoji{font-size:20px}.sticker-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr);max-height:280px;overflow-y:auto;padding:12px}.sticker-item{align-items:center;aspect-ratio:1;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:transform .15s,background .15s;width:100%}.sticker-item:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0);transform:scale(1.1)}.sticker-image{max-height:100%;max-width:100%;object-fit:contain}.sticker-empty{font-size:13px;grid-column:1/-1}.sticker-empty,.sticker-picker-loading{color:#888;color:var(--system-text,#888);padding:24px;text-align:center}@media (max-width:768px){.sticker-picker-overlay{left:8px;right:8px;transform:none}.sticker-picker{width:100%}}.sticker-search-row{padding:8px 12px 0}.sticker-search-input{background:#fff;background:var(--chat-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:12px;box-sizing:border-box;color:#333;color:var(--text,#333);font-size:13px;padding:8px 12px;width:100%}.sticker-search-input:focus{border-color:#1a1a2e;border-color:var(--primary,#1a1a2e);outline:none}.pack-tab-title{color:#333;color:var(--text,#333);display:none;font-size:11px;padding:0 8px;white-space:nowrap}.create-pack-tab{border:1px dashed silver;border:1px dashed var(--border,silver)}.sticker-emoji-badge{background:#fff;background:var(--bg,#fff);border-radius:50%;bottom:-2px;font-size:12px;padding:1px;position:absolute;right:-2px}.sticker-item{position:relative}.sticker-create-panel{border-top:1px solid #e0e0e0;border-top:1px solid var(--border,#e0e0e0);display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:12px}.sticker-create-title{color:#333;color:var(--text,#333);font-size:14px;font-weight:600}.sticker-create-error{color:#e74c3c;font-size:12px}.sticker-add-btn{background:#f0f0f0;background:var(--hover-bg,#f0f0f0);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:10px;color:#333;color:var(--text,#333);cursor:pointer;font-size:13px;padding:8px 12px}.sticker-add-btn.primary{background:#1a1a2e;background:var(--primary,#1a1a2e);border:none;color:#fff}.sticker-add-btn.cancel{background:none}.sticker-add-btn:disabled{opacity:.6}.sticker-create-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.sticker-create-item{align-items:center;border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:6px;position:relative}.sticker-create-img{height:56px;object-fit:contain;width:100%}.sticker-emoji-btn{background:#fff;background:var(--chat-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:50%;cursor:pointer;font-size:16px;height:32px;width:32px}.sticker-remove-btn{background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:11px;height:20px;line-height:1;position:absolute;right:-6px;top:-6px;width:20px}.sticker-emoji-chooser{grid-gap:2px;background:#fff;background:var(--bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:10px;box-shadow:0 4px 16px #00000026;display:grid;gap:2px;grid-template-columns:repeat(5,1fr);left:50%;padding:4px;position:absolute;top:100%;transform:translateX(-50%);width:150px;z-index:10}.sticker-emoji-option{background:none;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:2px}.sticker-emoji-option:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0)}.sticker-create-actions{display:flex;gap:8px}.call-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.call-modal{background:#1a1a2e;border-radius:24px;box-shadow:0 20px 60px #00000080;min-width:300px;padding:40px;position:relative;text-align:center}.call-avatar{font-size:64px}.call-avatar,.call-avatar.pulse{animation:pulse-ring 1.5s infinite}@keyframes pulse-ring{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.call-actions{display:flex;gap:20px;justify-content:center;margin-top:24px}.call-actions.connected{margin-top:16px}.call-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:28px;height:64px;justify-content:center;transition:transform .2s;width:64px}.call-btn:hover{transform:scale(1.1)}.call-btn.accept{background:#4caf50;color:#fff}.call-btn.reject{background:#f44336;color:#fff}.call-control-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;transition:background .2s;width:48px}.call-control-btn:hover{background:#ffffff40}.call-control-btn.off{background:#f443364d}.call-videos{min-height:200px;position:relative;width:100%}.remote-video{background:#000;border-radius:12px;max-height:60vh;object-fit:cover;width:100%}.local-video{background:#333;border:2px solid #ffffff4d;border-radius:8px;bottom:12px;height:90px;object-fit:cover;position:absolute;right:12px;width:120px}.call-info{padding:8px 0}.call-timer{color:#4caf50;font-size:18px;font-weight:600}.chatlist{background:#fff;background:var(--bg,#fff);border-right:1px solid #e0e0e0;border-right:1px solid var(--border,#e0e0e0);display:flex;flex-direction:column;min-width:320px;width:320px}.chatlist-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);padding:12px 16px}.chatlist-header,.chatlist-logo{align-items:center;display:flex;gap:8px}.chatlist-logo{flex:1 1}.chatlist-logo img{border-radius:50%;height:32px;object-fit:cover;width:32px}.chatlist-logo img.chatlist-wordmark{border-radius:0;height:56px;object-fit:contain;width:56px}.chatlist-logo span{color:#1a1a2e;color:var(--primary,#1a1a2e);font-size:14px;font-weight:700}.chatlist-actions{display:flex;gap:2px}.icon-btn{background:none;border:none;border-radius:8px;color:#333;color:var(--text,#333);cursor:pointer;font-size:20px;padding:6px 8px;transition:background .2s}.icon-btn:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0)}.logout-btn:hover{background:#fde8e8}.chatlist-user-info{align-items:center;background:#fafafa;background:var(--bg,#fafafa);border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border,#f0f0f0);display:flex;gap:10px;padding:12px 16px}.chatlist-user-name{color:#333;color:var(--text,#333);font-size:14px;font-weight:600}.chatlist-user-status{color:#888;color:var(--system-text,#888);font-size:12px}.network-dot{border:2px solid #fff;border:2px solid var(--bg,#fff);border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.network-dot.online{background:#2ecc71}.network-dot.offline{background:#e74c3c}.chatlist-search{padding:12px 16px;position:relative}.search-error{color:#e74c3c;font-size:12px;padding:4px 0}.chatlist-search input{background:#fff;background:var(--chat-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border,#e0e0e0);border-radius:8px;color:#333;color:var(--text,#333);font-size:14px;padding:10px 12px;width:100%}.chatlist-search input:focus{border-color:#1a1a2e;border-color:var(--primary,#1a1a2e);outline:none}.search-results{background:#fff;background:var(--bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:8px;box-shadow:0 4px 12px #0000001a;left:16px;max-height:300px;overflow-y:auto;position:absolute;right:16px;top:100%;z-index:100}.search-result-item{align-items:center;cursor:pointer;display:flex;gap:8px;padding:10px 12px}.search-result-item:hover{background:#f5f5f5;background:var(--hover-bg,#f5f5f5)}.avatar-sm{border-radius:50%;height:36px;object-fit:cover;width:36px}.search-name{color:#333;color:var(--text,#333);font-size:14px;font-weight:600}.search-email{color:#666;color:var(--system-text,#666);font-size:12px}.chatlist-actions-btns{padding:8px 16px}.action-btn{background:#1a1a2e;background:var(--primary,#1a1a2e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:background .2s;width:100%}.action-btn:hover{background:#0f3460;background:var(--primary-hover,#0f3460)}.chatlist-items{flex:1 1;overflow-y:auto}.chatlist-error{align-items:center;background:#fde8e8;border-radius:8px;color:#c0392b;display:flex;font-size:13px;gap:10px;justify-content:space-between;margin:8px 16px;padding:10px 12px}.chatlist-retry-btn{background:#e74c3c!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer;font-size:13px!important;margin:0!important;padding:6px 12px!important;white-space:nowrap}.chatlist-item{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border,#f0f0f0);color:#333;color:var(--text,#333);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .15s}.chatlist-item:hover{background:#f8f8f8;background:var(--hover-bg,#f8f8f8)}.chatlist-item.active{background:#e8e8ff;background:var(--msg-bg,#e8e8ff)}.chat-item-avatar{flex-shrink:0;position:relative}.chat-item-avatar img{border-radius:50%;height:48px;object-fit:cover;width:48px}.online-dot{background:#2ecc71;border:2px solid #fff;border:2px solid var(--bg,#fff);border-radius:50%;height:12px;width:12px}.channel-badge,.online-dot{bottom:0;position:absolute;right:0}.channel-badge{background:#fff;background:var(--bg,#fff);border-radius:50%;font-size:11px;line-height:1;padding:1px}.ai-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.ai-chat-item{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.ai-chat-item:hover{background:linear-gradient(135deg,#e8ecf1,#b8c6db)}.ai-chat-item.active{background:linear-gradient(135deg,#ddd6f3,#faaca8)}.self-chat-item{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.self-chat-item:hover{background:linear-gradient(135deg,#c8e6c9,#a5d6a7)}.self-chat-item.active{background:linear-gradient(135deg,#a5d6a7,#81c784)}.self-chat-badge{font-size:14px}.group-badge,.self-chat-badge{bottom:-2px;position:absolute;right:-2px}.group-badge{align-items:center;background:#1a1a2e;background:var(--primary,#1a1a2e);border-radius:50%;color:#fff;display:flex;font-size:10px;height:18px;justify-content:center;width:18px}.chat-item-info{flex:1 1;min-width:0}.chat-item-name{color:#333;color:var(--text,#333);font-size:15px;font-weight:600}.chat-item-last-msg{color:#666;color:var(--system-text,#666);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-meta{text-align:right}.unread-badge{background:#e74c3c;border-radius:50%;color:#fff;font-size:12px;font-weight:700;height:22px;width:22px}.modal-overlay,.unread-badge{align-items:center;display:flex;justify-content:center}.modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;background:var(--bg,#fff);border-radius:16px;color:#333;color:var(--text,#333);min-width:320px;padding:24px}.modal h3{margin-bottom:16px}.modal button{margin-top:16px;padding:10px 20px}.mobile-menu-btn,.modal button{background:#1a1a2e;background:var(--primary,#1a1a2e);border:none;border-radius:8px;color:#fff;cursor:pointer}.mobile-menu-btn{display:none;font-size:20px;left:12px;padding:8px 12px;position:fixed;top:12px;z-index:1001}.chatlist-backdrop{display:none}@media (max-width:768px){.mobile-menu-btn{display:block}.chatlist{box-shadow:none;height:100vh;left:-320px;min-width:280px;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1000}.chatlist.mobile-open{box-shadow:4px 0 20px #0003;left:0}.chatlist-backdrop{background:#0006;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}.chatlist-header{padding:10px 12px}.chatlist-user-info{display:none}.chatlist-item{padding:10px 12px}.ai-avatar,.chat-item-avatar img{height:40px;width:40px}.ai-avatar{font-size:20px}.chat-item-name{font-size:14px}.chat-item-last-msg{font-size:12px}.modal{min-width:auto;padding:16px;width:90vw}}.settings-overlay{background:#0009;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.settings-panel{background:#f8f8f8;background:var(--bg,#f8f8f8);color:#333;color:var(--text,#333);height:100%;max-width:90%;overflow-y:auto;width:420px}.settings-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);display:flex;justify-content:space-between;padding:20px}.settings-header h2{color:#1a1a2e;color:var(--primary,#1a1a2e);font-size:20px;margin:0}.settings-close-btn{align-items:center;background:#f0f0f0;background:var(--hover-bg,#f0f0f0);border:none;border-radius:50%;color:#333;color:var(--text,#333);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:background .2s;width:36px}.settings-close-btn:hover{background:#e0e0e0;background:var(--border,#e0e0e0)}.settings-tabs{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);display:flex}.settings-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#666;color:var(--system-text,#666);cursor:pointer;flex:1 1;font-size:14px;padding:12px;transition:all .2s}.settings-tabs button:hover{background:#f5f5f5;background:var(--hover-bg,#f5f5f5)}.settings-tabs button.active{border-bottom-color:#1a1a2e;border-bottom-color:var(--primary,#1a1a2e);color:#1a1a2e;color:var(--primary,#1a1a2e);font-weight:600}.settings-content{padding:20px}.settings-section{display:flex;flex-direction:column;gap:16px}.avatar-section{text-align:center}.settings-avatar{border:3px solid #e0e0e0;border:3px solid var(--border,#e0e0e0);border-radius:50%;cursor:pointer;height:100px;object-fit:cover;transition:border-color .2s;width:100px}.settings-avatar:hover{border-color:#1a1a2e;border-color:var(--primary,#1a1a2e)}.avatar-upload-label{background:#f0f0f0;background:var(--hover-bg,#f0f0f0);border-radius:8px;color:#333;color:var(--text,#333);cursor:pointer;display:inline-block;font-size:13px;margin-top:8px;padding:8px 16px;transition:background .2s}.avatar-upload-label:hover{background:#e0e0e0;background:var(--border,#e0e0e0)}.avatar-history{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.avatar-history img{border:2px solid #e0e0e0;border:2px solid var(--border,#e0e0e0);border-radius:50%;cursor:pointer;height:60px;object-fit:cover;transition:border-color .2s;width:60px}.avatar-history img:hover{border-color:#1a1a2e;border-color:var(--primary,#1a1a2e)}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{color:#666;color:var(--system-text,#666);font-size:13px;font-weight:600}.form-group input,.form-group select{background:#fff;background:var(--chat-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border,#e0e0e0);border-radius:8px;color:#333;color:var(--text,#333);font-size:14px;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#1a1a2e;border-color:var(--primary,#1a1a2e);outline:none}.form-group input[type=color]{height:40px;padding:2px}.settings-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;text-align:center;transition:all .2s}.settings-btn.primary{background:linear-gradient(135deg,#1a1a2e,#0f3460);color:#fff}.settings-btn.primary:hover{background:linear-gradient(135deg,#0f3460,#1a1a2e);box-shadow:0 4px 12px #1a1a2e4d;transform:translateY(-1px)}.settings-btn.primary:active{transform:translateY(0)}.settings-btn.danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.settings-btn.danger:hover{background:linear-gradient(135deg,#c0392b,#e74c3c);box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-1px)}.settings-btn.danger:active{transform:translateY(0)}.settings-divider{border:none;border-top:1px solid #e0e0e0;border-top:1px solid var(--border,#e0e0e0);margin:8px 0}.settings-error{background:#fde8e8;border-radius:8px;color:#e74c3c;font-size:13px;padding:8px 12px}.password-wrapper{position:relative;width:100%}.password-wrapper input{box-sizing:border-box;padding-right:40px;width:100%}.password-toggle{cursor:pointer;font-size:18px;position:absolute;right:12px;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.admin-panel{background:#f5f5f5;background:var(--bg,#f5f5f5);color:#333;color:var(--text,#333);min-height:100vh;padding:24px}.admin-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding-bottom:14px}.admin-header h2{font-size:20px;margin:0}.admin-tabs{display:flex;gap:8px;margin-bottom:16px}.admin-tabs button{background:#fff;background:var(--bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:8px;color:#333;color:var(--text,#333);cursor:pointer;font-size:14px;padding:8px 16px}.admin-tabs button.active{background:#1a1a2e;background:var(--primary,#1a1a2e);color:#fff}.admin-card{background:#fff;background:var(--bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:12px;max-width:520px;padding:20px}.admin-users{display:flex;flex-direction:column;gap:8px}.admin-user-row{align-items:center;background:#fff;background:var(--bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:10px 14px}.admin-user-row.blocked{background:#fdeaea;opacity:.65}.admin-user-info{display:flex;flex-direction:column;min-width:0}.admin-user-login{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-meta{color:#888;color:var(--system-text,#888);font-size:11px}.admin-user-actions{display:flex;gap:6px}.admin-btn{font-size:12px;padding:6px 10px;width:auto}.admin-btn.danger{background:#e74c3c}.admin-stats-cards{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.admin-stat-card{background:#fff;background:var(--bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:160px;padding:14px}.admin-stat-value{font-size:26px;font-weight:700}.admin-stat-label{color:#888;color:var(--system-text,#888);font-size:12px}.admin-chart-section{margin-bottom:24px}.admin-chart-section h4{font-size:14px;margin:0 0 10px}.admin-bars{align-items:flex-end;display:flex;gap:2px;overflow-x:auto;padding-bottom:4px}.admin-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:12px}.admin-bar{background:#1a1a2e;background:var(--primary,#1a1a2e);border-radius:2px 2px 0 0;width:100%}.admin-bar.ai{background:#e94560}.admin-bar-label{color:#999;color:var(--system-text,#999);font-size:8px;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-rl}.ai-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ai-panel{background:#fff;border-radius:16px;max-height:80vh;max-width:90%;overflow-y:auto;padding:24px;width:500px}.ai-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.ai-header button{background:none;border:none;cursor:pointer;font-size:20px}.ai-content{display:flex;flex-direction:column;gap:16px}.ai-content textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px;resize:vertical}.ai-content button{background:#1a1a2e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px}.ai-content button:disabled{opacity:.6}.ai-result img{border-radius:8px;max-width:100%}.app-layout{display:flex;height:100vh;overflow:hidden}.theme-light{--bg:#f5f5f5;--text:#333;--chat-bg:#fff;--msg-bg:#dcf8c6;--primary:#1a1a2e;--primary-hover:#0f3460;--system-text:#666;--border:#e0e0e0;--hover-bg:#f0f0f0}.theme-dark{--bg:#1a1a2e;--text:#fff;--chat-bg:#16213e;--msg-bg:#0f3460;--primary:#0f3460;--primary-hover:#1a1a2e;--system-text:#aab;--border:#2a2a4e;--hover-bg:#1e2a4a}.theme-dark .chatlist,.theme-dark .chatlist-header{background-color:var(--bg);border-color:var(--border);color:var(--text)}.theme-dark .chatlist-logo span{color:var(--text)}.theme-dark .chatlist-user-info{background-color:var(--bg);border-color:var(--border)}.theme-dark .chatlist-user-status{color:var(--system-text)}.theme-dark .chatlist-search input{background-color:var(--chat-bg);border-color:var(--border);color:var(--text)}.theme-dark .chatlist-items{color:var(--text)}.theme-dark .chatlist-item{border-color:var(--border);color:var(--text)}.theme-dark .chatlist-item:hover{background-color:var(--hover-bg)}.theme-dark .chatlist-item.active{background-color:var(--msg-bg)}.theme-dark .chat-item-name{color:var(--text)}.theme-dark .chat-item-last-msg{color:var(--system-text)}.theme-dark .icon-btn:hover{background:var(--hover-bg)}.theme-dark .action-btn{background:var(--primary)}.theme-dark .action-btn:hover{background:var(--primary-hover)}.theme-dark .ai-chat-item{background:linear-gradient(135deg,#1e2a4a,#243b5e)}.theme-dark .ai-chat-item:hover{background:linear-gradient(135deg,#243b5e,#2a4568)}.theme-dark .ai-chat-item.active{background:linear-gradient(135deg,#0f3460,#1a1a2e)}.theme-dark .self-chat-item{background:linear-gradient(135deg,#0f2e24,#123328)}.theme-dark .self-chat-item:hover{background:linear-gradient(135deg,#123328,#163e33)}.theme-dark .self-chat-item.active{background:linear-gradient(135deg,#163e33,#0f3460)}.theme-dark .chatlist-item.active .chat-item-name{color:var(--text)}.theme-dark .chatlist-item.active .chat-item-last-msg{color:var(--system-text)}.theme-dark .chat-window{background-color:var(--chat-bg);color:var(--text)}.theme-dark .chat-header{background-color:var(--bg);border-color:var(--border);color:var(--text)}.theme-dark .chat-header-name{color:var(--text)}.theme-dark .chat-header-status{color:var(--system-text)}.theme-dark .chat-header-actions button:hover{background:var(--hover-bg)}.theme-dark .chat-messages{color:var(--text)}.theme-dark .message.other{background-color:var(--hover-bg);color:var(--text)}.theme-dark .message.own{background-color:var(--msg-bg);color:var(--text)}.theme-dark .message-meta,.theme-dark .typing-indicator{color:var(--system-text)}.theme-dark .chat-input-area{background-color:var(--bg);border-color:var(--border)}.theme-dark .chat-input-area textarea{background-color:var(--chat-bg);border-color:var(--border);color:var(--text)}.theme-dark .chat-input-area textarea:focus{border-color:var(--primary)}.theme-dark .send-btn{background-color:var(--primary)}.theme-dark .send-btn:hover{background-color:var(--primary-hover)}.theme-dark .input-btn{color:var(--text)}.theme-dark .reply-preview{background-color:var(--hover-bg);border-color:var(--border);color:var(--text)}.theme-dark .settings-panel{background-color:var(--bg);color:var(--text)}.theme-dark .settings-header{border-color:var(--border)}.theme-dark .settings-header h2{color:var(--text)}.theme-dark .settings-close-btn{background:var(--hover-bg);color:var(--text)}.theme-dark .settings-close-btn:hover{background:var(--border)}.theme-dark .settings-tabs{border-color:var(--border)}.theme-dark .settings-tabs button{color:var(--system-text)}.theme-dark .settings-tabs button:hover{background:var(--hover-bg)}.theme-dark .settings-tabs button.active{border-bottom-color:var(--primary);color:var(--text)}.theme-dark .settings-content{color:var(--text)}.theme-dark .form-group label{color:var(--system-text)}.theme-dark .form-group input,.theme-dark .form-group select{background-color:var(--chat-bg);border-color:var(--border);color:var(--text)}.theme-dark .form-group input:focus,.theme-dark .form-group select:focus{border-color:var(--primary)}.theme-dark .avatar-upload-label{background:var(--hover-bg);color:var(--text)}.theme-dark .avatar-upload-label:hover{background:var(--border)}.theme-dark .settings-divider{border-color:var(--border)}.theme-dark .empty-state h2{color:var(--text)}.theme-dark .empty-state p{color:var(--system-text)}.theme-dark .modal{background:var(--bg);color:var(--text)}.theme-dark .modal h3{color:var(--text)}.theme-dark .password-wrapper input,.theme-dark input,.theme-dark select,.theme-dark textarea{background-color:var(--chat-bg);border-color:var(--border);color:var(--text)}.theme-dark .search-results{background:var(--bg);border-color:var(--border)}.theme-dark .search-result-item:hover{background:var(--hover-bg)}.theme-dark .search-name{color:var(--text)}.theme-dark .search-email{color:var(--system-text)}.theme-custom{background-color:var(--bg);color:var(--text)}.theme-custom .chatlist,.theme-custom .chatlist-header{background-color:var(--bg);border-color:var(--border);color:var(--text)}.theme-custom .chatlist-logo span{color:var(--text)}.theme-custom .chatlist-user-info{background-color:var(--bg);border-color:var(--border)}.theme-custom .chatlist-user-status{color:var(--system-text)}.theme-custom .chatlist-search input{background-color:var(--chat-bg);border-color:var(--border);color:var(--text)}.theme-custom .chatlist-items{color:var(--text)}.theme-custom .chatlist-item{border-color:var(--border);color:var(--text)}.theme-custom .chatlist-item:hover{background-color:var(--chat-bg)}.theme-custom .chatlist-item.active{background-color:var(--msg-bg)}.theme-custom .ai-chat-item{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background:linear-gradient(135deg,var(--bg,#f5f7fa) 0,var(--msg-bg,#c3cfe2) 100%);color:var(--text)}.theme-custom .ai-chat-item.active{background:linear-gradient(135deg,#ddd6f3,#faaca8);background:linear-gradient(135deg,var(--msg-bg,#ddd6f3) 0,var(--bg,#faaca8) 100%)}.theme-custom .self-chat-item{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);background:linear-gradient(135deg,var(--bg,#e8f5e9) 0,var(--msg-bg,#c8e6c9) 100%);color:var(--text)}.theme-custom .self-chat-item.active{background:linear-gradient(135deg,#a5d6a7,#81c784);background:linear-gradient(135deg,var(--msg-bg,#a5d6a7) 0,var(--bg,#81c784) 100%)}.theme-custom .chatlist-item .chat-item-name{color:var(--text)}.theme-custom .chatlist-item .chat-item-last-msg{color:var(--system-text)}.theme-custom .chat-window{background-color:var(--chat-bg);color:var(--text)}.theme-custom .chat-header{background-color:var(--bg);border-color:var(--border);color:var(--text)}.theme-custom .chat-header-name{color:var(--text)}.theme-custom .chat-header-status{color:var(--system-text)}.theme-custom .chat-header-actions button:hover{background:var(--hover-bg)}.theme-custom .chat-messages{color:var(--text)}.theme-custom .message.other{background-color:var(--chat-bg);color:var(--text)}.theme-custom .message.own{background-color:var(--msg-bg)}.theme-custom .message-meta,.theme-custom .typing-indicator{color:var(--system-text)}.theme-custom .chat-input-area{background-color:var(--bg);border-color:var(--border)}.theme-custom .chat-input-area textarea{background-color:var(--chat-bg);border-color:var(--border);color:var(--text)}.theme-custom .chat-input-area textarea:focus{border-color:var(--primary)}.theme-custom .send-btn{background-color:var(--primary)}.theme-custom .send-btn:hover{background-color:var(--primary-hover)}.theme-custom .input-btn{color:var(--text)}.theme-custom .settings-panel{background-color:var(--bg);color:var(--text)}.theme-custom .settings-header{border-color:var(--border)}.theme-custom .settings-header h2{color:var(--text)}.theme-custom .settings-tabs{border-color:var(--border)}.theme-custom .settings-tabs button{color:var(--system-text)}.theme-custom .settings-tabs button:hover{background:var(--hover-bg)}.theme-custom .settings-tabs button.active{border-bottom-color:var(--primary);color:var(--text)}.theme-custom .form-group label{color:var(--system-text)}.theme-custom .form-group input,.theme-custom .form-group select{background-color:var(--chat-bg);border-color:var(--border);color:var(--text)}.theme-custom .empty-state h2{color:var(--text)}.theme-custom .empty-state p{color:var(--system-text)}.theme-custom .modal{background:var(--bg);color:var(--text)}.theme-custom input,.theme-custom select,.theme-custom textarea{background-color:var(--chat-bg);border-color:var(--border);color:var(--text)}@media (max-width:768px){.app-layout{height:100vh;overflow:hidden}.chat-window{min-width:0;width:100%}}@media (max-width:400px){.chat-window{min-width:0;width:100%}}.no-connection-overlay{align-items:center;background:#f5f5f5;display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.no-connection-image{border-radius:16px;height:180px;object-fit:contain;width:180px}.no-connection-text{color:#666;font-size:15px;margin:0;text-align:center}.theme-dark .no-connection-overlay{background:#1a1a2e}.theme-dark .no-connection-text{color:#ccc}.no-connection-actions{display:flex;gap:10px;margin-top:4px}.no-connection-btn{background:#fff;border:1px solid #ddd;border-radius:10px;color:#333;cursor:pointer;font-size:14px;padding:10px 18px}.no-connection-btn.primary{background:#1a1a2e;border-color:#1a1a2e;color:#fff}.theme-dark .no-connection-btn{background:#16213e;border-color:#3a3a5e;color:#eee}.theme-dark .no-connection-btn.primary{background:#0f3460;border-color:#0f3460}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{height:100vh}
/*# sourceMappingURL=main.a4a95476.css.map*/