:root{--bg: #0b141a;--panel: #111b21;--panel-2: #202c33;--panel-3: #233138;--panel-hover: #202c33;--selected: #2a3942;--chat-bg: #0b141a;--bubble-in: #202c33;--bubble-out: #005c4b;--accent: #00a884;--accent-strong: #008069;--accent-soft: rgba(0,168,132,.14);--receipt: #53bdeb;--danger: #f15c6d;--warning: #ffd279;--text: #e9edef;--text-soft: #d1d7db;--muted: #8696a0;--muted-2: #667781;--line: rgba(255,255,255,.075);--line-strong: rgba(255,255,255,.12);--shadow-sm: 0 2px 7px rgba(0,0,0,.22);--shadow-md: 0 10px 30px rgba(0,0,0,.32);--shadow-lg: 0 22px 70px rgba(0,0,0,.52);--sidebar-width: 410px;--safe-bottom: env(safe-area-inset-bottom, 0px);--icon: #aebac1;color-scheme:dark}html[data-theme=light]{--bg: #e9edef;--panel: #ffffff;--panel-2: #f0f2f5;--panel-3: #e9edef;--panel-hover: #f5f6f6;--selected: #f0f2f5;--chat-bg: #efeae2;--bubble-in: #ffffff;--bubble-out: #d9fdd3;--accent: #008069;--accent-strong: #006c58;--accent-soft: rgba(0,128,105,.1);--receipt: #53bdeb;--danger: #d9304f;--warning: #c78b00;--text: #111b21;--text-soft: #3b4a54;--muted: #667781;--muted-2: #8696a0;--line: rgba(17,27,33,.085);--line-strong: rgba(17,27,33,.13);--shadow-sm: 0 2px 8px rgba(17,27,33,.08);--shadow-md: 0 10px 30px rgba(17,27,33,.12);--shadow-lg: 0 20px 60px rgba(17,27,33,.18);--icon: #54656f;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea{font:inherit}button{color:inherit}button,[role=button]{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 72%,white);outline-offset:2px}.hidden{display:none!important}.mobile-only{display:none}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.ui-icon{width:21px;height:21px;display:block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.google-icon{width:21px;height:21px;display:block;flex:0 0 auto}#matrixCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;background:radial-gradient(circle at 12% 18%,rgba(0,168,132,.18),transparent 28%),radial-gradient(circle at 83% 76%,rgba(37,211,102,.1),transparent 34%),linear-gradient(145deg,#071116,#0b141a 48%,#0f1d21)}.auth-screen{position:relative;z-index:1;min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:min(420px,100%);padding:38px 36px 32px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#111b21f0;box-shadow:0 28px 80px #0000006b;text-align:center;animation:authEnter .36s cubic-bezier(.2,.8,.2,1) both}.brand-mark{width:72px;height:72px;margin:0 auto 18px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#00a884,#008069);box-shadow:0 16px 42px #00a88438;color:#fff;font-size:0}.brand-mark:before{content:"M";font-size:34px;line-height:1;font-weight:800}.auth-card h1{margin:0;font-size:clamp(1.8rem,6vw,2.25rem);letter-spacing:-.035em;line-height:1.08}.auth-card>p{color:var(--muted);margin:10px 0 0;line-height:1.55}.neon-divider{height:1px;margin:26px 0 22px;background:var(--line)}.auth-note{margin-top:17px!important;color:var(--muted)!important;font-size:.82rem;line-height:1.5}.config-warning{margin-top:16px;border:1px solid rgba(241,92,109,.28);background:#f15c6d14;color:#ffb3bd;padding:11px 12px;border-radius:10px;font-size:.82rem;text-align:left}.btn{min-height:40px;border:0;border-radius:8px;padding:9px 14px;background:var(--panel-2);color:var(--text);font-weight:600;cursor:pointer;transition:background .14s ease,transform .1s ease,opacity .14s ease}.btn:hover{background:var(--panel-3)}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-strong)}.btn-secondary{background:var(--panel-2);color:var(--text)}.btn-google{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:11px;background:#fff;color:#202124;border:1px solid #dadce0;box-shadow:0 2px 8px #0003;font-weight:650}.btn-google:hover{background:#f8fafd}.app-shell{position:relative;z-index:2;height:100dvh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);background:var(--bg)}.sidebar{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--panel)}.sidebar-header,.chat-header{min-height:60px;display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--panel)}.profile-chip{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:3px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.profile-chip:hover{background:var(--panel-hover)}.avatar{width:40px;height:40px;flex:0 0 auto;border-radius:50%;object-fit:cover;background:#29414d}.avatar-xl{width:96px;height:96px}.profile-copy,.chat-header-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.profile-copy strong,.chat-header-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;font-weight:650}.profile-copy small,.chat-header-copy small{color:var(--muted);font-size:.75rem}.online-text{color:var(--accent)!important}.header-actions,.chat-header-actions{display:flex;align-items:center;gap:2px}.icon-btn,.mini-clear,.image-viewer-close,.jump-bottom,.send-btn,.message-menu-btn{display:inline-grid;place-items:center;border:0;cursor:pointer;color:var(--icon)}.icon-btn{width:40px;height:40px;border-radius:50%;background:transparent;transition:background .12s ease,color .12s ease,transform .1s ease}.icon-btn:hover{background:var(--panel-hover);color:var(--text)}.icon-btn:active{transform:scale(.94)}.icon-btn.active{color:var(--accent);background:var(--accent-soft)}.new-group-btn{flex:0 0 42px;width:42px;height:42px;border-radius:8px;background:var(--panel-2)}.new-group-btn:hover{background:var(--panel-3);color:var(--text)}.sidebar-title-row{display:flex;align-items:center;gap:10px;padding:13px 14px 5px;background:var(--panel)}.sidebar-title-row h2{flex:1;margin:0;font-size:1.38rem;letter-spacing:-.025em}.sidebar-title-status{padding:4px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.search-zone{padding:8px 10px 9px;display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px solid var(--line)}.search-box{min-width:0;display:flex;align-items:center;gap:10px;height:42px;padding:0 12px;border-radius:8px;background:var(--panel-2);color:var(--muted)}.search-box:focus-within{box-shadow:inset 0 0 0 1px #00a88473}.search-icon{width:18px;height:18px}.search-box input{width:100%;min-width:0;height:40px;border:0;outline:0;background:transparent;color:var(--text);font-size:.9rem}input::placeholder,textarea::placeholder{color:var(--muted)}.mini-clear{width:28px;height:28px;border-radius:50%;background:transparent}.mini-clear:hover{background:#ffffff0f;color:var(--text)}.mini-clear .ui-icon{width:17px;height:17px}.search-results{max-height:280px;overflow:auto;border-bottom:1px solid var(--line);background:var(--panel)}.search-result{display:flex;align-items:center;gap:11px;padding:10px 12px;border-bottom:1px solid var(--line)}.search-result:hover{background:var(--panel-hover)}.search-result-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.search-result-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:650}.search-result-copy small{color:var(--muted);font-size:.76rem}.search-result .btn{min-height:34px;padding:6px 10px;background:var(--accent-soft);color:var(--accent)}.search-empty{padding:28px 18px;text-align:center;color:var(--muted);font-size:.88rem}.sidebar-tabs{display:flex;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.sidebar-tabs::-webkit-scrollbar{display:none}.tab-btn{height:31px;padding:0 13px;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font-size:.81rem;font-weight:600;white-space:nowrap}.tab-btn:hover{background:var(--panel-hover);color:var(--text-soft)}.tab-btn.active{color:var(--accent);background:var(--accent-soft)}.chat-list{flex:1;overflow:auto;overscroll-behavior:contain}.chat-item{width:100%;min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:9px 11px;border:0;border-bottom:1px solid rgba(255,255,255,.025);background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:background .1s ease}html[data-theme=light] .chat-item{border-bottom-color:#111b2109}.chat-item:hover{background:var(--panel-hover)}.chat-item.active{background:var(--selected)}.chat-item .avatar{width:50px;height:50px}.chat-item-main{min-width:0}.chat-item-top,.chat-item-bottom{display:flex;align-items:center;gap:7px}.chat-item-top strong{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.94rem;font-weight:620}.chat-time{color:var(--muted);font-size:.7rem;flex:0 0 auto}.chat-item.active .chat-time{color:var(--text-soft)}.chat-preview{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:.81rem;margin-top:4px}.chat-badges{min-height:18px;display:flex;align-items:center;gap:5px;color:var(--muted)}.chat-pin-indicator,.chat-mute-indicator,.message-meta-icon{display:inline-grid;place-items:center;width:15px;height:15px}.chat-pin-indicator .ui-icon,.chat-mute-indicator .ui-icon{width:14px;height:14px}.unread-badge{min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#25d366;color:#0b141a;font-size:.68rem;font-weight:800}.online-dot,.offline-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.online-dot{background:#25d366}.offline-dot{background:var(--muted-2);opacity:.6}.chat-pane{min-width:0;min-height:0;position:relative;overflow:hidden;background:linear-gradient(#0b141af5,#0b141af5),radial-gradient(circle at 20% 30%,rgba(255,255,255,.035) 0 1px,transparent 1.4px) 0 0/32px 32px,radial-gradient(circle at 80% 70%,rgba(255,255,255,.025) 0 1px,transparent 1.4px) 16px 14px/38px 38px,var(--chat-bg)}html[data-theme=light] .chat-pane{background:linear-gradient(#efeae2f2,#efeae2f2),radial-gradient(circle at 20% 30%,rgba(17,27,33,.055) 0 1px,transparent 1.4px) 0 0/32px 32px,var(--chat-bg)}.empty-state{position:relative;z-index:1;height:100%;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;padding:28px;color:var(--muted)}.empty-logo{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--panel-2);color:var(--accent);font-size:0;box-shadow:var(--shadow-sm)}.empty-logo:before{content:"M";font-size:36px;font-weight:800}.empty-state h2{margin:4px 0 0;color:var(--text);font-size:1.45rem}.empty-state p{margin:0;max-width:460px;line-height:1.55;font-size:.9rem}.active-chat{position:relative;z-index:1;height:100%;min-height:0;display:flex;flex-direction:column}.chat-header{z-index:10;box-shadow:0 1px 0 var(--line)}.chat-header .avatar{width:40px;height:40px}.chat-header-copy{flex:1}.chat-header-actions{margin-left:auto}.message-search-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--panel)}.message-search-bar input{flex:1;height:38px;border:0;border-radius:8px;outline:0;background:var(--panel-2);color:var(--text);padding:0 12px}.pinned-message-bar{padding:8px 14px;border-bottom:1px solid var(--line);background:var(--panel);color:var(--text-soft);cursor:pointer;font-size:.8rem;border-left:3px solid var(--accent)}.messages-scroller{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px clamp(10px,4vw,54px) 20px;scroll-behavior:smooth}.messages{width:min(100%,1060px);margin:0 auto;display:flex;flex-direction:column;gap:2px}.message-row{width:100%;display:flex;align-items:flex-end;gap:2px}.message-row.own{justify-content:flex-end}.message-row.received{justify-content:flex-start}.message-bubble{position:relative;max-width:min(68%,620px);padding:6px 8px 5px;border-radius:8px;background:var(--bubble-in);color:var(--text);box-shadow:0 1px 1px #0000002e;overflow-wrap:anywhere}.message-row.received .message-bubble{border-top-left-radius:3px}.message-row.own .message-bubble{background:var(--bubble-out);border-top-right-radius:3px}.message-row.received .message-bubble:before,.message-row.own .message-bubble:before{content:"";position:absolute;top:0;width:8px;height:10px}.message-row.received .message-bubble:before{left:-7px;background:linear-gradient(135deg,var(--bubble-in) 0 50%,transparent 51%)}.message-row.own .message-bubble:before{right:-7px;background:linear-gradient(225deg,var(--bubble-out) 0 50%,transparent 51%)}.message-bubble.highlight{animation:highlight 1.2s ease}.sender-name{color:#53bdeb;font-size:.75rem;font-weight:700;margin-bottom:3px}.reply-quote{border-left:3px solid var(--accent);background:#0000001f;border-radius:6px;padding:6px 8px;margin-bottom:6px;font-size:.77rem;color:var(--text-soft);cursor:pointer}html[data-theme=light] .reply-quote{background:#111b210f}.message-text{white-space:pre-wrap;line-height:1.38;font-size:.9rem}.deleted-text{color:var(--muted);font-style:italic;font-size:.87rem}.message-media{display:block;width:auto;max-width:min(360px,100%);border-radius:7px;margin-bottom:4px;background:#050505}img.message-media{max-height:380px;object-fit:contain;cursor:zoom-in}video.message-media{max-height:360px}.message-bubble:has(.message-media){max-width:min(76%,390px);padding:4px}.message-bubble:has(.message-media) .message-meta{padding:0 4px 2px}a.file-card{display:flex;align-items:center;gap:10px;min-width:230px;max-width:360px;text-decoration:none;color:var(--text);border-radius:7px;padding:9px;margin-bottom:4px;background:#00000024}a.file-card>span:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:0}a.file-card>span:first-child:before{content:"FILE";font-size:.5rem;font-weight:800;letter-spacing:.04em}.file-card strong{display:block;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem}.file-card small{color:var(--muted);font-size:.69rem}.voice-player{width:min(310px,72vw);max-width:100%;height:38px}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:2px;color:#aebac1e0;font-size:.63rem;line-height:1}html[data-theme=light] .message-meta{color:#667781}.receipt{color:var(--receipt);font-weight:700;letter-spacing:-1px;font-size:.7rem}.edited-label{font-style:italic}.message-meta-icon{width:12px;height:12px}.message-meta-icon .ui-icon{width:11px;height:11px}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}.reaction-chip{border:1px solid var(--line-strong);border-radius:999px;background:#00000024;padding:2px 6px;color:var(--text);font-size:.72rem;cursor:pointer}.reaction-chip.mine{border-color:#00a88480;background:#00a8841f}.message-menu-btn{opacity:0;width:28px;height:28px;border-radius:50%;background:transparent;transition:opacity .1s ease,background .1s ease}.message-menu-btn .ui-icon{width:17px;height:17px}.message-row:hover .message-menu-btn,.message-menu-btn:focus-visible{opacity:1;background:#00000024}.load-older{display:block;margin:0 auto 12px;border:0;border-radius:999px;background:#111b21d1;color:#d6e0e5;padding:7px 12px;cursor:pointer;box-shadow:var(--shadow-sm)}.typing-indicator{align-items:center;gap:4px;width:max-content;margin:8px auto 0 max(0px,calc((100% - min(100%,1060px))/2));padding:8px 11px;border-radius:8px;background:var(--bubble-in);color:var(--muted);font-size:.74rem;box-shadow:0 1px 1px #00000029}.typing-indicator:not(.hidden){display:flex}.typing-indicator span{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:bounce 1s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.12s}.typing-indicator span:nth-child(3){animation-delay:.24s}.typing-indicator em{margin-left:3px;font-style:normal}.jump-bottom{position:absolute;right:24px;bottom:82px;width:42px;height:42px;border-radius:50%;background:var(--panel-2);box-shadow:var(--shadow-md);z-index:5}.jump-bottom:hover{color:var(--accent)}.jump-bottom .ui-icon{width:20px;height:20px}.reply-bar,.attachment-preview{border-top:1px solid var(--line);background:var(--panel);padding:8px 14px}.reply-bar{display:flex;align-items:center;gap:10px}.reply-bar>div{flex:1;min-width:0;border-left:3px solid var(--accent);padding-left:9px}.reply-bar small{display:block;color:var(--muted);font-size:.7rem}.reply-bar strong{display:block;color:var(--accent);font-size:.8rem}.reply-bar span{display:block;color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-preview{display:flex;gap:8px;overflow-x:auto}.attachment-chip{flex:0 0 auto;min-width:180px;max-width:250px;display:flex;align-items:center;gap:8px;border-radius:8px;background:var(--panel-2);padding:8px}.attachment-chip img{width:42px;height:42px;border-radius:6px;object-fit:cover}.attachment-chip span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-soft);font-size:.76rem}.attachment-chip button{margin-left:auto;border:0;background:transparent;color:var(--muted);cursor:pointer}.composer{min-height:62px;display:flex;align-items:flex-end;gap:5px;padding:8px 10px calc(8px + var(--safe-bottom));border-top:1px solid var(--line);background:var(--panel);z-index:8}.composer-tools{display:flex;align-items:center;align-self:center;gap:0}.composer-tools .icon-btn{width:36px;height:42px}.composer-tools .icon-btn:hover{background:transparent;color:var(--text)}.composer-tools .icon-btn.active{color:var(--accent);background:transparent}.composer textarea{flex:1;max-height:120px;resize:none;border:0;outline:0;border-radius:8px;background:var(--panel-2);color:var(--text);padding:11px 13px;line-height:1.36;font-size:.9rem}.send-btn{width:43px;height:43px;flex:0 0 auto;align-self:center;border-radius:50%;background:var(--accent);color:#fff;transition:background .12s ease,transform .1s ease,opacity .12s ease}.send-btn:hover{background:var(--accent-strong)}.send-btn:active{transform:scale(.94)}.send-btn:disabled{opacity:.55;cursor:not-allowed}.send-btn .ui-icon{width:20px;height:20px}.send-btn.is-loading .ui-icon{animation:spin .75s linear infinite}.voice-recording{color:var(--danger)!important;animation:recordPulse 1s infinite ease-in-out}.emoji-panel,.timer-panel{position:absolute;left:10px;bottom:calc(66px + var(--safe-bottom));z-index:30;width:min(330px,calc(100vw - 20px));max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:var(--shadow-lg)}.emoji-panel{grid-template-columns:repeat(8,1fr);gap:2px;padding:8px}.emoji-panel:not(.hidden){display:grid}.emoji-panel button{border:0;border-radius:7px;background:transparent;color:var(--text);font:1.25rem/1 "Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;padding:6px;cursor:pointer}.emoji-panel button:hover{background:var(--panel-hover)}.timer-panel{padding:6px;display:flex;flex-direction:column;gap:2px;min-width:160px;width:auto}.schedule-panel{left:60px}.timer-panel button{border:0;border-radius:7px;background:transparent;color:var(--text);padding:9px 11px;text-align:left;cursor:pointer;font-size:.82rem}.timer-panel button:hover,.timer-panel button.active{background:var(--panel-hover);color:var(--accent)}.message-menu{position:fixed;z-index:200;width:205px;max-height:min(460px,72vh);overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow-lg);padding:5px;animation:menuIn .1s ease both}.message-menu button{width:100%;border:0;border-radius:6px;background:transparent;color:var(--text);text-align:left;padding:10px 11px;cursor:pointer;font-size:.84rem}.message-menu button:hover{background:var(--panel-hover)}.message-menu button.danger{color:#ff8795}.reaction-row{display:grid!important;grid-template-columns:repeat(5,1fr);gap:2px;border-bottom:1px solid var(--line)!important;font:1.05rem/1 "Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}.modal{border:0;padding:0;background:transparent;color:var(--text);max-width:none;max-height:none}.modal::backdrop,.image-viewer::backdrop{background:#000000ad;backdrop-filter:blur(3px)}.modal-card{width:min(470px,calc(100vw - 28px));max-height:min(86dvh,780px);overflow:auto;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--shadow-lg);animation:dialogIn .15s ease both}.modal-card-lg{width:min(650px,calc(100vw - 28px))}.modal-head{display:flex;align-items:center;gap:10px;margin-bottom:15px}.modal-head h2{flex:1;margin:0;font-size:1.1rem}.modal-card label{display:grid;gap:6px;margin:12px 0;color:var(--muted);font-size:.79rem}.modal-card input,.modal-card textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--text);outline:0;padding:10px 11px}.modal-card input:focus,.modal-card textarea:focus{border-color:#00a88494}.profile-editor-top{display:flex;align-items:center;gap:14px}.file-label{cursor:pointer}.id-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border-radius:8px;background:var(--panel-2);color:var(--text-soft)}.qr-wrap{display:grid;place-items:center;min-height:0;margin:12px 0}.qr-wrap img{width:180px;height:180px;background:#fff;padding:8px;border-radius:10px}.settings-list{display:grid;gap:6px}.settings-item{display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;border-radius:8px;background:var(--panel-2);color:var(--text);padding:12px;cursor:pointer;text-align:left}.settings-item:hover{background:var(--panel-hover)}.settings-label{display:inline-flex;align-items:center;gap:10px}.settings-label .ui-icon{width:19px;height:19px}.settings-item small{color:var(--muted)}.settings-item.danger .settings-label{color:#ff8795}.member-search-results,.forward-chat-list{max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:8px}.member-result,.forward-item{display:flex;align-items:center;gap:9px;padding:9px;border-bottom:1px solid var(--line)}.member-result:last-child,.forward-item:last-child{border-bottom:0}.member-result>div,.forward-item>div{flex:1;min-width:0}.member-result strong,.forward-item strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-result small{color:var(--muted)}.selected-members{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.member-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:var(--accent-soft);color:var(--text-soft);padding:6px 9px;font-size:.76rem}.member-chip button{border:0;background:transparent;color:var(--muted);cursor:pointer}.chat-info-profile{text-align:center;padding:8px}.chat-info-profile .avatar{width:88px;height:88px}.chat-info-profile h3{margin:9px 0 2px}.chat-info-profile p{margin:4px 0;color:var(--muted)}.info-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:14px 0}.member-list{display:grid;gap:5px}.member-line{display:flex;align-items:center;gap:9px;padding:8px;border-radius:8px;background:var(--panel-2)}.member-line div{flex:1;min-width:0}.member-line small{color:var(--muted);display:block}.image-viewer{border:0;padding:0;background:transparent;max-width:100vw;max-height:100dvh}.image-viewer img{display:block;max-width:94vw;max-height:90dvh;object-fit:contain;border-radius:8px;box-shadow:var(--shadow-lg)}.image-viewer-close{position:fixed;top:16px;right:16px;width:42px;height:42px;border-radius:50%;background:#111b21db;color:#fff}.image-viewer-close .ui-icon{width:22px;height:22px}.toast-stack{position:fixed;z-index:9999;top:14px;right:14px;width:min(360px,calc(100vw - 28px));display:grid;gap:8px;pointer-events:none}.toast{pointer-events:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);box-shadow:var(--shadow-md);padding:11px 13px;animation:toastIn .18s ease}.toast.error{border-left:3px solid var(--danger)}.toast.success{border-left:3px solid var(--accent)}.toast small{display:block;color:var(--muted);margin-top:2px}.connection-banner{position:fixed;z-index:9998;top:0;left:50%;transform:translate(-50%);padding:6px 12px;border-radius:0 0 8px 8px;background:var(--warning);color:#1f1b11;font-size:.78rem;font-weight:700}.skeleton-list{padding:10px}.skeleton-list:before,.skeleton-list:after{content:"";display:block;height:66px;margin-bottom:9px;border-radius:8px;background:linear-gradient(90deg,var(--panel-2),var(--panel-hover),var(--panel-2));background-size:220% 100%;animation:shimmer 1.3s linear infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8696a057;border-radius:999px;border:2px solid transparent;background-clip:padding-box}@keyframes authEnter{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}@keyframes recordPulse{0%,to{box-shadow:0 0 #f15c6d00}50%{box-shadow:0 0 0 6px #f15c6d1f}}@keyframes highlight{0%,to{box-shadow:0 1px 1px #0000002e}35%,70%{box-shadow:0 0 0 3px #00a88440}}@keyframes toastIn{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-20% 0}}@keyframes menuIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes dialogIn{0%{opacity:0;transform:translateY(7px) scale(.995)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){:root{--sidebar-width: 350px}.message-bubble{max-width:76%}}@media(max-width:820px){.mobile-only{display:inline-grid}.app-shell{display:block;position:relative}.sidebar,.chat-pane{position:absolute;inset:0;width:100%;height:100%;transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .2s ease}.sidebar{z-index:2;border-right:0;transform:translate(0)}.chat-pane{z-index:3;transform:translate(100%)}.app-shell.chat-open .sidebar{transform:translate(-18%);opacity:.35;pointer-events:none}.app-shell.chat-open .chat-pane{transform:translate(0)}.empty-chat{display:none}.sidebar-title-row{padding-top:11px}.messages-scroller{padding:12px 8px 17px}.messages{width:100%}.message-bubble{max-width:85%}.message-bubble:has(.message-media){max-width:88%}.message-media{max-width:min(340px,100%)}.composer{gap:3px;padding:7px 7px calc(7px + var(--safe-bottom))}.composer-tools .icon-btn{width:34px;height:40px}.composer-tools #timerBtn,.composer-tools #scheduleBtn{display:none}.send-btn{width:42px;height:42px}.emoji-panel,.timer-panel{left:7px;bottom:calc(62px + var(--safe-bottom))}.jump-bottom{bottom:calc(74px + var(--safe-bottom));right:13px}}@media(max-width:520px){.auth-screen{padding:14px}.auth-card{padding:32px 20px 27px;border-radius:16px}.brand-mark{width:66px;height:66px;border-radius:18px}.brand-mark:before{font-size:30px}.sidebar-header{padding:8px 10px}.sidebar-title-row{padding-left:12px;padding-right:12px}.search-zone{padding:8px}.chat-item{min-height:68px;padding:8px 9px}.chat-item .avatar{width:48px;height:48px}.chat-header{padding:7px 8px;gap:5px}.chat-header .avatar{width:38px;height:38px}.chat-header-actions{gap:0}.chat-header-actions .icon-btn{width:35px;height:38px}.chat-header-actions #pinChatBtn{display:none}.message-bubble{max-width:89%}.message-menu-btn{opacity:.5}.composer-tools #voiceBtn{display:none}.composer textarea{padding:10px 11px}.modal-card{width:calc(100vw - 14px);max-height:91dvh;padding:14px}.toast-stack{top:8px;right:8px;width:calc(100vw - 16px)}}@media(min-width:1500px){:root{--sidebar-width: 420px}.messages-scroller{padding-left:7vw;padding-right:7vw}.message-bubble{max-width:min(62%,660px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}