*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d12;--panel:#13131a;--panel2:#1a1a24;--input:#1e1e2a;--border:#252535;--border-light:#2e2e42;--accent:#5b6ef5;--accent-hover:#4a5de4;--accent-dim:#5b6ef526;--text:#eeeef5;--text-muted:#7b7b9b;--text-dim:#44445a;--sent-bg:#2b2d6b;--sent-text:#c8cdff;--recv-bg:#1a1a24;--danger:#f05a5a;--danger-dim:#f05a5a1f;--success:#4ec97a;--success-dim:#4ec97a1f;--warning:#f5a623;--r:14px;--r-sm:10px;--r-xs:6px;--r-pill:999px;--ease:.15s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{--bg:#f4f4f8;--panel:#fff;--panel2:#ececf3;--input:#fff;--border:#dcdce6;--border-light:#c9c9d6;--accent:#4a5de4;--accent-hover:#3a4dd0;--accent-dim:#4a5de41f;--text:#1a1a24;--text-muted:#6a6a80;--text-dim:#a0a0b4;--sent-bg:#4a5de4;--sent-text:#fff;--recv-bg:#ececf3;--danger:#d83b3b;--danger-dim:#d83b3b1a;--success:#2ea55c;--success-dim:#2ea55c1a;--warning:#d98a10}html,body{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}#app{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}#loading{background:var(--bg);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner{border:2.5px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.65s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}button{cursor:pointer;transition:background var(--ease), opacity var(--ease), color var(--ease), transform var(--ease);border:none;outline:none;font-family:inherit;font-size:14px;font-weight:500}button:active{transform:scale(.97)}.btn-primary{border-radius:var(--r-sm);background:var(--accent);color:#fff;letter-spacing:.01em;justify-content:center;align-items:center;gap:8px;padding:12px 20px;display:inline-flex}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-secondary{border-radius:var(--r-sm);background:var(--panel2);color:var(--text-muted);border:1px solid var(--border-light);justify-content:center;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.btn-secondary:hover{color:var(--text);border-color:var(--border-light);background:var(--input)}.btn-ghost{border-radius:var(--r-sm);color:var(--text-muted);background:0 0;justify-content:center;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.btn-ghost:hover{color:var(--text);background:var(--input)}.btn-danger{border-radius:var(--r-sm);background:var(--danger-dim);color:var(--danger);border:1px solid #f05a5a40;justify-content:center;align-items:center;gap:6px;padding:12px 20px;display:inline-flex}.btn-danger:hover{background:#f05a5a38}.icon-btn{width:36px;height:36px;color:var(--text-muted);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex}.icon-btn:hover{background:var(--panel2);color:var(--text)}input,textarea{background:var(--input);color:var(--text);border:1.5px solid var(--border);border-radius:var(--r-sm);transition:border-color var(--ease), background var(--ease);outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:15px}input:focus,textarea:focus{border-color:var(--accent);background:var(--panel2)}input::placeholder,textarea::placeholder{color:var(--text-dim)}.screen{flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:none;overflow:hidden}.screen.active{width:100%;min-width:0;display:flex}.hidden{display:none!important}.auth-screen{background:var(--bg);justify-content:center;align-items:center;padding:24px}.auth-wrap{width:100%;max-width:360px}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:36px 28px 28px}.auth-title{color:var(--text);text-align:center;letter-spacing:-.3px;margin-bottom:24px;font-size:22px;font-weight:700}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-field input{background:var(--input);border-color:var(--border-light)}.auth-form .btn-primary{border-radius:var(--r-sm);width:100%;margin-top:4px;padding:13px;font-size:15px}.auth-error{background:var(--danger-dim);color:#f09090;border-radius:var(--r-xs);border:1px solid #f05a5a4d;padding:10px 14px;font-size:13px;line-height:1.4}.auth-switch{text-align:center;color:var(--text-muted);margin-top:18px;font-size:13px}.auth-switch-link{color:var(--accent);cursor:pointer;font-weight:500;text-decoration:none}.auth-switch-link:hover{text-decoration:underline}.avatar{border-radius:50%;flex-shrink:0;overflow:hidden}#main-wrap{flex-direction:column;flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}#screens-wrap{flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.nav-bar{background:var(--panel);border-top:1px solid var(--border);flex-shrink:0;order:1;width:100%;display:flex}.nav-item{cursor:pointer;color:var(--text-dim);letter-spacing:.02em;transition:color var(--ease);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 4px;font-family:inherit;font-size:10px;font-weight:500;display:flex}.nav-icon{transition:transform var(--ease);font-size:20px;line-height:1}.nav-item:hover{color:var(--text-muted)}.nav-item:hover .nav-icon{transform:translateY(-1px)}.nav-item.active{color:var(--accent)}.nav-item.active .nav-icon{transform:none}.chatlist-screen{background:var(--bg)}.chatlist-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.chatlist-title{letter-spacing:-.3px;flex:1;font-size:18px;font-weight:700}.chatlist-search{border-radius:var(--r-pill);background:var(--panel2);border-color:#0000;flex-shrink:0;width:calc(100% - 24px);margin:0 12px 10px;padding:9px 16px;font-size:14px}.chatlist-search:focus{border-color:var(--accent);background:var(--input)}.chatlist-contacts{flex:1;list-style:none;overflow:hidden auto}.chatlist-item{cursor:pointer;transition:background var(--ease);border-bottom:1px solid #ffffff08;align-items:center;gap:12px;padding:11px 16px;display:flex}.chatlist-item:hover{background:var(--panel)}.chatlist-item:active{background:var(--panel2)}.chatlist-item.active{background:var(--accent-dim);border-left:3px solid var(--accent);padding-left:13px}.chatlist-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chatlist-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.chatlist-item-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chatlist-item-time{color:var(--text-dim);flex-shrink:0;font-size:11px}.chatlist-empty{text-align:center;color:var(--text-dim);padding:48px 24px;font-size:14px;list-style:none}.chat-screen{background:var(--bg)}.chat-wrap{flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-header{background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.chat-back{font-size:18px}.sidebar-toggle{display:none!important}.chat-header-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.chat-header-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.chat-header-nick{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.chat-safety{border-radius:var(--r-sm);background:var(--accent-dim);color:var(--accent);cursor:pointer;transition:background var(--ease), border-color var(--ease), transform var(--ease), opacity var(--ease);border:1px solid #5b6ef559;justify-content:center;align-items:center;margin-left:8px;padding:6px;display:flex}.chat-safety:hover{border-color:var(--accent);background:#5b6ef547;transform:translateY(-1px)}.chat-safety svg{stroke:var(--accent)!important}.chat-messages-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.status-typing{font-weight:500;animation:1.4s ease-in-out infinite typingPulse;color:var(--accent)!important}@keyframes typingPulse{0%,to{opacity:.6}50%{opacity:1}}.chat-messages{background-color:#0e1621;background-image:radial-gradient(circle at 50% 30%,#1c2a38 0%,#0e1621 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.05'%3E%3Cpath d='M25 25l18 10-8 8 10 10M85 20a8 8 0 1 0 0 16 8 8 0 1 0 0-16zM110 35l-10 20 15 5M30 85c0 6 10 10 15 10s15-4 15-10M95 90l12-12 8 8-20 20M55 120a10 10 0 1 0 20 0 10 10 0 1 0-20 0z'/%3E%3Cpath d='M20 115l15-5M110 120l10-10M65 30l8-12M75 60a6 6 0 1 1-12 0 6 6 0 0 1 12 0z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat,repeat;background-size:cover,140px 140px;background-attachment:local,fixed;flex-direction:column;flex:1;gap:3px;padding:14px 12px;display:flex;overflow:hidden auto}.chat-messages.bg-telegram-classic{background-color:#0f181e;background-image:radial-gradient(circle at 50% 30%,#15262f 0%,#0f181e 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%2364b5f6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.07'%3E%3Cpath d='M25 25l18 10-8 8 10 10M85 20a8 8 0 1 0 0 16 8 8 0 1 0 0-16zM110 35l-10 20 15 5M30 85c0 6 10 10 15 10s15-4 15-10M95 90l12-12 8 8-20 20M55 120a10 10 0 1 0 20 0 10 10 0 1 0-20 0z'/%3E%3Cpath d='M20 115l15-5M110 120l10-10M65 30l8-12M75 60a6 6 0 1 1-12 0 6 6 0 0 1 12 0z'/%3E%3C/g%3E%3C/svg%3E")}.chat-messages.bg-midnight{background-color:#121224;background-image:radial-gradient(circle at 50% 30%,#202040 0%,#121224 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23b388ff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.06'%3E%3Cpath d='M25 25l18 10-8 8 10 10M85 20a8 8 0 1 0 0 16 8 8 0 1 0 0-16zM110 35l-10 20 15 5M30 85c0 6 10 10 15 10s15-4 15-10M95 90l12-12 8 8-20 20M55 120a10 10 0 1 0 20 0 10 10 0 1 0-20 0z'/%3E%3Cpath d='M20 115l15-5M110 120l10-10M65 30l8-12M75 60a6 6 0 1 1-12 0 6 6 0 0 1 12 0z'/%3E%3C/g%3E%3C/svg%3E")}.chat-messages.bg-emerald{background-color:#0b1a15;background-image:radial-gradient(circle at 50% 30%,#16332a 0%,#0b1a15 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%2369f0ae' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.06'%3E%3Cpath d='M25 25l18 10-8 8 10 10M85 20a8 8 0 1 0 0 16 8 8 0 1 0 0-16zM110 35l-10 20 15 5M30 85c0 6 10 10 15 10s15-4 15-10M95 90l12-12 8 8-20 20M55 120a10 10 0 1 0 20 0 10 10 0 1 0-20 0z'/%3E%3Cpath d='M20 115l15-5M110 120l10-10M65 30l8-12M75 60a6 6 0 1 1-12 0 6 6 0 0 1 12 0z'/%3E%3C/g%3E%3C/svg%3E")}.chat-scroll-down{border:1px solid var(--border);background:var(--panel);width:40px;height:40px;color:var(--text);cursor:pointer;z-index:5;opacity:.95;border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:background .15s,transform .15s,opacity .15s;display:flex;position:absolute;bottom:12px;right:14px;box-shadow:0 4px 16px #00000059}.chat-scroll-down:hover{background:var(--panel-secondary,var(--panel));transform:translateY(-1px)}.chat-scroll-down[hidden]{display:none!important}.chat-loading{justify-content:center;padding:24px;display:flex}.msg-bubble{box-sizing:border-box;word-break:break-word;border-radius:18px;flex-direction:column;gap:3px;width:fit-content;max-width:76%;padding:9px 13px;line-height:1.45;display:flex;position:relative}.msg-media-bubble{width:fit-content;max-width:380px;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.msg-direct-image-card{cursor:pointer;border-radius:14px;width:100%;max-width:360px;display:block;overflow:hidden}.msg-direct-image{object-fit:contain;background:#0000000f;border-radius:14px;width:auto;max-width:100%;height:auto;max-height:480px;transition:opacity .2s;display:block}.msg-direct-image:hover{opacity:.95}.msg-image-preview-card{cursor:pointer;border-radius:12px;max-width:340px;margin-top:6px;display:block;overflow:hidden}.msg-image-preview{object-fit:contain;background:#0000000f;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:380px;transition:opacity .2s;display:block}.msg-image-preview:hover{opacity:.95}.msg-media-bubble .msg-meta{pointer-events:none;z-index:2;background:#0000008c;border-radius:12px;align-items:center;gap:4px;margin:0;padding:2px 7px;display:flex;position:absolute;bottom:8px;right:8px}.msg-media-bubble .msg-time{font-size:11px;color:#fff!important}.msg-media-bubble .msg-status-wrapper .chk{color:#ffffffd9!important}.msg-media-bubble .msg-status-wrapper.msg-status-read .chk{color:#4ec97a!important}.msg-status-pending{opacity:.85;justify-content:center;align-items:center;margin-left:2px;display:inline-flex}.msg-status-pending svg{display:block}.msg-out{background:var(--sent-bg);color:var(--sent-text);border-bottom-right-radius:4px;align-self:flex-end;padding-right:12px}.msg-out:after{content:"";background:inherit;width:10px;height:10px;clip-path:path("M 0 0 C 3 0, 7 4, 7 10 L 0 10 Z");position:absolute;bottom:0;right:-6px}.msg-in{background:var(--recv-bg);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start;padding-left:17px}.msg-in:after{content:"";background:inherit;width:10px;height:10px;clip-path:path("M 10 0 C 7 0, 3 4, 3 10 L 10 10 Z");position:absolute;bottom:0;left:-6px}.msg-failed{opacity:.6;background:#f05a5a14;border:1px solid #f05a5a66;font-style:italic}.msg-failed .msg-text{color:var(--text-muted)}.msg-del-btn{color:var(--danger);border-radius:var(--r-xs);background:#f05a5a26;border:1px solid #f05a5a59;align-self:flex-end;margin-top:2px;padding:3px 8px;font-size:12px;line-height:1}.msg-del-btn:hover{background:#f05a5a4d}.msg-text{white-space:pre-wrap;font-size:15px}.msg-link{color:#409cff;word-break:break-all;text-decoration:none}.msg-link:hover{text-decoration:underline}.msg-out .msg-link{color:#64b5f6;text-decoration:none}.msg-out .msg-link:hover{text-decoration:underline}.msg-meta{align-self:flex-end;align-items:center;gap:4px;margin-top:1px;display:flex}.msg-time{color:var(--text-dim);cursor:default;-webkit-user-select:none;user-select:none;align-self:flex-end;margin-top:1px;font-size:10px;line-height:1}.msg-time-tooltip{z-index:10001;background:var(--panel,#1e1e24);border:1px solid var(--border,#ffffff1f);max-width:200px;color:var(--text-dim,#8080a0);white-space:nowrap;pointer-events:none;border-radius:6px;padding:4px 8px;font-size:11px;animation:.12s tooltipFadeIn;position:fixed;box-shadow:0 4px 16px #00000080}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.msg-out .msg-time{color:#c8d2ff80}.msg-upload-overlay{-webkit-backdrop-filter:blur(3px);border-radius:inherit;z-index:5;pointer-events:none;background:#0000006b;flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.msg-upload-badge{-webkit-backdrop-filter:blur(8px);color:#fff;-webkit-user-select:none;user-select:none;z-index:6;letter-spacing:.2px;background:#000000b8;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #0006}.msg-upload-circular{justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.msg-upload-svg{width:100%;height:100%;position:absolute;inset:0}.upload-progress-circle{transition:stroke-dashoffset .12s linear}.upload-percent-text{color:#fff;z-index:1;text-shadow:0 1px 3px #000c;font-size:11px;font-weight:700}.msg-action-menu{z-index:10000;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);border-radius:12px;flex-direction:column;gap:2px;min-width:160px;padding:6px;display:flex;position:fixed;box-shadow:0 10px 30px #00000073}.msg-action-item{text-align:left;width:100%;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;font-weight:400;transition:background .15s,color .15s;display:flex}.msg-action-item svg{opacity:.85;flex-shrink:0;transition:opacity .15s}.msg-action-item:hover{background:#ffffff14}.msg-action-item:hover svg{opacity:1}.msg-action-item.danger{color:var(--danger,#ff5252)}.msg-action-item.danger svg{stroke:var(--danger,#ff5252)}.msg-action-item.danger:hover{background:#ff52521f}.msg-action-label{flex:1}.msg-status{color:#c8d2ff80;margin-left:2px;font-size:11px;line-height:1}.msg-status-wrapper{vertical-align:middle;width:15px;height:12px;display:inline-flex;position:relative}.msg-status-wrapper .chk{color:#c8d2ff80;font-size:11px;font-weight:700;line-height:1;position:absolute;top:0}.msg-status-wrapper .chk-1{left:0}.msg-status-wrapper .chk-2{left:4px}.msg-status-wrapper.msg-status-read .chk,.msg-status-read{color:var(--accent)!important}.msg-single-line-row{flex-direction:row;align-items:flex-end;gap:8px;max-width:100%;display:flex}.msg-single-line-row .msg-meta{flex-shrink:0;margin-top:0;margin-bottom:1px;margin-left:auto}.msg-system{text-align:center;border-radius:12px;max-width:90%;margin:8px 0;padding:6px 12px;font-size:13px;font-weight:500;color:#ff6b6b!important;background:#f05a5a1a!important;border:1px solid #f05a5a33!important;align-self:center!important}.chat-input-row{background:var(--panel);border-top:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:10px;padding:8px 12px;display:flex}.chat-input-pill{background:var(--input);border:1px solid var(--border-light);min-height:42px;transition:border-color var(--ease);border-radius:24px;flex:1;align-items:flex-end;padding:3px 6px;display:flex}.chat-input-pill:focus-within{border-color:var(--accent)}.chat-input{resize:none;min-height:36px;max-height:120px;color:var(--text);flex:1;padding:8px;font-size:15px;line-height:1.4;overflow-y:hidden;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.chat-input-pill .chat-sticker-btn,.chat-input-pill .chat-attach-btn{color:var(--text-muted);cursor:pointer;transition:color var(--ease), background var(--ease);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:2px;padding:8px;display:flex}.chat-input-pill .chat-sticker-btn:hover,.chat-input-pill .chat-attach-btn:hover{color:var(--text);background:#ffffff14}.chat-action-btn{background:var(--accent);color:#fff;cursor:pointer;width:42px;height:42px;transition:background var(--ease), transform var(--ease);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.chat-action-btn:hover{background:var(--accent-hover)}.chat-action-btn:active{transform:scale(.92)}.chat-action-btn:disabled{opacity:.4;cursor:default;transform:none}.chat-action-btn.chat-attach-btn{background:var(--input);color:var(--text-muted);border:1px solid var(--border-light)}.chat-action-btn.chat-attach-btn:hover{color:var(--text);background:#ffffff1f}.profile-screen{background:var(--bg)}.profile-wrap{flex-direction:column;height:100%;display:flex;overflow:hidden}.profile-header{background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:14px 16px;display:flex}.profile-title{flex:1;font-size:17px;font-weight:700}.profile-card{border-bottom:1px solid var(--border);flex-direction:column;align-items:center;gap:16px;padding:32px 24px 24px;display:flex}.profile-avatar{border-radius:50%}.profile-info{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:280px;display:flex}.profile-name-row{justify-content:center;align-items:center;display:flex}.profile-name{letter-spacing:-.3px;text-align:center;font-size:20px;font-weight:700}.profile-name-input{text-align:center;background:var(--input);border-radius:var(--r-sm);font-size:18px;font-weight:600}.profile-username{color:var(--accent);font-size:14px;font-weight:500}.profile-uid{color:var(--text-dim);font-size:12px}.profile-edit-row{justify-content:center;gap:8px;margin-top:4px;display:flex}.profile-edit-btn,.profile-save-btn,.profile-cancel-btn{padding:7px 16px;font-size:13px}.profile-actions{flex-direction:column;flex:1;justify-content:flex-end;gap:10px;padding:24px 20px;display:flex}.profile-logout-btn{width:100%;padding:13px;font-size:15px}.search-screen{background:var(--bg)}.search-wrap{flex-direction:column;height:100%;display:flex;overflow:hidden}.search-header{background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.search-title{flex:1;font-size:17px;font-weight:700}.search-bar{border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 12px}.search-input{border-radius:var(--r-pill);background:var(--panel2);border-color:#0000;padding:10px 18px;font-size:14px}.search-input:focus{border-color:var(--accent);background:var(--input)}.search-status{flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.search-empty{text-align:center;color:var(--text-dim);padding:40px 24px;font-size:14px}.search-results{flex:1;list-style:none;overflow-y:auto}.search-result-item{cursor:pointer;transition:background var(--ease);border-bottom:1px solid #ffffff08;align-items:center;gap:12px;padding:12px 16px;display:flex}.search-result-item:hover{background:var(--panel)}.search-result-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.search-result-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.search-result-nick{color:var(--text-muted);font-size:13px}.search-chat-btn{flex-shrink:0;padding:7px 14px;font-size:13px}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--r-sm);pointer-events:auto;text-align:center;max-width:340px;padding:11px 20px;font-size:14px;font-weight:500;line-height:1.4;animation:.2s cubic-bezier(.34,1.4,.64,1) forwards toastIn;box-shadow:0 6px 24px #00000059}.toast-success{color:#6ee09a;background:#1a3b28;border:1px solid #4ec97a4d}.toast-error{color:#f09090;background:#3b1a1a;border:1px solid #f05a5a4d}.toast-info{color:#90b8f0;background:#1a2040;border:1px solid #5b6ef54d}.toast-warning{color:#f5c060;background:#3b2e10;border:1px solid #f5a6234d}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@media (width>=700px){#app,#main-wrap{flex-direction:row}.nav-bar{border-top:none;border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;order:-1;justify-content:flex-start;gap:2px;width:66px;height:100%;padding:16px 0}.nav-item{border-radius:var(--r-sm);flex:none;width:calc(100% - 12px);margin:0 6px;padding:13px 4px}.nav-item.active{background:var(--accent-dim)}#screens-wrap{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.chat-back{display:none!important}.sidebar-toggle{display:block!important}.chatlist-screen.active{flex-shrink:0;width:100%;transition:width .25s cubic-bezier(.4,0,.2,1),opacity .25s}.chatlist-screen.active:has(~.chat-screen.active){border-right:1px solid var(--border);width:360px;min-width:260px;max-width:40vw}#screens-wrap.sidebar-collapsed .chatlist-screen.active{opacity:0;pointer-events:none;border-right:none!important;width:0!important;overflow:hidden!important}.chat-screen.active{flex:1;width:auto;min-width:0}.toast-container{bottom:24px}}@media (width<=699px){#main-wrap{flex-direction:column!important}.nav-bar{order:1!important;width:100%!important}#main-wrap.in-chat .nav-bar{display:none!important}#main-wrap:has(.chat-screen.active) .nav-bar{display:none!important}#main-wrap.in-chat .chatlist-screen{display:none!important}.chatlist-screen.active:has(~.chat-screen.active){display:none!important}.chat-screen.active{flex:100%!important;width:100%!important;min-width:0!important}.chat-back{display:block!important}.sidebar-toggle{display:none!important}}.reply-preview-bar{background:var(--panel);border-top:1px solid var(--border);border-left:4px solid var(--accent);flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;display:flex}.reply-preview-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.reply-preview-sender{color:var(--accent);font-size:13px;font-weight:600}.reply-preview-text{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.reply-preview-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.msg-reply-ref{border-left:3px solid var(--accent);cursor:pointer;box-sizing:border-box;background:#ffffff0d;border-radius:4px;flex-direction:row;align-items:center;gap:8px;width:100%;margin-bottom:6px;padding:6px 10px;font-size:13px;display:flex}.reply-ref-thumb,.reply-preview-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:36px;height:36px}.reply-ref-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.msg-out .msg-reply-ref{background:#00000026}.reply-ref-sender{color:var(--accent);font-weight:600}.msg-out .reply-ref-sender{color:#acf}.reply-ref-text{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.msg-date-divider{justify-content:center;margin:12px 0;display:flex}.msg-date-divider span{color:var(--text-muted);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;border-radius:12px;padding:3px 12px;font-size:12px;font-weight:500}@keyframes msg-row-flash{0%{opacity:1}to{opacity:0}}.msg-bubble.msg-highlight{z-index:0}.msg-bubble.msg-highlight:before{content:"";z-index:-1;pointer-events:none;background:#78aaff38;animation:1.8s ease-out forwards msg-row-flash;position:absolute;inset:-3px -100vw}.call-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.call-modal-overlay.hidden{display:none!important}.call-card{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:20px;min-width:320px;padding:32px 40px;display:flex;box-shadow:0 20px 40px #00000080}.call-avatar-placeholder{background:var(--accent-dim);width:80px;height:80px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.call-avatar-placeholder.pulsing{animation:1.5s infinite pulse}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #5b6ef566}70%{transform:scale(1.05);box-shadow:0 0 0 20px #5b6ef500}to{transform:scale(1);box-shadow:0 0 #5b6ef500}}.call-info .call-title{color:var(--text);font-size:20px;font-weight:600}.call-info .call-subtitle{color:var(--text-muted);margin-top:4px;font-size:14px}.call-actions{gap:24px;margin-top:10px;display:flex}.call-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s;display:flex}.call-btn:hover{transform:scale(1.08)}.btn-accept{background:var(--success);color:#fff}.btn-reject{background:var(--danger);color:#fff}.call-active-window{background:radial-gradient(circle,#1b1c2b 0%,#0d0e15 100%);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.call-avatar-wrapper,.call-active-avatar-wrap{border-radius:50%;justify-content:center;align-items:center;display:flex}.call-avatar-wrapper.pulsing,.call-active-avatar-wrap.pulsing{animation:2s infinite pulse-avatar}@keyframes pulse-avatar{0%{transform:scale(1);box-shadow:0 0 #5b6ef566}70%{transform:scale(1.04);box-shadow:0 0 0 18px #5b6ef500}to{transform:scale(1);box-shadow:0 0 #5b6ef500}}.call-active-peer-name{color:var(--text);margin-top:4px;font-size:22px;font-weight:600}.call-participant-placeholder{z-index:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;height:100%;display:flex;position:absolute;inset:0}.call-participant-placeholder.hidden{display:none!important}.call-status-badge{color:var(--text-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;padding:6px 16px;font-size:14px}.remote-video-container,.local-video-container{display:contents}.video-tile{background:#000;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.video-tile.primary-tile{z-index:1;border:none;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.video-tile.primary-tile video{object-fit:contain;width:100%;height:100%}.video-tile.pip-tile{z-index:20;cursor:pointer;border:2px solid #fff3;border-radius:14px;width:220px;height:140px;position:absolute;top:24px;right:24px;box-shadow:0 14px 35px #000000b3}.video-tile.pip-tile:hover{border-color:var(--accent,#5b6ef5);transform:scale(1.04)}.video-tile.pip-tile video{object-fit:cover;width:100%;height:100%}.video-stream-element{width:100%;height:100%}.video-stream-element.camera-mirror{transform:scaleX(-1)}.call-header-bar{z-index:50;align-items:center;gap:12px;display:flex;position:absolute;top:24px;left:24px}.call-header-info{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161722bf;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:10px;padding:8px 16px;display:flex}.call-peer-title{color:var(--text);font-size:15px;font-weight:600}.call-duration-badge{color:var(--accent,#5b6ef5);background:#5b6ef526;border-radius:12px;padding:2px 8px;font-size:13px;font-weight:500}.call-link-status{color:var(--warning,#f0a020);white-space:nowrap;background:#f0a02026;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:500}.call-voice-wave-container{align-items:center;gap:4px;height:20px;display:flex}.wave-bar{background:var(--accent,#5b6ef5);border-radius:2px;width:4px;height:8px;animation:1.2s ease-in-out infinite alternate wave-anim}.wave-bar:nth-child(2){animation-delay:.2s}.wave-bar:nth-child(3){animation-delay:.4s}.wave-bar:nth-child(4){animation-delay:.6s}@keyframes wave-anim{0%{opacity:.4;height:6px}to{opacity:1;height:22px}}.video-tile.speaking{box-shadow:0 0 0 3px #4ec97a,0 8px 25px #4ec97a80!important}.call-active-avatar-wrap.speaking{box-shadow:0 0 0 4px #4ec97a,0 0 30px #4ec97a99!important}.call-settings-dialog-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.call-settings-card{background:#1e1f2b;border:1px solid #ffffff1f;border-radius:20px;width:90%;max-width:420px;padding:24px;box-shadow:0 20px 50px #000000b3}.call-settings-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.call-settings-header h3{color:var(--text);margin:0;font-size:18px;font-weight:600}.btn-close-settings{color:var(--text-muted);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-close-settings:hover{color:var(--text);background:#ffffff29}.call-settings-body{flex-direction:column;gap:16px;display:flex}.settings-group{flex-direction:column;gap:6px;display:flex}.settings-group label{color:var(--text-muted);font-size:13px;font-weight:500}.call-device-select{color:var(--text);background:#14151e;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:14px}.call-device-select:focus{border-color:var(--accent,#5b6ef5)}.call-controls-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#161722d9;border:1px solid #ffffff1a;border-radius:40px;align-items:center;gap:16px;padding:10px 20px;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.call-active-window .call-header-bar,.call-active-window .call-controls-bar{transition:opacity .25s,transform .25s}.call-active-window.controls-hidden .call-header-bar{opacity:0;pointer-events:none;transform:translateY(-16px)}.call-active-window.controls-hidden .call-controls-bar{opacity:0;pointer-events:none;transform:translate(-50%,120%)}.call-control-btn{width:48px;height:48px;color:var(--text);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.call-control-btn:hover{background:#ffffff29;transform:scale(1.06)}.call-control-btn.active-off{color:#ff6b6b;background:#eb4d4b33;border:1px solid #eb4d4b4d}.call-control-btn.active-on{color:#5cdb95;background:#4ec97a33;border:1px solid #4ec97a66}.btn-end-call{color:#fff;background:#eb4d4b;width:52px;height:52px;margin-left:6px;box-shadow:0 4px 15px #eb4d4b66}.btn-end-call:hover{background:#ff5252;transform:scale(1.08)}.sticker-picker-container{background:var(--surface);border:1px solid var(--border);z-index:150;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;width:390px;max-width:calc(100vw - 24px);height:425px;max-height:calc(100vh - 120px);animation:.2s cubic-bezier(.16,1,.3,1) stickerFadeIn;display:flex;position:absolute;bottom:calc(100% + 12px);right:16px;overflow:hidden;box-shadow:0 12px 36px #00000059}@keyframes stickerFadeIn{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sticker-picker-container.hidden{display:none!important}.sticker-picker-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px 8px;display:flex}.sticker-picker-title{color:var(--text);font-size:14px;font-weight:600}.btn-add-pack{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-add-pack:hover{background:var(--surface-hover,#ffffff14);color:var(--primary,#5b6ef5)}.sticker-picker-content{flex-direction:column;flex:1;padding:14px;display:flex;overflow-y:auto}.sticker-pack-preview-header{color:var(--text-muted);margin-bottom:10px;padding-left:4px;font-size:13px;font-weight:600}.sticker-picker-empty{color:var(--text-muted);text-align:center;margin:auto;padding:20px;font-size:13px}.stickers-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.sticker-grid-item{cursor:pointer;aspect-ratio:1;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;min-height:74px;padding:4px;transition:transform .15s,background .15s;display:flex}.sticker-grid-item:hover:not(.preview-only){background:var(--surface-hover,#ffffff14);transform:scale(1.08)}.sticker-img{object-fit:contain;pointer-events:none;width:100%;height:100%}.sticker-picker-tabs{background:var(--surface-secondary,#00000026);border-top:1px solid var(--border);scrollbar-width:none;align-items:center;gap:4px;padding:6px 12px;display:flex;overflow-x:auto}.sticker-picker-tabs::-webkit-scrollbar{display:none}.sticker-tab{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .15s;display:flex}.sticker-tab:hover{background:var(--surface-hover,#ffffff14);color:var(--text)}.sticker-tab.active{background:var(--primary-alpha,#5b6ef533);color:var(--primary,#5b6ef5)}.sticker-tab-icon{object-fit:contain;border-radius:4px;width:24px;height:24px}.sticker-tab-add{color:var(--primary,#5b6ef5);font-weight:700}.sticker-tab-add:hover{background:var(--primary-alpha,#5b6ef526);color:var(--primary,#5b6ef5)}.msg-bubble.sticker-message,.msg-bubble.msg-sticker-bubble{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;position:relative!important;overflow:visible!important}.msg-bubble.sticker-message .msg-text,.msg-bubble.msg-sticker-bubble .msg-text{width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:block!important}.msg-bubble.sticker-message .msg-sticker-wrapper,.msg-bubble.msg-sticker-bubble .msg-sticker-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;width:190px;max-width:190px;height:190px;max-height:190px;transition:transform .15s;display:block;position:relative}.msg-bubble.sticker-message .msg-sticker-wrapper:hover,.msg-bubble.msg-sticker-bubble .msg-sticker-wrapper:hover{transform:scale(1.03)}.msg-bubble.sticker-message .msg-sticker-media,.msg-bubble.msg-sticker-bubble .msg-sticker-media{object-fit:contain;width:100%;max-width:190px;height:100%;max-height:190px;display:block}.msg-bubble.sticker-message .msg-meta,.msg-bubble.msg-sticker-bubble .msg-meta{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:5;background:#0000008c;border-radius:12px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;display:inline-flex;position:absolute;bottom:4px;right:4px}.msg-bubble.sticker-message .msg-meta .msg-time,.msg-bubble.msg-sticker-bubble .msg-meta .msg-time{color:#fff;font-size:11px}.msg-bubble.sticker-message .msg-meta .msg-status-wrapper,.msg-bubble.msg-sticker-bubble .msg-meta .msg-status-wrapper{color:#fffc}.msg-bubble.sticker-message .msg-meta .msg-status-wrapper.msg-status-read,.msg-bubble.msg-sticker-bubble .msg-meta .msg-status-wrapper.msg-status-read{color:#5cdb95}.sticker-pack-modal .modal-body{max-height:60vh;padding:16px;overflow-y:auto}.msg-bubble.msg-emoji-bubble{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;position:relative!important;overflow:visible!important}.msg-bubble.msg-emoji-bubble .msg-single-line-row{gap:0!important;display:inline-block!important;position:relative!important}.msg-bubble.msg-emoji-bubble .msg-text{-webkit-user-select:text;user-select:text;line-height:1.15!important;display:inline-block!important}.msg-bubble.msg-emoji-1 .msg-text{padding-bottom:0;padding-right:4px;font-size:96px!important}.msg-bubble.msg-emoji-multi .msg-text{padding-bottom:0;padding-right:4px;font-size:64px!important}.msg-bubble.msg-emoji-bubble .msg-meta{-webkit-backdrop-filter:blur(4px);pointer-events:none;z-index:5;white-space:nowrap;color:#fff!important;background:#00000073!important;border-radius:6px!important;align-items:center!important;gap:2px!important;margin:0!important;padding:1px 4px!important;font-size:9px!important;line-height:1!important;display:inline-flex!important;position:absolute!important;bottom:2px!important;right:2px!important}.msg-bubble.msg-emoji-bubble .msg-meta .msg-time{color:#fff!important;font-size:9px!important;line-height:1!important}.msg-bubble.msg-emoji-bubble .msg-meta .msg-status-wrapper{transform-origin:50%;transform:scale(.85);color:#fffc!important;align-items:center!important;font-size:9px!important;line-height:1!important;display:inline-flex!important}.msg-bubble.msg-emoji-bubble .msg-meta .msg-status-wrapper .chk{letter-spacing:-2px;font-size:9px!important}.msg-bubble.msg-emoji-bubble .msg-meta .msg-status-wrapper.msg-status-read{color:#5cdb95!important}