#tab-chats{--e:cubic-bezier(.2,.8,.2,1);--sp:cubic-bezier(.34,1.5,.4,1)}.cx-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:calc(140px + env(safe-area-inset-bottom))}.cx-head{position:sticky;top:0;z-index:6;height:calc(env(safe-area-inset-top) + 54px);padding:calc(env(safe-area-inset-top) + 8px) 14px 0;display:flex;align-items:flex-start;background:transparent;transition:background-color .3s,box-shadow .3s}.cx-head.solid{background:var(--canvas);box-shadow:0 1px 0 var(--line-soft)}.cx-title{font-size:40px;font-weight:900;letter-spacing:-1.6px;line-height:1;color:var(--ink);animation:cxTitle .8s var(--e) both;transform-origin:left center}.cx-sub{margin-top:6px;font-size:14px;font-weight:650;color:var(--ink-soft);min-height:18px;animation:cxFade .8s .15s var(--e) both}@keyframes cxTitle{from{opacity:0;transform:translate3d(-18px,0,0) scale(.94)}to{opacity:1;transform:none}}@keyframes cxFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cx-ph{font-size:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-online{display:flex;gap:16px;overflow-x:auto;padding:18px 18px 4px;scroll-padding-left:18px}.cx-online:empty{display:none}.cx-ob{flex:none;width:64px;text-align:center;animation:cxPop .7s var(--sp) both;animation-delay:calc(.25s + var(--i,0)*.06s);transition:transform .3s var(--sp)}.cx-ob:active{transform:scale(.9)}.cx-obav{position:relative;width:62px;height:62px;margin:0 auto}.cx-obav .avatar{position:absolute;inset:4px;width:auto!important;height:auto!important;border-radius:50%!important;z-index:1;overflow:hidden}.cx-obav:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(#3fd68a,#8be9c0,#2ea96b,#3fd68a);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px))}.cx-obav:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #3fd68a;opacity:0;animation:cxPing 2.6s ease-out infinite;animation-delay:calc(var(--i,0)*.3s)}.cx-ob b{display:block;margin-top:7px;font-size:11.5px;font-weight:700;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-ob.add .cx-obav{border-radius:50%;border:2px dashed var(--line-strong);display:grid;place-items:center;color:var(--ink-faint)}.cx-ob.add .cx-obav:before,.cx-ob.add .cx-obav:after{display:none}@keyframes cxSpin{to{transform:rotate(360deg)}}@keyframes cxPing{0%{transform:scale(.92);opacity:.7}100%{transform:scale(1.28);opacity:0}}@keyframes cxPop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.cx-dock{display:flex;gap:8px;overflow-x:auto;padding:16px 16px 8px;scroll-padding-left:16px}.cx-pill{flex:none;display:flex;align-items:center;height:40px;padding:0 12px;border-radius:20px;background:var(--surface);border:1px solid var(--line-soft);color:var(--ink-soft);font-size:13.5px;font-weight:800;transition:background-color .35s,color .35s,transform .35s var(--sp),box-shadow .35s;animation:cxPop .6s var(--sp) both;animation-delay:calc(.3s + var(--i,0)*.05s)}.cx-pill:active{transform:scale(.92)}.cx-pill svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.cx-pill span{display:block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .5s var(--sp),opacity .3s,margin .5s var(--sp)}.cx-pill.on{color:#fff;border-color:transparent;background:linear-gradient(150deg,var(--brown-2),var(--brown));box-shadow:0 10px 20px -10px var(--brown)}.cx-pill.on span{max-width:120px;opacity:1;margin-left:8px}.cx-pill i{font-style:normal;min-width:19px;height:19px;padding:0 5px;margin-left:7px;border-radius:10px;font-size:11px;display:grid;place-items:center;background:var(--brown);color:#fff}.cx-pill.on i{background:rgba(255,255,255,.28)}.cx-label{margin:16px 24px 4px;font-size:12px;font-weight:850;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-faint)}.cx-item{position:relative;overflow:hidden;touch-action:pan-y}.cx-item:not(:first-child) .cx-row:after{content:"";position:absolute;left:88px;right:0;top:0;height:1px;background:var(--line-soft)}.cx-act{position:absolute;top:5px;bottom:5px;display:flex;gap:6px;padding:0 8px;z-index:0}.cx-act.r{right:0}.cx-act.l{left:0}.cx-act button{width:64px;border-radius:20px;color:#fff;font-size:11px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform .3s var(--sp)}.cx-act button:active{transform:scale(.9)}.cx-act svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cx-act .pin{background:linear-gradient(150deg,#5b93f5,#2f5fc4)}.cx-act .mute{background:linear-gradient(150deg,#9a8fb8,#665c86)}.cx-act .del{background:linear-gradient(150deg,#f0687b,#c93348)}.cx-act .read{background:linear-gradient(150deg,#46cf8c,#25955f)}.cx-row{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:11px 18px;background:var(--canvas);transition:transform .55s var(--sp),background-color .25s;cursor:pointer;-webkit-user-select:none;user-select:none;animation:none!important}.cx-row.drag{transition:none;will-change:transform}.cx-row:active{background:var(--surface-press)}.cx-av{position:relative;width:56px;height:56px;flex:none}.cx-av .avatar{position:relative;z-index:1;width:56px!important;height:56px!important;border-radius:50%!important;overflow:hidden;font-size:22px}.cx-av .avatar img{width:100%;height:100%;object-fit:cover}.cx-ring{position:absolute;inset:-3.5px;border-radius:50%;opacity:0;transform:scale(.8);background:conic-gradient(var(--brown-2),#e0708f,#8b7bf2,var(--brown-2));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.6px),#000 calc(100% - 2.1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.6px),#000 calc(100% - 2.1px));transition:opacity .4s,transform .5s var(--sp)}.cx-av.unread .cx-ring{opacity:1;transform:none}.cx-on{position:absolute;right:-1px;bottom:-1px;width:16px;height:16px;border-radius:50%;background:#3fd68a;border:3.5px solid var(--canvas);z-index:2}.cx-on:after{content:"";position:absolute;inset:-3.5px;border-radius:50%;background:#3fd68a;opacity:0;animation:cxPing2 2.6s ease-out infinite}@keyframes cxPing2{0%{transform:scale(.8);opacity:.5}100%{transform:scale(2.3);opacity:0}}.cx-body{flex:1;min-width:0}.cx-top{display:flex;align-items:center;gap:6px}.cx-name{flex:1;min-width:0;font-size:16.5px;font-weight:780;letter-spacing:-.2px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.cx-time{flex:none;font-size:12px;font-weight:650;color:var(--ink-faint)}.cx-av.unread~.cx-body .cx-time{color:var(--brown)}.cx-bot{display:flex;align-items:center;gap:10px;margin-top:4px}.cx-prev{flex:1;min-width:0;font-size:14px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-av.unread~.cx-body .cx-prev{color:var(--ink);font-weight:650}.cx-prev .chat-delivery{margin-right:5px;font-size:12px;color:var(--ink-faint)}.cx-prev .chat-delivery.read{color:var(--brown)}.cx-badge{flex:none;min-width:23px;height:23px;padding:0 7px;border-radius:12px;display:grid;place-items:center;font-size:12px;font-weight:850;color:#fff;background:linear-gradient(150deg,var(--brown-2),var(--brown));box-shadow:0 6px 12px -6px var(--brown)}.cx-badge.m{background:var(--ink-faint);box-shadow:none}.cx-badge.bump{animation:cxBump .7s var(--sp)}@keyframes cxBump{0%{transform:scale(.3)}55%{transform:scale(1.35)}100%{transform:none}}.cx-item.flash .cx-row{animation:cxFlash 1.4s ease-out!important}@keyframes cxFlash{0%{background:color-mix(in srgb,var(--brown) 22%,var(--canvas))}100%{background:var(--canvas)}}.cx-name svg{flex:none;color:var(--ink-faint)}.cx-list.enter .cx-item{animation:cxIn .7s var(--e) both;animation-delay:calc(var(--i,0)*.05s)}.cx-list.enter .cx-av .avatar{animation:cxPop .7s var(--sp) both;animation-delay:calc(var(--i,0)*.05s + .1s)}@keyframes cxIn{from{opacity:0;transform:translate3d(-30px,10px,0) skewX(-5deg)}to{opacity:1;transform:none}}.cx-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:34px 30px 10px}@keyframes cxFloat{50%{transform:translateY(-9px) rotate(-2deg)}}html.fx-nodemo .cx-obav:after,html.fx-nodemo .cx-on:after{animation:none}.cx-empty b{font-size:20px;font-weight:850;letter-spacing:-.4px;color:var(--ink)}.cx-empty p{margin-top:7px;font-size:13.5px;line-height:1.5;color:var(--ink-soft);max-width:260px}.cx-empty button{margin-top:18px;padding:12px 20px;border-radius:99px;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(150deg,var(--brown-2),var(--brown));box-shadow:0 12px 22px -10px var(--brown);transition:transform .3s var(--sp)}.cx-empty button:active{transform:scale(.94)}html.fx-nostagger .cx-title,html.fx-nostagger .cx-sub,html.fx-nostagger .cx-ob,html.fx-nostagger .cx-pill,html.fx-nostagger .cx-list.enter .cx-item,html.fx-nostagger .cx-list.enter .cx-av .avatar{animation:none!important}html[data-glass="liquid"] .cx-pill:not(.on){background:var(--lq-fill);border-color:var(--lq-edge);box-shadow:var(--lq-sh);position:relative}html.fx-blur[data-glass="liquid"] .cx-pill:not(.on){-webkit-backdrop-filter:blur(12px) saturate(190%);backdrop-filter:blur(12px) saturate(190%)}html[data-glass="liquid"] #tab-chats{background:var(--lq-ambient),var(--canvas)}.cx-bar{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top) + 12px) 16px 10px;background:var(--canvas);transition:box-shadow .3s}.cx-bar.solid{box-shadow:0 1px 0 var(--line-soft)}.cx-bar .cx-online{flex:1;min-width:0;padding:0;gap:11px;align-items:flex-start;min-height:60px}.cx-bar .cx-online:empty{display:flex;align-items:center}.cx-bar .cx-online:empty:before{content:"никого нет онлайн";font-size:12.5px;font-weight:700;color:var(--ink-faint)}.cx-bar .cx-ob{width:50px}.cx-bar .cx-obav{width:48px;height:48px}.cx-bar .cx-obav .avatar{inset:3px;font-size:16px}.cx-bar .cx-ob b{margin-top:5px;font-size:10.5px}.cx-ttl{flex:none;text-align:right}.cx-ttl .cx-title{font-size:32px;letter-spacing:-1.3px;transform-origin:right center}.cx-ttl .cx-sub{margin-top:4px;font-size:12.5px;min-height:15px}.cx-dock{padding-top:6px}