@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";@media (width<=1023px){:root{font-size:2.25vw}}body.theme-dark .mobile-menu-btn,body.theme-dark .mobile-menu-btn svg,body.theme-dark .search-clear-btn{color:#f4f4f6}*{box-sizing:border-box;margin:0;padding:0;font-family:Manrope,sans-serif}body{color:#0f1417;background-color:#f5f6fa;width:100%;min-height:100vh;margin:0}.container{justify-content:center;align-items:center;gap:80px;min-height:100vh;padding:40px;display:flex}.auth-panel{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:0;width:100%;max-width:594px;min-height:600px;padding:0;display:flex;position:relative}.auth-footer-info{color:#4b5563;justify-content:space-between;max-width:420px;margin:0 auto;padding:20px 10px;font-size:14px;font-weight:500;display:flex;position:absolute;bottom:-100px;left:0;right:0}.logo-title{color:#2d5bff;margin-bottom:5px;font-size:54px;font-weight:650;line-height:41px}.title{letter-spacing:-.03em;color:#0f1417;margin:0 0 20px;font-size:64px;font-weight:600;line-height:72px}.tab-container{flex-direction:row;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;margin-top:10px;margin-bottom:40px;display:flex}.tab-button{cursor:pointer;border:none;border-radius:8px;min-width:69px;height:100%;padding:8px 16px;font-size:16px;transition:all .2s}.tab-button.active{color:#fff;background:#0f1417;font-weight:600;box-shadow:0 4px 10px #0f14171f}.tab-button.inactive{color:#0f1417;background:#fff;border:1px solid #0f14170f;font-weight:500}.tab-button:hover{opacity:.95}.forms-container{width:100%;min-height:300px;margin-bottom:60px;position:relative}.form{flex-direction:column;gap:16px;width:100%;display:none;position:absolute;top:0;left:0}.form.active{display:flex}.input-group{background:#fff;border:1px solid #0f14170f;border-radius:12px;align-items:center;width:100%;height:48px;padding:0 12px;display:flex;position:relative;box-shadow:inset 0 1px #0f141705}.input-label{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.username-input,.email-input,.password-input{color:#0f1417;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 12px;font-size:15px;font-weight:500}.input-group:focus-within{border-color:#2d5bff47;box-shadow:0 0 0 3px #2d5bff1f}.username-input::placeholder,.email-input::placeholder,.password-input::placeholder{color:#bfc6d3;opacity:1;font-weight:500}.password-input-container{align-items:center;width:100%;height:100%;display:flex;position:relative}.password-input-container .password-input{padding-right:50px}.toggle-password{cursor:pointer;z-index:100;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.eye-icon{object-fit:contain;width:20px;height:20px;transition:opacity .25s,transform .25s;position:absolute}.eye-closed{opacity:1;transform:scale(1)rotate(0)}.eye-open{opacity:0;transform:scale(.5)rotate(-15deg)}.toggle-password.is-visible .eye-closed{opacity:0;transform:scale(.5)rotate(15deg)}.toggle-password.is-visible .eye-open{opacity:1;transform:scale(1)rotate(0)}.continue-button{color:#fff;letter-spacing:-.02em;cursor:pointer;background-color:#2d5bff;border:none;border-radius:12px;width:100%;height:56px;margin-top:10px;padding:12px 0;font-size:18px;font-weight:600;line-height:22px;transition:all .18s}.continue-button:hover{background-color:#234de0;box-shadow:0 8px 18px #2d5bff38}.continue-button:active{transform:scale(.995)}.image-panel{aspect-ratio:1;border-radius:30px;flex-grow:1;width:100%;max-width:800px;height:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000014}.hero-image{object-fit:cover;width:100%;height:100%;display:block}.image-panel:before,.image-panel:after{content:"";filter:blur(26px);mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle,#2d5bff2e,#2d5bff00 60%);border-radius:50%;position:absolute}.image-panel:before{width:360px;height:360px;top:-30px;right:40px}.image-panel:after{width:420px;height:420px;bottom:-80px;left:120px}@media (width<=1200px){.container{flex-direction:column;gap:40px;padding:20px}.auth-panel{text-align:center;align-items:center;max-width:450px}.title{text-align:center;font-size:48px;line-height:56px}.image-panel{min-width:100%;height:300px}.tab-container{justify-content:center}.auth-footer-info{display:none}}@media (width<=768px){.container{gap:24px;padding:16px}.auth-panel{gap:0;max-width:100%;min-height:auto;padding:0}.logo-title{margin-bottom:8px;font-size:32px;line-height:38px}.title{margin:0 0 16px;font-size:36px;line-height:42px}.tab-container{height:36px;margin-top:8px;margin-bottom:24px}.tab-button{min-width:60px;padding:6px 12px;font-size:15px}.forms-container{min-height:auto;margin-bottom:32px}.input-group{height:48px;padding:0 12px}.username-input,.email-input,.password-input{font-size:16px}.continue-button{height:52px;margin-top:8px;font-size:16px}.image-panel{display:none}.modal{padding:16px}.modal-content{max-width:100%;max-height:calc(100vh - 40px);margin:20px auto;padding:20px 16px}.modal-content h2{font-size:20px}.modal-content p{font-size:14px}}@media (width<=480px){.container{gap:20px;padding:12px}.logo-title{font-size:28px;line-height:34px}.title{margin:0 0 12px;font-size:32px;line-height:38px}.tab-container{gap:6px;margin-bottom:20px}.tab-button{min-width:55px;padding:6px 10px;font-size:14px}.forms-container{margin-bottom:24px}.continue-button{height:48px}.agreement-text{margin-top:8px;font-size:12px}}.static-content{text-align:center;width:100%;min-height:200px}.agreement-text{color:#6b7280;margin-top:12px;font-size:13px;line-height:1.4}.agreement-text a{color:#2d5bff;cursor:pointer;font-weight:600;text-decoration:underline}.agreement-text a:hover{text-decoration:none}.modal{z-index:1000;background:#00000073;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:calc(100vh - 80px);margin:40px auto;padding:24px 24px 20px;position:relative;overflow-y:auto;box-shadow:0 20px 50px #0f141740}.modal-content h2{margin-top:0;margin-bottom:12px;font-size:22px;font-weight:700}.modal-content p{color:#4b5563;margin:8px 0;font-size:14px;line-height:1.5}.modal-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;padding:4px;font-size:24px;position:absolute;top:12px;right:16px}.modal-close:hover{color:#4b5563}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f1417!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f1417!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f1417!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f1417!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}:root{--bp-lg:1024px;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-soft:#6366f124;--color-accent-danger:#ef4444;--color-background-app:#f8f9fe;--color-background-1:#fff;--color-background-2:#ffffffb8;--color-background-message:#ffffffa6;--color-background-hover:#6366f114;--color-background-selected:#6366f11f;--color-text-active:#fff;--color-text-inactive:#8e8e93;--color-text-dark:#1c1c1e;--color-text-secondary:#6b7280;--color-divider:transparent;--color-online:#34c759;--glass-bg:#ffffff1a;--glass-bg-strong:#ffffff2e;--glass-blur:24px;--glass-blur-xl:40px;--shadow-soft:0 2px 12px #0000000a, 0 1px 3px #00000005;--shadow-card:0 8px 32px #0000000f, 0 2px 12px #0000000a;--shadow-float:0 16px 48px #00000014, 0 6px 16px #0000000a;--shadow-input:0 6px 24px #0000000f, 0 2px 8px #00000008;--shadow-modal:0 32px 80px #0000001f, 0 12px 32px #00000014;--gradient-primary:linear-gradient(135deg, #818cf8 0%, #6366f1 40%, #4f46e5 100%);--gradient-primary-solid:linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--gradient-bg-app:linear-gradient(165deg, #f8f9fe 0%, #f0f2ff 50%, #eef1fc 100%);--glow-primary:0 6px 24px #6366f166;--font-family-main:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--text-page-title:2.25rem;--text-heading:1.5rem;--text-body:1rem;--text-small:.875rem;--text-tiny:.75rem;--line-height-tight:1.25;--line-height-body:1.5;--radius-pill:9999px;--radius-3xl:1.5rem;--radius-2xl:1.25rem;--radius-xl:1.25rem;--radius-card:1.5rem;--radius-bubble:1.25rem;--radius-bubble-out:1.25rem 1.25rem .25rem 1.25rem;--radius-bubble-in:1.25rem 1.25rem 1.25rem .25rem;--header-height:4.5rem;--input-height:3.5rem;--touch-target-min:44px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);font-size:.833333vw}@media (width<=1023px){:root{font-size:2.25vw}}body.theme-dark{--color-primary:#818cf8;--color-primary-soft:#818cf838;--color-background-app:#0c0e14;--color-background-1:#14171f;--color-background-2:#14171feb;--color-background-message:#ffffff14;--color-text-dark:#f4f4f6;--color-text-inactive:#9ca3af;--color-divider:transparent;--glass-bg:#ffffff0f;--glass-blur:28px;--glass-blur-xl:44px;--shadow-soft:0 2px 12px #00000040;--shadow-card:0 8px 32px #0000004d;--shadow-float:0 16px 48px #00000059;--shadow-modal:0 32px 80px #00000080;--gradient-bg-app:linear-gradient(180deg, #0c0e14 0%, #11141c 50%, #0a0c12 100%);--gradient-primary-solid:linear-gradient(135deg, #a78bfa 0%, #6366f1 100%);--glow-primary:0 6px 24px #6366f173}body.theme-dark .chat-header-btn img,body.theme-dark .chat-header-btn svg,body.theme-dark .search-submit-btn img,body.theme-dark .search-icon,body.theme-dark .mobile-menu-btn,body.theme-dark .mobile-menu-btn svg,body.theme-dark .mobile-menu-btn img,body.theme-dark .input-icon-btn img,body.theme-dark .chat-search-icon-surface img,body.theme-dark .chat-search-clear-surface img,body.theme-dark .nav-dock .nav-icon-container img,body.theme-dark .chat-list-ticks img,body.theme-dark .settings-item-arrow img,body.theme-dark .profile-action-button img,body.theme-dark .attachment-menu-item img,body.theme-dark .scroll-to-bottom-btn svg{filter:brightness(0)invert()}body.theme-dark .mobile-menu-btn,body.theme-dark .mobile-menu-btn svg,body.theme-dark .search-clear-btn{color:#f4f4f6}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;max-width:100vw;height:100%;overflow-x:hidden}body{font-family:var(--font-family-main);font-size:var(--text-body);line-height:var(--line-height-body);background:var(--gradient-bg-app);background-color:var(--color-background-app);max-width:100vw;height:100dvh;min-height:100vh;color:var(--color-text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;transition:background .28s,color .22s;overflow:hidden}.container,.app{box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden}.container{height:100dvh}.app{flex-direction:column;height:100dvh;display:flex;position:relative;overflow-x:hidden}img[alt],.avatar-container img,.chat-list-item-btn img,.profile-section img,.settings-avatar,.my-profile-panel__avatar,.hero-image{object-fit:cover}body.contacts-page{width:100%;max-width:100vw;height:100vh;overflow:hidden}body,.app,.container{background-color:var(--color-background-app)!important}:root{--dock-width:6.25rem;--dock-item-height:3.75rem;--dock-item-gap:.5rem;--dock-inner-padding:.875rem}.app__main{flex-direction:column;flex:1;min-width:0;max-width:100vw;height:100%;padding-left:0;padding-right:0;display:flex;overflow-x:hidden}.sidebar.nav-dock{left:50%;bottom:calc(1rem + var(--safe-bottom));z-index:100;background:0 0;border:none;margin:0;padding:0;position:fixed;top:auto;overflow:visible;transform:translate(-50%)}.sidebar.nav-dock .menu.nav-dock__inner{flex-direction:row;gap:.375rem;width:auto;padding:.625rem .75rem}.nav-dock .nav-button span{display:none}.nav-dock .nav-button{width:3.25rem;min-width:3.25rem;height:3rem;min-height:var(--touch-target-min)}.nav-dock .menu.nav-dock__inner{align-items:center;gap:var(--dock-item-gap);padding:var(--dock-inner-padding);-webkit-backdrop-filter:blur(40px);border-radius:var(--radius-3xl);box-shadow:var(--shadow-float);min-height:auto;width:var(--dock-width);background:#ffffff1a;flex-direction:column;display:flex;position:relative}body.theme-dark .nav-dock .menu.nav-dock__inner{box-shadow:var(--shadow-float);background:#ffffff0f}.nav-dock__slider{left:var(--dock-slider-left,var(--dock-inner-padding));top:var(--dock-slider-top,var(--dock-inner-padding));width:var(--dock-slider-width,calc(var(--dock-width) - var(--dock-inner-padding) * 2));height:var(--dock-slider-height,var(--dock-item-height));background:var(--gradient-primary-solid);box-shadow:var(--glow-primary);pointer-events:none;z-index:0;border-radius:1.125rem;transition:top .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1),width .2s,height .2s;position:absolute}.nav-dock__group{align-items:center;gap:var(--dock-item-gap);z-index:1;flex-direction:column;display:flex;position:relative}.nav-dock .nav{display:none}.nav-dock .nav-button{width:calc(var(--dock-width) - var(--dock-inner-padding) * 2);min-height:var(--dock-item-height);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:1.125rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.25rem;padding:.375rem 0;transition:transform .2s,opacity .2s,background-color .2s;display:flex;position:relative}.nav-dock .nav-button:hover{opacity:1;background:#ffffff14;transform:scale(1.03)}.nav-dock .nav-button.active{box-shadow:none;background:0 0;transform:scale(1.05)}.nav-dock .nav-button.active img{filter:brightness(0)invert()}.nav-dock .nav-button.active span{color:var(--color-text-active);font-weight:600}.nav-dock .nav-icon-container{flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.nav-dock .nav-icon-container img{object-fit:contain;width:100%;height:100%}.nav-dock .nav-button span{font-size:var(--text-tiny);color:var(--color-text-inactive);white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;margin-top:0;line-height:1.2;overflow:hidden}.chat-list{box-sizing:border-box;z-index:1;background:0 0;flex-direction:column;flex-shrink:0;gap:.75rem;width:100%;max-width:100%;height:100%;margin:0;padding:1.25rem 0;display:flex;position:relative}.search-form{width:100%;min-height:var(--touch-target-min);box-sizing:border-box;background:var(--glass-bg);height:3rem;-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-pill);box-shadow:var(--shadow-input);align-items:center;padding:.75rem 1.25rem;display:flex;position:relative}body.theme-dark .search-form{background:var(--glass-bg)}.search-input{font-family:var(--font-family-main);font-size:var(--text-body);color:var(--color-text-dark);background:0 0;border:none;outline:none;flex-grow:1;margin-right:.75rem;line-height:1.4}.search-submit-btn,.search-clear-btn{width:24px;height:24px;min-width:var(--touch-target-min);min-height:var(--touch-target-min);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:.5rem;padding:0}.search-submit-btn{order:3}.search-submit-btn img,.search-icon{width:24px;height:24px}.chat-list-scroll{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-3xl);box-sizing:border-box;box-shadow:var(--shadow-card);flex-grow:1;padding:.75rem;overflow:hidden auto}body.theme-dark .chat-list-scroll{box-shadow:var(--shadow-card)}.chat-list-scroll::-webkit-scrollbar-thumb{background:var(--color-text-inactive);border-radius:var(--radius-pill);opacity:.4}.chat-list-scroll::-webkit-scrollbar-track{background:0 0}.chat-list.hidden,.settings-section.hidden,.chat-empty.hidden,.chat-window.hidden{display:none!important}@media (width>=1024px){.app{flex-direction:row;padding-left:129px}.sidebar.nav-dock{width:129px;height:100vh;top:0;bottom:auto;left:0;transform:none}.sidebar.nav-dock .menu.nav-dock__inner{width:129px;height:100%;box-shadow:none;background:#efeff1;border-radius:0;flex-direction:column;justify-content:space-between;align-items:center;gap:22px;padding:38px 28px}body.theme-dark .sidebar.nav-dock .menu.nav-dock__inner{box-shadow:none;background:#1c1c1e}.nav-dock__slider{display:none}.nav-dock__group{flex-direction:column;gap:22px;width:73px;display:flex}.nav-dock .nav-button span{text-align:center;letter-spacing:-.03em;color:#acadb2;margin-top:0;font-family:Suisse Intl,Inter,sans-serif;font-size:14px;font-weight:400;line-height:16px;display:block}.nav-dock .nav-button{background:0 0;border-radius:0;flex-direction:column;align-items:center;gap:5px;width:73px;height:65px;min-height:65px;padding:0;display:flex}.nav-dock .nav-button:hover{background:0 0;transform:none}.nav-dock .nav-button:hover span{color:#346afe}.nav-dock .nav-button.active{background:0 0;transform:none}.nav-dock .nav-button.active span{color:#346afe;font-weight:400}.nav-dock .nav-icon-container{justify-content:center;align-items:center;width:37px;height:35px;display:flex}.nav-dock .nav-button.active img{filter:invert(33%)sepia(91%)saturate(2206%)hue-rotate(215deg)brightness(101%)contrast(105%)}.nav-dock .nav-button img{object-fit:contain;filter:invert(74%)sepia(5%)saturate(163%)hue-rotate(189deg)brightness(91%)contrast(89%);width:100%;height:100%}.app__main{flex-direction:row;flex:1;min-width:0;padding-left:0}.chat-list{flex-shrink:0;width:25rem;max-width:100%;margin-right:0}}.sidebar.nav-dock .nav-button,.sidebar.nav-dock .nav-button.active,.sidebar.nav-dock .nav-button:hover{height:65px!important;min-height:65px!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;margin:0!important;padding:0!important;display:flex!important;transform:none!important}.sidebar.nav-dock .nav-icon-container{flex-shrink:0!important;width:37px!important;height:35px!important;margin:0!important;padding:0!important}.sidebar.nav-dock .nav-button span,.sidebar.nav-dock .nav-button.active span,.sidebar.nav-dock .nav-button:hover span{margin:0!important;padding:0!important;font-size:14px!important;font-weight:400!important;line-height:1!important}.sidebar.nav-dock .nav-button span{color:#acadb2!important}.sidebar.nav-dock .nav-button.active span,.sidebar.nav-dock .nav-button:hover span{color:#346afe!important}.sidebar.nav-dock .nav-button img{object-fit:contain!important;filter:brightness(0)saturate()invert(78%)sepia(8%)saturate(191%)hue-rotate(193deg)brightness(87%)contrast(85%)!important;width:100%!important;height:100%!important;transition:filter .2s!important}.sidebar.nav-dock .nav-button.active img,.sidebar.nav-dock .nav-button:hover img{filter:brightness(0)saturate()invert(35%)sepia(91%)saturate(2150%)hue-rotate(212deg)brightness(102%)contrast(105%)!important}.modal-backdrop,.logout-confirm-overlay,.delete-confirm-overlay,.call-modal-backdrop{-webkit-backdrop-filter:blur(20px);z-index:1300;box-sizing:border-box;opacity:0;visibility:hidden;background:#00000080;justify-content:center;align-items:flex-end;padding:0;transition:opacity .3s ease-out,visibility .3s ease-out;display:flex;position:fixed;inset:0}.modal-backdrop:not(.hidden),.logout-confirm-overlay:not(.hidden),.delete-confirm-overlay:not(.hidden),.call-modal-backdrop:not(.hidden){opacity:1;visibility:visible}.logout-confirm-overlay.hidden,.delete-confirm-overlay.hidden{display:none!important}.modal-backdrop>div:first-child,.logout-confirm-overlay>div:first-child,.delete-confirm-overlay>div:first-child,.add-contact-modal,.create-group-modal,.group-settings-modal,.logout-confirm-modal,.delete-confirm-modal{border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;background:var(--color-background-1);width:100%;max-width:100vw;max-height:90vh;padding-bottom:calc(20px + var(--safe-bottom));margin:0;transition:transform .35s cubic-bezier(.32,.72,0,1);overflow:hidden auto;transform:translateY(100%);box-shadow:0 -24px 60px #0003}.modal-backdrop:not(.hidden)>div:first-child,.logout-confirm-overlay:not(.hidden)>div:first-child,.delete-confirm-overlay:not(.hidden)>div:first-child,.modal-backdrop:not(.hidden) .add-contact-modal,.modal-backdrop:not(.hidden) .create-group-modal,.modal-backdrop:not(.hidden) .group-settings-modal,.logout-confirm-overlay:not(.hidden) .logout-confirm-modal,.delete-confirm-overlay:not(.hidden) .delete-confirm-modal{transform:translateY(0)}body.theme-dark .modal-backdrop>div:first-child,body.theme-dark .logout-confirm-overlay>div:first-child,body.theme-dark .delete-confirm-overlay>div:first-child,body.theme-dark .add-contact-modal,body.theme-dark .create-group-modal,body.theme-dark .group-settings-modal,body.theme-dark .logout-confirm-modal,body.theme-dark .delete-confirm-modal{background:var(--color-background-1);box-shadow:0 -24px 60px #00000080}@media (width>=1024px){.modal-backdrop,.logout-confirm-overlay,.delete-confirm-overlay,.call-modal-backdrop{justify-content:center;align-items:center;padding:20px}.modal-backdrop>div:first-child,.logout-confirm-overlay>div:first-child,.delete-confirm-overlay>div:first-child,.add-contact-modal,.create-group-modal,.group-settings-modal,.logout-confirm-modal,.delete-confirm-modal{border-radius:var(--radius-3xl);width:auto;max-width:700px;max-height:calc(100vh - 40px);box-shadow:var(--shadow-modal);padding-bottom:24px;transform:scale(.92)}.modal-backdrop:not(.hidden)>div:first-child,.logout-confirm-overlay:not(.hidden)>div:first-child,.delete-confirm-overlay:not(.hidden)>div:first-child,.modal-backdrop:not(.hidden) .add-contact-modal,.modal-backdrop:not(.hidden) .create-group-modal,.modal-backdrop:not(.hidden) .group-settings-modal,.logout-confirm-overlay:not(.hidden) .logout-confirm-modal,.delete-confirm-overlay:not(.hidden) .delete-confirm-modal{transform:scale(1)}}.call-modal-backdrop{justify-content:center;align-items:center}.call-modal{border-radius:var(--radius-3xl);transform:scale(.92)}.call-modal-backdrop:not(.hidden) .call-modal{transform:scale(1)}.add-contact-header,.create-group-header,.group-settings-header{padding:clamp(20px,5vw,28px) clamp(20px,4vw,24px) 16px}.add-contact-header h3,.create-group-header h3,.group-settings-header h3{font-size:var(--text-heading);letter-spacing:-.02em;color:var(--color-text-dark);margin:0;font-weight:700}.add-contact-header p,.create-group-header p,.group-settings-header p{font-size:var(--text-small);color:var(--color-text-inactive);margin:8px 0 0;line-height:1.4}.modal-close-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min);border-radius:var(--radius-pill);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:40px;height:40px;color:var(--color-text-inactive);box-shadow:var(--shadow-soft);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;line-height:1;transition:background .2s,color .2s,transform .2s;display:flex}.modal-close-btn:hover{background:var(--color-background-hover);color:var(--color-text-dark);transform:scale(1.05)}body.theme-dark .modal-close-btn{background:var(--glass-bg);box-shadow:var(--shadow-soft)}.delete-confirm-overlay .delete-confirm-modal{max-width:min(400px,100vw - 40px);padding:0}@media (width>=1024px){.delete-confirm-overlay .delete-confirm-modal{max-width:400px}}.delete-confirm-option{min-height:var(--touch-target-min);cursor:pointer;box-sizing:border-box;text-align:left;width:100%;font-family:var(--font-family-main);background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:18px 20px;transition:background .2s,transform 20ms;display:flex}.delete-confirm-option:active{transform:scale(.99)}.delete-confirm-option .delete-confirm-text{font-weight:600;font-size:var(--text-body);color:var(--color-accent-danger)}body.theme-dark .delete-confirm-option .delete-confirm-text{color:#f87171}.delete-confirm-option .delete-confirm-icon{opacity:.7;flex-shrink:0;width:24px;height:24px}.logout-confirm-modal{padding:28px 24px}.logout-confirm-title{font-size:var(--text-heading);color:var(--color-text-dark);letter-spacing:-.02em;margin-bottom:8px;font-weight:700}.logout-confirm-subtitle{font-size:var(--text-body);color:var(--color-text-inactive);margin-bottom:24px;line-height:1.45}.logout-cancel-btn,.logout-confirm-btn{min-height:var(--touch-target-min);border-radius:var(--radius-pill);font-size:var(--text-body);padding:0 24px;font-weight:600;transition:transform .2s,box-shadow .2s}.add-contact-form,.create-group-form{padding:0 clamp(20px,4vw,24px)}.add-contact-actions,.create-group-actions{justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;display:flex}.message{word-wrap:break-word;max-width:85%}.message.incoming{box-shadow:var(--shadow-soft);border:none}body.theme-dark .message.incoming{border:none}@media (width>=1024px){.message{max-width:62%;padding:12px 16px}.message.outgoing{border-radius:22px 22px 6px}.message.incoming{border-radius:22px 22px 22px 6px}.message-meta{justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;display:flex}.message-timestamp{font-size:11px;line-height:1}.message-ticks{width:16px;height:16px}.message-ticks img{object-fit:contain;width:100%;height:100%}}.chat-input-container{padding:1rem 1.5rem;padding-bottom:max(1.5rem, var(--safe-bottom));padding-left:max(1.5rem, var(--safe-left));padding-right:max(1.5rem, var(--safe-right));background:0 0}@media (width>=1024px){.chat-input-form{max-width:45rem;margin-left:auto;margin-right:auto;padding:.75rem 1.5rem .75rem 1.75rem}}.chat-input-form:focus-within{box-shadow:var(--shadow-float), 0 8px 32px #6366f126;outline:none}body.theme-dark .chat-input-form{box-shadow:0 6px 27.2px #00000080;background:var(--color-background-2)!important}.input-icon-btn img,.send-button img{object-fit:contain;width:24px;height:24px}.chat-header{padding:1.25rem 1.5rem;padding-top:max(1.25rem, var(--safe-top));padding-left:max(1.5rem, var(--safe-left));padding-right:max(1.5rem, var(--safe-right))}.chat-info-header h2,#currentChatTitle{font-size:var(--text-page-title);letter-spacing:-.02em;font-weight:700}.chat-messages{padding:1.5rem;padding-left:max(1.5rem, var(--safe-left));padding-right:max(1.5rem, var(--safe-right))}.message-file-container{background:#ffffff1a;border-radius:12px;align-items:center;gap:12px;min-width:200px;max-width:300px;padding:12px;display:flex;position:relative;overflow:hidden}.message.outgoing .message-file-container{background:#fff3}.file-icon{width:40px;height:40px;color:var(--text-primary);background:#fff3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.file-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.file-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden}.file-meta{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.file-action-btn{cursor:pointer;width:36px;height:36px;color:var(--text-primary);background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.file-action-btn:hover{background:#ffffff4d}.file-progress-container{background:#fff3;border-radius:2px;width:100%;height:4px;margin-top:4px;display:none;overflow:hidden}.file-progress-container.active{display:block}.file-progress-bar{background:var(--primary-color);width:0%;height:100%;transition:width .2s linear}.icon-download:before{content:"⬇"}.icon-cancel:before{content:"✕"}.icon-file:before{content:"📄"}.icon-play:before{content:"▶"}@media (width>=1024px){.chat-messages{padding:24px}}.chat-window,.chat-messages-wrapper,.chat-list,.app__main,.contacts-section,.contacts-main-wrapper,.settings-section,.settings-container,.groups-section,.groups-main-wrapper,.profile-section{max-width:100vw;overflow-x:hidden}.no-messages-state{text-align:center;height:100%;color:var(--color-text-inactive);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.no-messages-state.hidden{display:none}.waving-hand-icon{transform-origin:70% 70%;margin-bottom:1rem;font-size:3rem;animation:2s infinite wave}.no-messages-title{color:var(--color-text-dark);margin:.5rem 0;font-size:1.5rem;font-weight:700}.no-messages-subtitle{color:var(--color-text-inactive);margin:0;font-size:1rem}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.chat-empty{background:var(--color-background-app);justify-content:center;align-items:center;width:100%;height:100%;background-image:none!important;display:flex!important}.chat-empty__content{text-align:center;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:1rem;width:90%;max-width:400px;padding:3rem;transition:transform .3s,opacity .3s;display:flex}.chat-empty__decoration{background:var(--color-primary);background:linear-gradient(135deg, var(--color-primary), #8e44ad);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:.5rem;display:flex;box-shadow:0 10px 20px #00000026}.chat-empty__icon{font-size:2.5rem;line-height:1}.chat-empty__title{color:var(--color-text-dark);margin:0;font-size:1.8rem;font-weight:700}.chat-empty__subtitle{color:var(--color-text-inactive);margin:0;font-size:1.1rem;line-height:1.5}.settings-container{box-sizing:border-box;flex-direction:column;flex:4;gap:.5rem;width:100%;min-width:320px;min-height:0;padding:0;display:flex}.settings-list{background:var(--glass-bg);width:100%;min-height:0;-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-3xl);border:1px solid var(--color-divider);box-sizing:border-box;box-shadow:var(--shadow-card);flex-direction:column;flex:1;gap:1px;padding:.75rem;display:flex;overflow-y:auto}.settings-item.active{background:var(--color-background-1);border-radius:var(--radius-card-sm,20px)}.settings-item.active .settings-item-divider{display:none}.settings-item-danger:hover{background:#f22c2c0f}.settings-item-title-danger{color:#dc2626}.settings-item-subtitle-danger{color:#dc2626d9}body.theme-dark .settings-item-subtitle-danger{color:#f87171e6}body.theme-dark .settings-item-danger:hover{background:#f22c2c1a}.logout-confirm-overlay{-webkit-backdrop-filter:blur(12px);z-index:2000;opacity:0;visibility:hidden;background:#00000080;justify-content:center;align-items:center;padding:16px;transition:opacity .3s ease-out,visibility .3s ease-out;display:flex;position:fixed;inset:0}.logout-confirm-overlay:not(.hidden){opacity:1;visibility:visible}.logout-confirm-modal{background:var(--color-background-1);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-3xl);border:1px solid var(--color-divider);width:100%;max-width:420px;box-shadow:var(--shadow-modal);opacity:0;padding:28px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s ease-out;transform:scale(.95)}.logout-confirm-overlay:not(.hidden) .logout-confirm-modal{opacity:1;transform:scale(1)}body.theme-dark .logout-confirm-modal{background:var(--color-background-1);box-shadow:var(--shadow-modal);border:1px solid #ffffff1a}.logout-confirm-title{font-family:var(--font-family-main);color:var(--color-text-dark);margin-bottom:6px;font-size:18px;font-weight:800}.logout-confirm-subtitle{font-family:var(--font-family-main);color:var(--color-text-inactive);margin-bottom:14px;font-size:14px}.logout-confirm-actions{justify-content:flex-end;gap:10px;display:flex}.logout-cancel-btn{border-radius:var(--radius-pill);border:1px solid var(--color-divider);background:var(--glass-bg);cursor:pointer;height:48px;font-family:var(--font-family-main);color:var(--color-text-dark);padding:0 24px;font-weight:600;transition:background .2s,transform .2s}.logout-cancel-btn:hover{background:var(--color-background-hover)}body.theme-dark .logout-cancel-btn{border:1px solid #ffffff1f}.logout-confirm-btn{border-radius:var(--radius-pill);background:var(--color-accent-danger);cursor:pointer;height:48px;font-family:var(--font-family-main);color:#fff;border:none;padding:0 24px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #ef444459}.logout-confirm-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444473}.logout-confirm-btn:disabled{opacity:.7;cursor:default}.settings-item-content{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;padding:10px 16px;display:flex}.settings-item-left{flex-direction:row;flex-grow:1;align-items:center;gap:10px;min-width:0;display:flex}.settings-item-text{box-sizing:border-box;flex-direction:column;flex-grow:1;min-width:0;display:flex}.settings-item-title{font-family:var(--font-family-main);color:var(--color-text-dark);white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:20px;font-weight:600;line-height:1.2em;overflow:hidden}.settings-item-subtitle{font-family:var(--font-family-main);color:var(--color-text-inactive);white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;width:100%;height:auto;font-size:16px;font-weight:450;line-height:1.125em;overflow:hidden}.settings-item-arrow{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;display:flex}body.theme-dark .settings-item-arrow img{filter:brightness(0)invert()}.settings-info{background:var(--glass-bg,var(--color-background-2));-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-card,24px);border:1px solid var(--color-divider);box-sizing:border-box;flex-direction:column;flex:6;justify-content:center;align-items:center;gap:30px;width:auto;min-width:320px;height:auto;padding:2rem;display:flex}.settings-info.has-my-profile{background:radial-gradient(1200px 600px at 10% 10%, #346afe1a, transparent 60%), radial-gradient(900px 420px at 90% 0%, #0000000f, transparent 55%), var(--color-background-2);justify-content:flex-start;align-items:stretch;gap:14px;padding:22px}.settings-info.has-appearance-panel{justify-content:flex-start;align-items:stretch;gap:14px;padding:22px}body.theme-dark .settings-info.has-my-profile,body.theme-dark .settings-info.has-appearance-panel{background:radial-gradient(1200px 600px at 10% 10%, #5b8cff1a, transparent 60%), radial-gradient(900px 420px at 90% 0%, #0003, transparent 55%), var(--color-background-2)}.settings-info-content{flex-direction:column;align-items:center;gap:26px;width:100%;max-width:537px;display:flex}.settings-info-illustration{flex-shrink:0;width:100%;max-width:309px;height:auto}body.theme-dark .settings-info-text{color:var(--color-primary)}.my-profile-panel{border-radius:var(--radius-3xl);box-sizing:border-box;background:var(--glass-bg);width:100%;height:100%;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-divider);box-shadow:var(--shadow-card);flex-direction:column;gap:16px;padding:24px;display:flex;overflow:hidden}body.theme-dark .my-profile-panel{background:#17212bf2;border:1px solid #ffffff14;box-shadow:0 24px 60px #0000004d}.my-profile-panel.hidden{display:none}.my-profile-panel__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.my-profile-panel__kicker{font-family:var(--font-family-main);letter-spacing:.12em;text-transform:uppercase;color:#00000073;font-size:12px}body.theme-dark .my-profile-panel__kicker{color:#ffffff73}.my-profile-panel__title{font-family:var(--font-family-main);color:var(--color-text-dark);margin:2px 0 0;font-size:28px;font-weight:700}.my-profile-panel__close{cursor:pointer;color:#0000008c;background:#ffffffa6;border:1px solid #00000014;border-radius:14px;width:40px;height:40px;font-size:22px;line-height:1;transition:transform 80ms,background-color .15s}.my-profile-panel__close:active{transform:translateY(1px)}.my-profile-panel__hero{background:linear-gradient(135deg,#346afe24,#346afe0a);border:1px solid #346afe29;border-radius:22px;gap:14px;padding:14px;display:flex}body.theme-dark .my-profile-panel__hero{background:linear-gradient(135deg,#5b8cff24,#5b8cff0a);border:1px solid #5b8cff29}.my-profile-panel__avatarwrap{flex-direction:column;align-items:center;gap:10px;width:180px;display:flex}.my-profile-panel__avatar{object-fit:cover;background:#0000000a;border:1px solid #0000000f;border-radius:32px;width:132px;height:132px}body.theme-dark .my-profile-panel__avatar{background:#ffffff0a;border:1px solid #ffffff14}.my-profile-panel__avatarbtn{cursor:pointer;width:100%;height:44px;font-family:var(--font-family-main);color:var(--color-primary);background:#ffffff8c;border:1px dashed #346afe73;border-radius:16px;font-weight:600;transition:background-color .15s,transform 80ms}body.theme-dark .my-profile-panel__avatarbtn{background:#17212b8c;border:1px dashed #5b8cff73}.my-profile-panel__avatarbtn:active{transform:translateY(1px)}.my-profile-panel__meta{flex-direction:column;flex:1;justify-content:center;gap:8px;display:flex}.my-profile-panel__name{font-family:var(--font-family-main);letter-spacing:-.02em;color:var(--color-text-dark);font-size:26px;font-weight:800}.my-profile-panel__email{font-family:var(--font-family-main);color:#0000008c;font-size:14px}.my-profile-panel__chip{width:fit-content;font-family:var(--font-family-main);color:#000000a6;background:#0000000f;border-radius:999px;padding:8px 12px;font-size:13px;display:inline-flex}body.theme-dark .my-profile-panel__chip{color:#ffffffa6;background:#ffffff14}.my-profile-form{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.my-profile-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.my-profile-field{flex-direction:column;gap:6px;display:flex}.my-profile-field--full{grid-column:1/-1}.my-profile-field__label{font-family:var(--font-family-main);color:#0000008c;font-size:12px}body.theme-dark .my-profile-panel__title{color:#fff}body.theme-dark .my-profile-panel__email{color:#ffffffbf}body.theme-dark .my-profile-field__label,body.theme-dark .my-profile-field__hint{color:#ffffffb8}.my-profile-field__input,.my-profile-field__textarea{box-sizing:border-box;border-radius:var(--radius-card-sm,20px);border:1px solid var(--color-divider);background:var(--glass-bg,#fffc);width:100%;font-family:var(--font-family-main);color:var(--color-text-dark);outline:none;padding:14px 18px;font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s}body.theme-dark .my-profile-field__input,body.theme-dark .my-profile-field__textarea{color:#ffffffd1;background:#17212bb8;border:1px solid #ffffff1a}.my-profile-field__input:focus,.my-profile-field__textarea:focus{border-color:#346afea6;box-shadow:0 0 0 3px #346afe2e}body.theme-dark .my-profile-field__input:focus,body.theme-dark .my-profile-field__textarea:focus{border-color:#5b8cffa6;box-shadow:0 0 0 3px #5b8cff2e}.my-profile-field__input--readonly{color:#00000073;background:#0000000a}.my-profile-field__textarea{resize:vertical;min-height:110px;max-height:240px}.my-profile-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.my-profile-status{font-family:var(--font-family-main);color:#0000008c;font-size:13px;font-family:var(--font-family-main);font-size:13px}body.theme-dark .my-profile-status{color:#ffffff8c}.my-profile-status--ok{color:#15803d}.my-profile-status--err{color:#dc2626}.my-profile-save{border-radius:var(--radius-pill,999px);cursor:pointer;background:var(--gradient-primary-solid);color:#fff;height:48px;font-family:var(--font-family-main);letter-spacing:-.01em;box-shadow:var(--glow-primary);border:none;padding:0 28px;font-weight:600;transition:transform 80ms,box-shadow .2s,opacity .12s}body.theme-dark .my-profile-save{background:linear-gradient(135deg,#5b8cff,#4a7aff);box-shadow:0 18px 35px #5b8cff59}.my-profile-save:active{transform:translateY(1px)}.my-profile-save[disabled]{opacity:.6;cursor:default;box-shadow:none}.my-profile-field select.my-profile-field__input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23000000' stroke-opacity='0.45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:42px;transition:all .15s}body.theme-dark .my-profile-field select.my-profile-field__input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23ffffff' stroke-opacity='0.45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.my-profile-field select.my-profile-field__input:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23346AFE' stroke-opacity='0.65' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#346afe59}.my-profile-field select.my-profile-field__input:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23346AFE' stroke-opacity='0.9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#346afea6;box-shadow:0 0 0 3px #346afe2e}body.theme-dark .my-profile-field select.my-profile-field__input:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%235B8CFF' stroke-opacity='0.65' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#5b8cff59}body.theme-dark .my-profile-field select.my-profile-field__input:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%235B8CFF' stroke-opacity='0.9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#5b8cffa6;box-shadow:0 0 0 3px #5b8cff2e}.privacy-select-wrapper{width:100%;position:relative}.privacy-select-wrapper select.my-profile-field__input{opacity:0;pointer-events:none;clip:rect(0, 0, 0, 0);border:none;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.privacy-select-custom{cursor:pointer;width:100%;position:relative}.privacy-select-trigger{box-sizing:border-box;width:100%;font-family:var(--font-family-main);color:#000000d1;background:#ffffffb8;border:1px solid #00000014;border-radius:16px;outline:none;justify-content:space-between;align-items:center;padding:12px 42px 12px 14px;font-size:14px;transition:all .15s;display:flex;position:relative}.privacy-select-trigger:hover{background:#ffffffd9;border-color:#346afe59}body.theme-dark .privacy-select-trigger{color:#ffffffd1;background:#17212bb8;border:1px solid #ffffff1a}body.theme-dark .privacy-select-trigger:hover{background:#17212bd9;border-color:#5b8cff59}body.theme-dark .privacy-select-trigger.active{background:#17212bf2;border-color:#5b8cffa6;box-shadow:0 0 0 3px #5b8cff2e}body.theme-dark .privacy-select-trigger:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23ffffff' stroke-opacity='0.45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}body.theme-dark .privacy-select-trigger.active:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%235B8CFF' stroke-opacity='0.9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.privacy-select-trigger.active{background:#fffffff2;border-color:#346afea6;box-shadow:0 0 0 3px #346afe2e}.privacy-select-trigger:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23000000' stroke-opacity='0.45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;width:14px;height:10px;transition:transform .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.privacy-select-trigger.active:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23346AFE' stroke-opacity='0.9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transform:translateY(-50%)rotate(180deg)}.privacy-select-dropdown{-webkit-backdrop-filter:blur(20px);z-index:1000;opacity:0;visibility:hidden;scrollbar-width:thin;scrollbar-color:#346afe4d transparent;background:#fffffffa;border:1px solid #00000014;border-radius:16px;max-height:200px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto;transform:translateY(-8px);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014}body.theme-dark .privacy-select-dropdown{scrollbar-color:#5b8cff4d transparent;background:#17212bfa;border:1px solid #ffffff1a;box-shadow:0 10px 40px #00000059,0 2px 10px #0003}.privacy-select-dropdown::-webkit-scrollbar{width:6px}.privacy-select-dropdown::-webkit-scrollbar-track{background:0 0;border-radius:10px}.privacy-select-dropdown::-webkit-scrollbar-thumb{background:#346afe4d;border-radius:10px}.privacy-select-dropdown::-webkit-scrollbar-thumb:hover{background:#346afe80}body.theme-dark .privacy-select-dropdown::-webkit-scrollbar-thumb{background:#5b8cff4d}body.theme-dark .privacy-select-dropdown::-webkit-scrollbar-thumb:hover{background:#5b8cff80}.privacy-select-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.privacy-select-option{font-family:var(--font-family-main);color:#000000d1;cursor:pointer;align-items:center;gap:10px;padding:12px 16px;font-size:14px;transition:all .15s;display:flex;position:relative}body.theme-dark .privacy-select-option{color:#ffffffd1}body.theme-dark .privacy-select-option:hover{color:var(--color-primary);background:#5b8cff1a}body.theme-dark .privacy-select-option.selected{color:var(--color-primary);background:#5b8cff26}.privacy-select-option:first-child{border-radius:16px 16px 0 0}.privacy-select-option:last-child{border-radius:0 0 16px 16px}.privacy-select-option:hover{color:var(--color-primary);background:#346afe14}.privacy-select-option.selected{color:var(--color-primary);background:#346afe1f;font-weight:600}.privacy-select-option.selected:before{content:"✓";color:var(--color-primary);font-size:16px;font-weight:700;position:absolute;right:16px}.my-profile-field select.my-profile-field__input option{color:#000000d1;font-family:var(--font-family-main);background:#fffffffa;padding:12px 14px;font-size:14px}body.theme-dark .my-profile-field select.my-profile-field__input option{color:#ffffffd1;background:#17212bfa}.appearance-settings-content{flex-direction:column;flex:1;gap:24px;min-height:0;display:flex;overflow-y:auto}.appearance-section{flex-direction:column;gap:12px;display:flex}.appearance-section-title{font-family:var(--font-family-main);color:#000000a6;text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:600}.theme-toggle-btn{border-radius:var(--radius-card-sm,20px);border:1px solid var(--color-divider);background:var(--glass-bg,#ffffffb8);cursor:pointer;width:100%;font-family:var(--font-family-main);color:var(--color-text-dark);align-items:center;gap:12px;padding:16px 20px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.theme-toggle-btn:hover{background:#ffffffd9;border-color:#346afe59}.theme-toggle-icon{font-size:24px;line-height:1}.theme-toggle-text{text-align:left;flex:1}.theme-toggle-arrow{color:#00000073;font-size:18px}.message-color-palette{flex-wrap:wrap;gap:8px;display:flex}.message-color-swatch{cursor:pointer;box-sizing:border-box;border:2px solid #0000;border-radius:999px;width:28px;height:28px;transition:transform 80ms,box-shadow .12s,border-color .12s}.message-color-swatch:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0f172a2e}.message-color-swatch.message-color-swatch--active{border-color:#fff;box-shadow:0 0 0 2px #00000040}body.theme-dark .message-color-swatch.message-color-swatch--active{border-color:#0e1621;box-shadow:0 0 0 2px #ffffff59}.theme-colors-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.theme-color-item{flex-direction:column;gap:8px;display:flex}.theme-color-label{font-family:var(--font-family-main);color:#0000008c;font-size:12px}.theme-color-input-wrapper{align-items:center;gap:10px;display:flex}.theme-color-input{cursor:pointer;appearance:none;background:0 0;border:1px solid #00000014;border-radius:12px;width:60px;height:40px;padding:0}.theme-color-input::-webkit-color-swatch-wrapper{padding:0}.theme-color-input::-webkit-color-swatch{border:none;border-radius:10px}.theme-color-value{font-family:var(--font-family-main);color:#000000a6;min-width:80px;font-size:13px;font-weight:500}.chat-themes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.chat-theme-card{cursor:pointer;text-align:left;background:#fffc;border:1px solid #0000000f;border-radius:16px;flex-direction:column;gap:8px;padding:10px;transition:border-color .15s,box-shadow .15s,background-color .15s,transform 80ms;display:flex}.chat-theme-card:hover{border-color:#346afe59;transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1f}.chat-theme-card.chat-theme-card--active{border-color:var(--color-primary);box-shadow:0 0 0 2px #346afe40}.chat-theme-preview{border-radius:12px;flex-direction:column;gap:4px;padding:8px;display:flex}.chat-theme-bubble{border-radius:999px;height:8px}.chat-theme-preview--classic{background:#f5f6fb}.chat-theme-preview--classic .chat-theme-bubble--incoming{background:#fff}.chat-theme-preview--classic .chat-theme-bubble--outgoing{background:#346afe}.chat-theme-preview--darkblue{background:#0e1621}.chat-theme-preview--darkblue .chat-theme-bubble--incoming{background:#17212b}.chat-theme-preview--darkblue .chat-theme-bubble--outgoing{background:#2b5278}.chat-theme-preview--mint{background:#e9fbf3}.chat-theme-preview--mint .chat-theme-bubble--incoming{background:#fff}.chat-theme-preview--mint .chat-theme-bubble--outgoing{background:#37c878}.chat-theme-preview--sunset{background:linear-gradient(135deg,#f97316,#fb7185)}.chat-theme-preview--sunset .chat-theme-bubble--incoming{background:#ffffffe6}.chat-theme-preview--sunset .chat-theme-bubble--outgoing{background:#fb923c}.chat-theme-preview--violet{background:#1f172a}.chat-theme-preview--violet .chat-theme-bubble--incoming{background:#312e81}.chat-theme-preview--violet .chat-theme-bubble--outgoing{background:#ec4899}.chat-theme-preview--graphite{background:#020617}.chat-theme-preview--graphite .chat-theme-bubble--incoming{background:#111827}.chat-theme-preview--graphite .chat-theme-bubble--outgoing{background:#374151}.chat-theme-meta{flex-direction:column;gap:2px;display:flex}.chat-theme-name{font-family:var(--font-family-main);color:var(--color-text-dark);font-size:13px;font-weight:600}.chat-theme-desc{font-family:var(--font-family-main);color:var(--color-text-inactive);font-size:12px}.appearance-chat-preview{margin-top:16px}.appearance-chat-preview-inner{background:var(--color-background-1);border-radius:18px;padding:12px;box-shadow:0 10px 26px #0f172a26}.appearance-chat-preview-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.appearance-chat-preview-avatar{background:var(--color-primary);border-radius:999px;width:32px;height:32px}.appearance-chat-preview-text{flex-direction:column;gap:2px;display:flex}.appearance-chat-preview-title{font-family:var(--font-family-main);color:var(--color-text-dark);font-size:13px;font-weight:600}.appearance-chat-preview-status{font-family:var(--font-family-main);color:var(--color-online);font-size:11px}.appearance-chat-preview-body{flex-direction:column;gap:6px;display:flex}.appearance-chat-preview-row{max-width:100%;display:flex}.appearance-chat-preview-row--outgoing{justify-content:flex-end}.appearance-chat-preview-bubble{max-width:80%;font-family:var(--font-family-main);border-radius:16px;padding:8px 10px;font-size:12px;line-height:1.3}.appearance-chat-preview-bubble--incoming{background:var(--color-background-message);color:var(--color-text-dark)}.appearance-chat-preview-bubble--outgoing{background:var(--color-primary);color:#fff}body.theme-dark .chat-theme-card{background:#17212be0;border-color:#ffffff14}body.theme-dark .chat-theme-card.chat-theme-card--active{border-color:var(--color-primary);box-shadow:0 0 0 2px #5b8cff59}body.theme-dark .chat-theme-name{color:#fff}body.theme-dark .chat-theme-desc{color:#fff9}body.theme-dark .appearance-chat-preview-inner{background:var(--color-background-1)}.appearance-actions{justify-content:center;padding-top:8px;display:flex}body.theme-dark .appearance-section-title{color:#ffffffa6}body.theme-dark .theme-toggle-btn{color:var(--color-text-dark);background:#17212bb8;border-color:#ffffff1a}body.theme-dark .theme-toggle-btn:hover{background:#17212bd9;border-color:#5b8cff59}body.theme-dark .theme-toggle-arrow{color:#ffffff73}body.theme-dark .theme-color-label{color:#ffffff8c}body.theme-dark .theme-color-input{border-color:#ffffff1a}body.theme-dark .theme-color-value{color:#ffffffa6}@media (width<=768px){.settings-section{flex-direction:column;padding:8px 12px}.settings-container{width:100%;height:auto;max-height:calc(100vh - 100px)}.settings-title{height:auto;margin-bottom:16px;font-size:36px;line-height:44px}.settings-list{height:auto;max-height:calc(100vh - 200px);padding:8px}.settings-item{padding:12px}.settings-item-title{font-size:16px}.settings-item-subtitle{font-size:13px}.my-profile-panel{max-width:100%;padding:16px}.my-profile-panel__title{font-size:28px;line-height:36px}.my-profile-field__input,.my-profile-field__textarea{font-size:16px}.chat-themes-grid{grid-template-columns:repeat(2,1fr);gap:12px}.message-color-palette{gap:8px}.message-color-swatch{width:36px;height:36px}.appearance-chat-preview{padding:12px}.logout-confirm-modal{width:calc(100vw - 32px);max-width:400px;padding:16px}.logout-confirm-title{font-size:18px}.logout-confirm-subtitle{font-size:14px}}@media (width<=480px){.settings-section{padding:8px}.settings-container{padding:12px}.settings-title{margin-bottom:12px;font-size:32px;line-height:40px}.settings-list{max-height:calc(100vh - 180px);padding:6px}.settings-item{padding:10px}.my-profile-panel{padding:12px}.my-profile-panel__title{font-size:24px;line-height:32px}.chat-themes-grid{grid-template-columns:1fr;gap:10px}.message-color-palette{gap:6px}.message-color-swatch{width:32px;height:32px}.appearance-chat-preview{padding:8px}.logout-confirm-modal{width:calc(100vw - 24px);padding:12px}}.settings-info.has-my-profile{background:radial-gradient(1400px 700px at 8% 5%, #346afe1f, transparent 65%), radial-gradient(1000px 500px at 92% 0%, #8a2be214, transparent 60%), radial-gradient(800px 400px at 50% 100%, #346afe0f, transparent 70%), var(--color-background-2);position:relative;overflow:hidden}.settings-info.has-my-profile:before{content:"";pointer-events:none;background:linear-gradient(135deg,#346afe08 0%,#0000 50%),linear-gradient(45deg,#0000 50%,#8a2be205 100%);animation:8s ease-in-out infinite gradientShift;position:absolute;inset:0}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.7}}.my-profile-panel{transform-origin:100% 0;-webkit-backdrop-filter:blur(18px)saturate(170%);box-sizing:border-box;background:radial-gradient(120% 140% at 0 0,#346afe1a,#0000 55%),radial-gradient(80% 120% at 100% 0,#8a2be21a,#0000 55%),linear-gradient(135deg,#fffffff2,#f5f8fff5);border:1px solid #ffffff8c;border-radius:26px;gap:16px;max-width:720px;margin-left:auto;margin-right:auto;padding:20px 22px 18px;animation:.35s cubic-bezier(.22,1,.36,1) panelSlideIn;box-shadow:0 18px 40px #0f172a33}@keyframes panelSlideIn{0%{opacity:0;transform:translate(20px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.my-profile-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#346afe4d 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.my-profile-panel__titleblock{flex-direction:column;gap:2px;display:flex}.my-profile-panel__close{justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #0000000a}.my-profile-panel__close:hover{color:#000000b3;background:#ffffffe6;border-color:#0000001f;transform:scale(1.05);box-shadow:0 4px 8px #00000014}.my-profile-panel__close:active{transform:scale(.95)translateY(1px);box-shadow:0 1px 2px #0000000f}.my-profile-panel__hero{background:linear-gradient(135deg,#346afe24 0%,#8a2be21a 40%,#346afe0f 100%);border:1px solid #346afe59;border-radius:22px;gap:14px;padding:18px 18px 16px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 26px #0f172a59,inset 0 1px #ffffff8c}.my-profile-panel__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#346afe1a 0%,#0000 70%);width:200%;height:200%;animation:6s ease-in-out infinite heroGlow;position:absolute;top:-50%;right:-50%}@keyframes heroGlow{0%,to{opacity:.5;transform:translate(0)scale(1)}50%{opacity:.8;transform:translate(10px,10px)scale(1.1)}}.my-profile-panel__avatar{background:linear-gradient(135deg,#346afe1a,#8a2be21a);border:3px solid #ffffffe6;border-radius:28px;width:128px;height:128px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 10px 30px #0f172a73,inset 0 1px #ffffffb3}.my-profile-panel__avatar:hover{transform:scale(1.02);box-shadow:0 12px 32px #346afe40,0 4px 12px #0000001f,inset 0 1px #fff9}.my-profile-panel__avatarbtn{color:#274fcc;background:#ffffffd9;border:1.5px dashed #346afe8c;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 3px 6px #0f172a2e}.my-profile-panel__avatarbtn:before{content:"";background:linear-gradient(90deg,#0000,#346afe1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.my-profile-panel__avatarbtn:hover{color:#274fcc;background:#ffffffe6;border-color:#346afe99;transform:translateY(-1px);box-shadow:0 4px 12px #346afe26}.my-profile-panel__avatarbtn:hover:before{left:100%}.my-profile-panel__name{text-shadow:0 2px 4px #0f172a59;background:linear-gradient(135deg,#0f172a 0%,#020617 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;line-height:1.15}.my-profile-panel__chip{color:#346afee6;background:linear-gradient(135deg,#346afe1f,#8a2be214);border:1px solid #346afe33;padding:9px 16px;font-size:12px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #346afe1a}.my-profile-panel__chip:hover{background:linear-gradient(135deg,#346afe2e,#8a2be21f);transform:translateY(-1px);box-shadow:0 4px 8px #346afe26}.my-profile-field__input,.my-profile-field__textarea{border-radius:var(--radius-card-sm,20px);border:1px solid var(--color-divider);background:var(--glass-bg,#ffffffe6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:14px 18px;transition:all .2s;box-shadow:0 2px 8px #0000000a}.my-profile-field__input:hover,.my-profile-field__textarea:hover{background:#fffffffa;border-color:#346afe66;box-shadow:0 4px 8px #0000000f}.my-profile-field__input:focus,.my-profile-field__textarea:focus{background:#fff;border-color:#346afecc;transform:translateY(-1px);box-shadow:0 0 0 4px #346afe26,0 4px 12px #346afe33}.my-profile-save{background:var(--gradient-primary-solid);height:52px;box-shadow:var(--glow-primary);border-radius:var(--radius-pill,999px);padding:0 32px;font-size:16px;transition:all .2s;position:relative;overflow:hidden}.my-profile-save:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.my-profile-save:hover{background:linear-gradient(135deg,#3d75ff 0%,#2d5ae0 50%,#1f47c4 100%);transform:translateY(-2px);box-shadow:0 12px 32px #346afe66,0 4px 12px #346afe40,inset 0 1px #ffffff4d}.my-profile-save:hover:before{left:100%}.my-profile-save:active{transform:translateY(0);box-shadow:0 4px 12px #346afe4d,inset 0 2px 4px #0000001a}.my-profile-save[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.call-modal-backdrop{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050816d9;justify-content:center;align-items:center;animation:.3s ease-in fadeIn;display:flex;position:fixed;inset:0}.call-modal-backdrop.hidden{display:none}.call-modal{background:var(--glass-bg,#fffffff2);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-card,24px);text-align:center;width:90%;max-width:420px;box-shadow:var(--glass-shadow), 0 24px 48px #5865f233;border:1px solid var(--color-divider);padding:40px;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.call-modal-header{margin-bottom:36px}.call-modal-avatar{border:4px solid var(--color-primary,#5865f2);background:var(--color-primary-soft,#5865f21f);border-radius:50%;width:140px;height:140px;margin:0 auto 20px;animation:2s ease-in-out infinite ringPulse;position:relative;overflow:hidden;box-shadow:0 0 #5865f280}@keyframes ringPulse{0%{box-shadow:0 0 #5865f280,0 0 #00d4ff4d}50%{box-shadow:0 0 0 20px #5865f200,0 0 0 30px #00d4ff00}to{box-shadow:0 0 #5865f200,0 0 #00d4ff00}}.call-modal-avatar img{object-fit:cover;width:100%;height:100%}.call-modal-info h3{background:linear-gradient(135deg,#4f7cff 0%,#8f5bff 50%,#ff6fd8 100%);-webkit-text-fill-color:transparent;font-size:26px;font-weight:700;font-family:var(--font-family-main);-webkit-background-clip:text;background-clip:text;margin:0 0 10px}.call-modal-info p{color:var(--color-text-secondary,#6b7280);margin:0;font-size:16px;font-weight:500}.call-modal-actions{justify-content:center;align-items:center;gap:28px;margin-top:32px;display:flex}.call-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 8px 20px #00000026}.call-btn:hover{transform:scale(1.15)translateY(-2px);box-shadow:0 12px 30px #00000040}.call-btn:active{transform:scale(1.05)translateY(0)}.call-btn-accept{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);box-shadow:0 8px 20px #22c55e66}.call-btn-accept:hover{box-shadow:0 12px 30px #22c55e80}.call-btn-accept img{filter:brightness(0)invert();width:32px;height:32px}.call-btn-reject{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 8px 20px #ef444466}.call-btn-reject:hover{box-shadow:0 12px 30px #ef444480}.call-btn-reject img{filter:brightness(0)invert();width:32px;height:32px}.active-call-overlay{z-index:10001;background:linear-gradient(135deg,#0a0e1a 0%,#1a1f2e 100%);flex-direction:column;display:flex;position:fixed;inset:0}.active-call-overlay.hidden{display:none}.active-call-container{flex-direction:column;flex:1;display:flex;position:relative}.call-video-container{background:#000;flex:1;width:100%;height:100%;position:relative}.call-video{object-fit:cover;width:100%;height:100%}.call-video-remote{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.call-video-local{z-index:2;background:#000;border:3px solid #4f7cff99;border-radius:16px;width:200px;height:150px;position:absolute;top:20px;right:20px;box-shadow:0 8px 32px #4f7cff66}.call-info-panel{text-align:center;z-index:3;flex-direction:column;align-items:center;gap:28px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.call-info-avatar{background:linear-gradient(135deg,#4f7cff33 0%,#8f5bff33 100%);border:5px solid #4f7cff66;border-radius:50%;width:180px;height:180px;animation:3s ease-in-out infinite avatarGlow;overflow:hidden;box-shadow:0 0 40px #4f7cff4d}@keyframes avatarGlow{0%,to{box-shadow:0 0 30px #5bffce80,0 4px 16px #5bffce4d}50%{box-shadow:0 0 50px #5bffceb3,0 8px 24px #5bffce80}}.call-info-avatar img{object-fit:cover;width:100%;height:100%}.call-info-name{color:#fff;text-shadow:0 2px 20px #4f7cff80;font-size:32px;font-weight:700;font-family:var(--font-family-main);margin:0}.call-info-timer{color:#ffffffe6;letter-spacing:2px;font-family:Courier New,monospace;font-size:24px;font-weight:600}.call-info-single{flex-direction:column;align-items:center;gap:28px;display:flex}.call-info-group{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:600px;display:flex}.call-participants-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:20px;width:100%;max-height:400px;padding:0 20px;display:grid;overflow-y:auto}.call-participant-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:16px;transition:all .3s;display:flex}.call-participant-item:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #4f7cff4d}.call-participant-avatar{background:linear-gradient(135deg,#4f7cff33 0%,#8f5bff33 100%);border:3px solid #4f7cff66;border-radius:50%;width:80px;height:80px;overflow:hidden;box-shadow:0 0 20px #4f7cff4d}.call-participant-avatar img{object-fit:cover;width:100%;height:100%}.call-participant-name{color:#fffffff2;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 8px #4f7cff80;max-width:100px;font-size:14px;font-weight:600;overflow:hidden}.call-info-timer-group{color:#ffffffe6;letter-spacing:2px;margin-top:8px;font-family:Courier New,monospace;font-size:24px;font-weight:600}.call-controls{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0009;border:1px solid #ffffff1a;border-radius:40px;align-items:center;gap:20px;padding:20px 32px;display:flex;position:absolute;bottom:50px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.call-control-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.call-control-btn:hover{background:#ffffff40;transform:scale(1.15)}.call-control-btn:active{transform:scale(.95)}.call-control-btn.disabled{opacity:.5;background:#ef44444d}.call-control-btn img{filter:brightness(0)invert();width:26px;height:26px}.call-control-btn-end{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 8px 20px #ef444466}.call-control-btn-end:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);box-shadow:0 12px 30px #ef444480}.call-indicator{color:#fff;z-index:9999;cursor:pointer;font-family:var(--font-family-main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4f7cff 0%,#8f5bff 100%);border:1px solid #fff3;border-radius:24px;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:600;animation:2s ease-in-out infinite indicatorPulse;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 8px 24px #4f7cff66}.call-indicator.hidden{display:none}@keyframes indicatorPulse{0%,to{box-shadow:0 8px 24px #4f7cff66}50%{box-shadow:0 8px 32px #5bffce99}}.call-indicator-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:1.5s ease-in-out infinite dotBlink}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.3}}@media (width<=768px){.call-modal{border-radius:28px;max-width:90%;padding:32px 24px}.call-modal-avatar{width:120px;height:120px}.call-modal-info h3{font-size:22px}.call-video-local{width:140px;height:105px;top:15px;right:15px}.call-info-avatar{width:140px;height:140px}.call-info-name{font-size:26px}.call-info-timer{font-size:20px}.call-controls{border-radius:36px;gap:16px;padding:16px 24px;bottom:30px}.call-control-btn{width:52px;height:52px}.call-control-btn img{width:22px;height:22px}.call-indicator{padding:10px 16px;font-size:12px;top:15px;right:15px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body.theme-dark .call-modal{background:linear-gradient(135deg,#1a1f2e 0%,#0f1419 100%);border:1px solid #4f7cff4d}body.theme-dark .call-modal-info h3{background:linear-gradient(135deg,#5b8cff 0%,#8f5bff 50%,#ff7ad9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body.theme-dark .call-modal-info p{color:#ffffffb3}.calls-section{background:var(--color-background-app);flex-direction:column;flex:1;display:flex}.calls-section.hidden{display:none}.calls-main-wrapper{width:100%;height:100%;display:flex}.calls-content-wrapper{flex-direction:column;flex:1;gap:16px;min-width:0;padding:24px 20px;display:flex}.calls-header-section{padding-bottom:8px}.calls-header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.calls-main-title{font-family:var(--font-family-main);color:var(--color-text-dark);align-items:center;gap:10px;margin:0;font-size:32px;font-weight:600;display:flex}.calls-header-actions{gap:8px;display:flex}.calls-filter-btn{font-family:var(--font-family-main);color:var(--color-text-dark);cursor:pointer;background:#ffffffe6;border:1px solid #02060f0f;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .2s,color .2s,box-shadow .2s,border-color .2s}.calls-filter-btn-active{border-color:var(--color-primary);color:#fff;background:linear-gradient(135deg,#346afe,#5b8cff);box-shadow:0 8px 20px #346afe40}.calls-list-wrapper{background:var(--color-background-2);box-sizing:border-box;border-radius:20px;flex:1;min-height:0;padding:8px 4px;overflow:hidden}.calls-list-main{flex-direction:column;gap:4px;max-height:100%;margin:0;padding:4px;list-style:none;display:flex;overflow-y:auto}.calls-empty{text-align:center;font-family:var(--font-family-main);color:var(--color-text-inactive);padding:24px;font-size:15px}.calls-empty.hidden{display:none}.call-item{border-radius:16px;overflow:hidden}.call-item-btn{background:var(--color-background-1);cursor:pointer;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background .15s,transform 80ms,box-shadow .15s;display:flex}.call-item-btn:hover{background:var(--color-background-hover,#346afe08);transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1f}.call-item-left{align-items:center;gap:12px;min-width:0;display:flex}.call-avatar{border:2px solid #346afe29;border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden;box-shadow:0 4px 14px #346afe2e}.call-avatar img{object-fit:cover;width:100%;height:100%}.call-text{flex-direction:column;gap:4px;min-width:0;display:flex}.call-name-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.call-name{font-family:var(--font-family-main);color:var(--color-text-dark);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.call-time{font-family:var(--font-family-main);color:var(--color-text-inactive);flex-shrink:0;font-size:12px}.call-meta-row{font-family:var(--font-family-main);align-items:center;gap:10px;font-size:12px;display:flex}.call-direction{color:var(--color-primary);text-transform:lowercase;background:#346afe0f;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.call-direction-icon{border:2px solid #0000;border-color:#0000 #0000 currentColor currentColor;border-radius:50%;width:10px;height:10px;transform:rotate(45deg)}.call-direction-incoming .call-direction-icon{transform:rotate(-135deg)}.call-status{text-transform:lowercase}.call-status-completed{color:#16a34a}.call-status-missed{color:#ef4444}.call-status-rejected{color:#f97316}.call-duration{color:var(--color-text-inactive)}.call-date{font-family:var(--font-family-main);color:var(--color-text-inactive);flex-shrink:0;font-size:12px}.calls-side-panel{box-sizing:border-box;justify-content:center;align-items:center;width:320px;padding:24px 20px 24px 0;display:flex}.calls-illustration-container{background:radial-gradient(120% 120% at 10% 0%, #346afe2e, transparent 60%), radial-gradient(120% 120% at 100% 100%, #5bffce2e, transparent 60%), var(--color-background-1);border-radius:24px;flex-direction:column;gap:12px;width:100%;padding:18px 18px 20px;display:flex;box-shadow:0 20px 50px #0f172a2e}.calls-illustration{border-radius:18px;width:100%;overflow:hidden}.calls-illustration img{object-fit:cover;width:100%;height:auto;display:block}.calls-side-content{flex-direction:column;gap:6px;display:flex}.calls-side-text{font-family:var(--font-family-main);color:var(--color-text-dark);font-size:14px;line-height:1.4}.calls-side-accent{color:var(--color-primary);font-weight:600}.calls-side-hint{font-family:var(--font-family-main);color:var(--color-text-inactive);font-size:12px}body.theme-dark .calls-section{background:var(--color-background-app)}body.theme-dark .call-item-btn{background:var(--color-background-1)}body.theme-dark .calls-filter-btn{color:#f8fafce6;background:#0f172ae6;border-color:#94a3b859}body.theme-dark .calls-illustration-container{background:radial-gradient(120% 120% at 10% 0%, #5b8cff38, transparent 60%), radial-gradient(120% 120% at 100% 100%, #5bffce2e, transparent 60%), var(--color-background-2);box-shadow:0 24px 60px #0009}body.theme-dark .calls-side-text{color:#fff}body.theme-dark .calls-side-hint{color:#f1f5f9c7}@media (width<=1024px){.calls-side-panel{display:none}}@media (width<=768px){.calls-section{z-index:100;width:100%;height:100%;position:absolute;top:0;left:0}.calls-main-wrapper{flex-direction:column}.calls-content-wrapper{padding:16px 12px}.calls-main-title{font-size:24px}}.audio-chat-banner{z-index:100;background:linear-gradient(135deg,#fff 0%,#f9faff 100%);border-bottom:1px solid #4f7cff33;width:100%;animation:.4s cubic-bezier(.34,1.56,.64,1) slideDown;position:relative;box-shadow:0 4px 20px #4f7cff26}.audio-chat-banner.hidden{display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.audio-chat-banner-content{align-items:center;gap:16px;max-width:100%;padding:16px 20px;display:flex;position:relative;overflow:hidden}.audio-chat-banner-content:before{content:"";background:linear-gradient(90deg,#4f7cff 0%,#5bffce 50%,#ff7ad9 100%);height:3px;animation:2s infinite shimmer;position:absolute;top:0;left:0;right:0}.audio-chat-banner-avatar{border:3px solid #4f7cff4d;border-radius:50%;flex-shrink:0;width:50px;height:50px;animation:2s ease-in-out infinite pulse;position:relative;overflow:hidden;box-shadow:0 4px 16px #4f7cff66}.audio-chat-banner-avatar:before{content:"";opacity:.6;border:2px solid #0000;border-top-color:#5bffce;border-radius:50%;animation:2s linear infinite spin;position:absolute;inset:-2px}.audio-chat-banner-avatar img{object-fit:cover;width:100%;height:100%;display:block}.audio-chat-banner-text{flex:1;min-width:0}.audio-chat-banner-title{font-family:var(--font-family-main);color:var(--color-text-dark);background:linear-gradient(135deg,#4f7cff 0%,#8f5bff 50%,#ff7ad9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:16px;font-weight:700}.audio-chat-banner-subtitle{font-family:var(--font-family-main);color:#050816a6;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.audio-chat-banner-join-btn{color:#fff;font-family:var(--font-family-main);cursor:pointer;white-space:nowrap;letter-spacing:.3px;background:linear-gradient(135deg,#4f7cff 0%,#5bffce 100%);border:none;border-radius:16px;flex-shrink:0;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px #4f7cff66}.audio-chat-banner-join-btn:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 24px #4f7cff66}.audio-chat-banner-join-btn:active{transform:translateY(0)scale(1)}.audio-chat-banner-close-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:-8px;padding:8px;transition:background-color .2s;display:flex}.audio-chat-banner-close-btn:hover{background:#0508160d}.audio-chat-banner-close-btn img{width:18px;height:18px}body.theme-dark .audio-chat-banner{background:linear-gradient(135deg,#1a1f2e 0%,#0f1419 100%);border-bottom:1px solid #4f7cff4d}body.theme-dark .audio-chat-banner-title{background:linear-gradient(135deg,#5b8cff 0%,#8f5bff 50%,#ff7ad9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body.theme-dark .audio-chat-banner-subtitle{color:#ffffffb3}body.theme-dark .audio-chat-banner-close-btn:hover{background:#ffffff1a}@media (width<=768px){.audio-chat-banner-content{gap:12px;padding:14px 16px}.audio-chat-banner-avatar{width:45px;height:45px}.audio-chat-banner-title{font-size:14px}.audio-chat-banner-subtitle{font-size:12px}.audio-chat-banner-join-btn{padding:8px 14px;font-size:12px}}.group-call-notification{max-width:90%;margin:16px auto;animation:.4s cubic-bezier(.34,1.56,.64,1) slideInFromBottom}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.group-call-notification-content{background:linear-gradient(135deg,#fff 0%,#f9faff 100%);border:1px solid #4f7cff33;border-radius:24px;align-items:center;gap:16px;padding:20px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #4f7cff40,0 0 20px #5bffce26}.group-call-notification-content:before{content:"";background:linear-gradient(90deg,#4f7cff 0%,#5bffce 50%,#ff7ad9 100%);height:3px;animation:2s infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 16px #4f7cff66}50%{transform:scale(1.05);box-shadow:0 6px 24px #4f7cff99}}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}.group-call-notification-icon{background:linear-gradient(135deg,#4f7cff 0%,#5bffce 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;animation:2s ease-in-out infinite pulse;display:flex;box-shadow:0 4px 16px #4f7cff66}.group-call-notification-icon img{filter:brightness(0)invert();width:24px;height:24px}.group-call-notification-text{flex:1;min-width:0}.group-call-notification-title{font-family:var(--font-family-main);color:var(--color-text-dark);background:linear-gradient(135deg,#4f7cff 0%,#8f5bff 50%,#ff7ad9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:16px;font-weight:700}.group-call-notification-subtitle{font-family:var(--font-family-main);color:#05081699;font-size:14px;font-weight:450}.group-call-join-btn{color:#fff;font-family:var(--font-family-main);cursor:pointer;background:linear-gradient(135deg,#4f7cff 0%,#5bffce 100%);border:none;border-radius:16px;flex-shrink:0;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 16px #4f7cff4d}.group-call-join-btn:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 24px #4f7cff66}.group-call-join-btn:active{transform:translateY(0)scale(1)}.group-call-join-btn img{filter:brightness(0)invert();width:18px;height:18px}body.theme-dark .group-call-notification-content{background:linear-gradient(135deg,#1a1f2e 0%,#0f1419 100%);border:1px solid #4f7cff4d}body.theme-dark .group-call-notification-title{background:linear-gradient(135deg,#5b8cff 0%,#8f5bff 50%,#ff7ad9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body.theme-dark .group-call-notification-subtitle{color:#ffffffb3}@media (width<=768px){.group-call-notification-content{gap:12px;padding:16px 20px}.group-call-notification-icon{width:40px;height:40px}.group-call-notification-icon img{width:20px;height:20px}.group-call-notification-title{font-size:14px}.group-call-notification-subtitle{font-size:12px}.group-call-join-btn{padding:10px 16px;font-size:12px}.group-call-join-btn span{display:none}}.audio-chat-overlay{z-index:10001;background:linear-gradient(135deg,#0a0e1a 0%,#1a1f2e 100%);flex-direction:column;animation:.3s ease-in fadeIn;display:flex;position:fixed;inset:0}.audio-chat-overlay.hidden{display:none}.audio-chat-container{flex-direction:column;flex:1;display:flex;position:relative}.audio-chat-header{z-index:5;justify-content:space-between;align-items:center;display:flex;position:absolute;top:20px;left:20px;right:20px}.audio-chat-title{font-family:var(--font-family-main);color:#fffffff2;text-shadow:0 2px 20px #4f7cff80;margin:0;font-size:20px;font-weight:700}.audio-chat-close-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;padding:8px;transition:all .3s}.audio-chat-close-btn:hover{background:#fff3;transform:scale(1.1)}.audio-chat-close-btn img{filter:brightness(0)invert();width:16px;height:16px}.audio-chat-participants{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:40px;padding:100px 20px 120px;display:flex;overflow-y:auto}.audio-chat-participant{flex-direction:column;align-items:center;gap:28px;transition:all .3s;display:flex;position:relative}.audio-chat-participant:hover{transform:scale(1.05)}.audio-chat-participant.speaking{animation:2s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #5bffce66}50%{box-shadow:0 0 30px #5bffce99}}.audio-chat-participant-avatar{background:0 0;border:5px solid #4f7cff66;border-radius:50%;width:180px;height:180px;transition:all .3s;animation:3s ease-in-out infinite avatarGlow;position:relative;overflow:hidden;box-shadow:0 0 40px #4f7cff4d}.audio-chat-participant-avatar img{object-fit:cover;width:100%;height:100%}.audio-chat-participant-avatar:after{content:"";opacity:0;border:3px solid #0000;border-top-color:#5bffce;border-radius:50%;transition:opacity .3s;animation:2s linear infinite spin;position:absolute;inset:-3px}.audio-chat-participant.speaking .audio-chat-participant-avatar{border-color:#5bffce99;animation:3s ease-in-out infinite avatarGlowSpeaking;box-shadow:0 0 60px #5bffceb3,0 0 40px #5bffce80}@keyframes avatarGlowSpeaking{0%,to{box-shadow:0 0 60px #5bffceb3,0 0 40px #5bffce80}50%{box-shadow:0 0 80px #5bffcee6,0 0 60px #5bffceb3}}.audio-chat-participant.speaking .audio-chat-participant-avatar:after{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.audio-chat-participant-name{color:#fff;text-align:center;text-shadow:0 2px 20px #4f7cff80;font-size:32px;font-weight:700;font-family:var(--font-family-main);margin:0}.audio-chat-participant-muted{background:#0508161a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:12px;right:12px}.audio-chat-participant-muted img{filter:brightness(0)saturate()invert(30%);width:14px;height:14px}.audio-chat-controls{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0009;border:1px solid #ffffff1a;border-radius:40px;align-items:center;gap:20px;padding:20px 32px;display:flex;position:absolute;bottom:50px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.audio-chat-control-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.audio-chat-control-btn:hover{background:#ffffff40;transform:scale(1.15)}.audio-chat-control-btn:active{transform:scale(.95)}.audio-chat-control-btn img{filter:brightness(0)invert();width:26px;height:26px}.audio-chat-control-btn.muted{background:#ef44444d}.audio-chat-control-btn.muted:hover{background:#ef444466}.audio-chat-control-btn-hand{background:#ffb84f4d}.audio-chat-control-btn-hand:hover{background:#ffb84f66}.audio-chat-control-btn-hand span{font-size:24px}.audio-chat-control-btn-leave{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 8px 20px #ef444466}.audio-chat-control-btn-leave:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);box-shadow:0 12px 30px #ef444480}@media (width<=768px){.audio-chat-header{top:15px;left:15px;right:15px}.audio-chat-title{font-size:18px}.audio-chat-participants{gap:30px;padding:80px 15px 100px}.audio-chat-participant-avatar{width:140px;height:140px}.audio-chat-participant-name{font-size:24px}.audio-chat-controls{gap:16px;padding:16px 24px;bottom:30px}.audio-chat-control-btn{width:52px;height:52px}.audio-chat-control-btn img{width:22px;height:22px}}:root{--radius-card:24px;--radius-pill:999px;--radius-bubble:20px}body{font-family:var(--font-family-main);background-color:var(--color-background-app);height:100dvh;min-height:100dvh;margin:0;padding:0;overflow:hidden}.mobile-menu-btn{display:none}.container{width:100%;height:100dvh;min-height:100dvh}.app{height:100dvh;min-height:100dvh;display:flex}.menu{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:38px 20px;display:flex}.nav{align-items:center;gap:var(--gap-vertical);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.menu-top{align-items:center;gap:var(--gap-vertical);flex-direction:column;flex-shrink:0;width:100%;margin-top:0;display:flex}.menu-bottom{align-items:center;gap:var(--gap-vertical);flex-direction:column;flex-shrink:0;width:100%;display:flex}.nav-button{box-sizing:border-box;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:8px 12px;text-decoration:none;transition:color .2s,background-color .2s,transform .2s;display:flex;position:relative}.nav-button img{object-fit:contain;width:100%;height:100%;transition:filter .2s}.nav-button span{font-family:var(--font-family-main);text-align:center;letter-spacing:-.03em;color:var(--color-text-inactive);width:100%;font-size:14px;font-weight:400;line-height:16px}.nav-button.active{background:var(--gradient-primary-solid);color:var(--color-text-active);box-shadow:var(--glow-primary);border-radius:18px;margin-right:0;padding:8px 12px}.nav-button.active img{filter:brightness(0)invert()}.nav-button.active span{color:var(--color-text-active);font-weight:600}.chat-list{width:var(--chatlist-width);box-sizing:border-box;z-index:1;background:0 0;flex-direction:column;flex-shrink:0;gap:5px;height:100vh;margin-left:0;margin-right:0;padding:8px 0;transition:width .3s,margin-right .3s;display:flex;position:relative}.app.profile-open .chat-list{width:468px;margin-right:0}.search{flex-shrink:0;margin-bottom:5px;padding:0 9px}.search-form{box-sizing:border-box;background:var(--glass-bg,var(--color-background-2));-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-pill,999px);border:1px solid var(--color-divider);outline:none;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:48px;padding:12px 20px;display:flex;position:relative}.search-form:focus,.search-form:focus-within,.search-form:focus-visible{box-shadow:none!important;border:none!important;outline:none!important}.search-input{font-family:var(--font-family-main);color:#4f46e5;background:0 0;border:none;outline:none;flex-grow:1;font-size:16px;font-weight:400;line-height:16px}.search-input:focus,.search-input:focus-visible,.search-input:focus-within,body.theme-dark .search-form:focus,body.theme-dark .search-form:focus-within,body.theme-dark .search-form:focus-visible,body.theme-dark .search-input:focus,body.theme-dark .search-input:focus-visible,body.theme-dark .search-input:focus-within{box-shadow:none!important;border:none!important;outline:none!important}.search-input::placeholder{color:#4f46e5;opacity:1}.search-submit-btn,.search-clear-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;margin-right:0;padding:0}.search-submit-btn{order:initial;cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:10px;margin-right:0;padding:0;width:24px!important;height:24px!important}.search-icon{width:100%;height:100%}.search-clear-btn{color:var(--color-text-inactive);order:2;margin-right:-10px;font-size:20px;line-height:1}.chat-list-scroll{background:var(--glass-bg,var(--color-background-2));-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-card,24px);border:1px solid var(--color-divider);box-sizing:border-box;flex-grow:1;padding:8px;overflow-y:auto}.message-search-results{background:var(--color-background-2);box-sizing:border-box;border-radius:20px;flex-direction:column;flex-grow:1;gap:10px;min-height:0;padding:12px;display:flex;overflow:hidden}.message-search-results-header{font-family:var(--font-family-main);color:var(--color-text-dark);font-size:16px;font-weight:600}.message-search-results-list{flex-direction:column;gap:8px;padding-right:4px;display:flex;overflow-y:auto}.message-search-results-list::-webkit-scrollbar{width:6px}.message-search-results-list::-webkit-scrollbar-thumb{background-color:#757575;border-radius:3px;min-height:40px}.message-search-results-list::-webkit-scrollbar-track{background-color:#0000}.message-search-results-empty{font-family:var(--font-family-main);color:var(--color-accent-danger);font-size:14px;font-weight:450}.message-search-result{background:var(--color-background-1);border:1px solid #02060f14;border-radius:18px;justify-content:flex-start;align-items:center;gap:10px;padding:6px 4px;transition:background .2s,transform .2s;display:flex}.message-search-result.active{border-color:#346afe8c;box-shadow:0 0 0 2px #346afe1f}.message-search-result-avatar{flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.message-search-result-avatar img{object-fit:cover;border-radius:50%;width:44px;height:44px}.message-search-result:hover{background:var(--color-background-hover);transform:translateY(-1px)}.message-search-result-details{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}.message-search-result-label{font-family:var(--font-family-main);color:var(--color-text-inactive);letter-spacing:.01em;font-size:12px;font-weight:450}.message-search-result-snippet{color:var(--color-text-dark);white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:21px;overflow:hidden}.chat-list-scroll::-webkit-scrollbar{width:6px}.chat-list-scroll::-webkit-scrollbar-thumb{background-color:#757575;border-radius:3px;min-height:40px}.chat-list-scroll::-webkit-scrollbar-track{background-color:#0000}#chatListUl{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}#chatListUl>li{padding:0}.search-results-header span,#chatListUl>li>span{font-family:var(--font-family-main);color:var(--color-text-dark);margin-top:5px;padding:10px 16px 5px;font-size:16px;font-weight:600;line-height:18px;display:block}.chat-list-item-btn,.search-result-item-list button{box-sizing:border-box;cursor:pointer;text-align:left;border-radius:var(--radius-card-sm);background:0 0;border:none;flex-direction:row;align-items:center;width:100%;min-height:80px;margin:2px 8px;padding:14px 18px;transition:background-color .2s,box-shadow .2s;display:flex;position:relative}.chat-list-item-btn:hover,.search-result-item-list button:hover{background:var(--color-background-hover);box-shadow:var(--shadow-soft)}.chat-list-item-btn.active{background:var(--color-primary-soft);box-shadow:var(--shadow-soft);border-radius:20px}.chat-list-item-btn img,.search-result-item-list img{object-fit:cover;box-sizing:border-box;background:0 0;border-radius:50%;flex-shrink:0;width:56px;height:56px;margin-right:16px;padding:0;transition:transform .2s;position:relative}.chat-list-item-btn[data-is-online=true] img{background:var(--gradient-accent);box-shadow:0 0 0 2px #0508168c, var(--glow-accent)}.chat-list-item-btn.active img{background:var(--gradient-primary);box-shadow:0 0 0 2px #05081673, var(--glow-primary)}.online-status-dot{background:var(--color-online);z-index:10;border:none;border-radius:50%;width:17px;height:17px;position:absolute;top:55.5px;left:50px}.chat-info,.search-user-details{flex-direction:column;flex:1;justify-content:flex-start;max-width:none;min-height:46px;padding:0;display:flex;overflow:hidden}.chat-name,.search-user-name{font-family:var(--font-family-main);color:var(--color-text-dark);white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:17px;font-weight:700;line-height:1.3;overflow:hidden}.last-message,.search-user-email{font-family:var(--font-family-main);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;width:100%;margin-top:2px;font-size:14px;font-weight:400;line-height:1.35;overflow:hidden}.typing-status{font-weight:500;color:var(--color-primary)!important}@keyframes typing-bounce{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.message-code-block{background:#050816;border:1px solid #ffffff14;border-radius:10px;margin-top:6px;overflow:hidden}.message-code-header{color:#e5e7eb;background:linear-gradient(90deg,#111827,#020617);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:6px 10px;font-size:11px;display:flex}.message-code-copy-btn{cursor:pointer;color:#e5e7eb;background:#374151e6;border:none;border-radius:999px;padding:4px 10px;font-size:11px;transition:background .15s,transform .1s}.message-code-copy-btn:hover{background:#4f46e5f2;transform:translateY(-1px)}.message-code-pre{color:#e5e7eb;background:0 0;margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.5;overflow-x:auto}.typing-indicator{opacity:.8}.typing-dots{align-items:center;gap:4px;min-height:20px;padding:8px 0;display:flex}.typing-dot{background-color:var(--color-text-secondary,#666);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing-bounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}.chat-meta-right{flex-direction:row;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;min-width:fit-content;margin-left:auto;display:flex}.chat-timestamp{font-family:var(--font-family-main);color:var(--color-text-inactive);flex-shrink:0;align-items:center;gap:4px;padding-top:0;font-size:10px;font-weight:450;line-height:10px;display:flex}.chat-list-ticks{border-radius:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;box-shadow:none!important;background:0 0!important}.chat-list-ticks img{object-fit:contain;width:100%;height:100%}.chat-list-item-btn img,.search-result-item-list img{background:0 0;padding:0;box-shadow:none!important;border:none!important}.chat-list-item-btn[data-is-online=true] img,.chat-list-item-btn.active img{box-shadow:none!important;background:0 0!important}.unread-count{z-index:2;width:32px;height:32px;font-family:var(--font-family-main);letter-spacing:-.02em;color:#fff;background:#346afe;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin-top:0;font-size:15px;font-style:normal;font-weight:700;line-height:1;display:flex;position:static}.sidebar-divider .divider-line{background:var(--color-divider);width:100%;height:1px;margin:5px 0}.sidebar-divider{box-sizing:border-box;width:100%;padding:0 16px}.no-results-message{color:var(--color-text-inactive);text-align:center;padding:20px 0;font-size:16px}#userSearchResultsUl{margin:0;padding:0;list-style:none}#userSearchResultsUl .search-result-item-list{margin:4px 6px}#userSearchResultsUl .start-chat-btn{aspect-ratio:1;background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;margin-left:auto;padding:0;transition:background-color .2s,transform .15s;display:flex}#userSearchResultsUl .start-chat-btn:hover{background:#274fcc;transform:scale(1.05)}#userSearchResultsUl .start-chat-btn svg{stroke:#fff;stroke-width:2px;width:14px;height:14px}#userSearchResultsUl .chat-item-content,#userSearchResultsUl .search-result-item-list{flex-grow:1;align-items:center;display:flex}.chat-empty{background:var(--color-background-1);border-radius:var(--radius-card,24px);box-sizing:border-box;height:100vh;box-shadow:var(--glass-shadow);flex-grow:1;justify-content:center;align-items:center;margin:12px 16px 12px 0;padding:24px;transition:width .3s,margin-right .3s;display:flex}.app.profile-open .chat-empty{max-width:calc(100% - 654px);margin-right:10px}.app.profile-open .chat-list-item-btn{width:438px;height:85px;min-height:85px;transition:width .3s,height .3s,min-height .3s}.chat-empty.hidden{display:none}.chat-empty__content{flex-direction:column;align-items:center;gap:26px;width:100%;max-width:537px;display:flex}.chat-empty__illustration{width:100%;max-width:481.35px;position:relative}.chat-empty__illustration img{width:100%;height:auto}.chat-empty__illustration .empty-chat-icon-dark,body.theme-dark .chat-empty__illustration .empty-chat-icon-light{display:none}body.theme-dark .chat-empty__illustration .empty-chat-icon-dark{display:block}.chat-empty__title{width:100%;font-family:var(--font-family-main);text-align:center;letter-spacing:-.03em;color:var(--color-primary);margin:0;font-size:64px;font-weight:400;line-height:60px}.chat-empty__button{background:var(--gradient-primary-solid);border-radius:var(--radius-pill);cursor:pointer;width:100%;max-width:280px;height:56px;box-shadow:var(--glow-primary);border:none;justify-content:center;align-items:center;gap:8px;padding:16px 0;transition:opacity .2s,transform .2s,box-shadow .2s;display:flex}.chat-empty__button:hover{opacity:.95;box-shadow:var(--glow-primary-strong);transform:translateY(-2px)}.chat-empty__button span{font-family:var(--font-family-main);letter-spacing:-.03em;color:var(--color-text-active);font-size:24px;font-weight:600;line-height:32px}.chat-window.fade-start{opacity:0;transform:translateY(8px)}.chat-window.fade-in{opacity:1;transform:translateY(0)}.app.profile-open .chat-window{max-width:calc(100% - 1102px);margin-right:10px}.chat-header{width:100%;height:var(--header-height);box-sizing:border-box;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-card) var(--radius-card) 0 0;z-index:10;pointer-events:auto;box-shadow:var(--shadow-soft);border:none;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:relative}.chat-header-left{cursor:default;-webkit-user-select:none;user-select:none;pointer-events:auto;flex-direction:row;flex:1;align-items:center;gap:16px;padding:0;transition:opacity .2s;display:flex}.chat-header-left:hover{opacity:.8}.avatar-container{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:63px;min-width:63px;height:63px;min-height:63px;margin-right:12px;display:flex;overflow:hidden}.avatar-container img{object-fit:cover;width:100%;height:100%}.chat-header .avatar-container{cursor:pointer;background:var(--color-background-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;min-height:46px;margin:0;transition:opacity .2s;display:flex;position:relative;overflow:hidden}.chat-header .avatar-container:hover{opacity:.8}.chat-header .avatar-container img{object-fit:cover;object-position:center center;border-radius:50%;width:100%;min-width:46px;height:100%;min-height:46px;margin:0;padding:0;display:block}.chat-info-header{pointer-events:none;cursor:default;flex-direction:column;align-items:flex-start;gap:1px;display:flex}.chat-info-header h2{font-family:var(--font-family-main);letter-spacing:-.03em;color:var(--color-text-dark);cursor:default;pointer-events:none;margin:0;padding:0;font-size:22px;font-weight:600;line-height:24px}.chat-status-header{font-family:var(--font-family-main);letter-spacing:-.01em;color:var(--color-primary);cursor:pointer;pointer-events:auto;font-size:14px;font-weight:400;line-height:16px}.chat-menu-container{z-index:10;pointer-events:none;flex-direction:row;align-items:center;gap:12px;margin-left:auto;padding:0;display:flex;position:relative}.chat-header-btn{cursor:pointer;z-index:20;pointer-events:auto;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;padding:0;display:flex;position:relative}.chat-header-btn.back-btn{pointer-events:auto;z-index:11;width:24px;height:24px;display:flex;position:relative}.chat-header-btn img{object-fit:contain;width:24px;height:24px}.chat-menu-dropdown{background:var(--color-background-1);z-index:1000;pointer-events:auto;border-radius:8px;width:180px;margin-top:10px;position:absolute;top:100%;right:16px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.chat-menu-item{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;color:var(--color-text-dark);font-size:14px;font-family:var(--font-family-main);z-index:101;background:0 0;border:none;padding:12px 16px;transition:background-color .2s;display:block;position:relative;pointer-events:auto!important}.chat-menu-item:hover{background:var(--color-background-hover)}.chat-menu-item:active{background:var(--color-background-2)}.chat-menu-item:focus{background:var(--color-background-hover);outline:none}#blockUserBtn{color:var(--color-delete-bg)}.chat-search-wrapper{pointer-events:auto;z-index:15;width:386px;height:56px;position:absolute;top:9px;right:120px}.chat-search-bar{--chat-search-accent:var(--color-primary);background:var(--color-search-pill-bg);box-sizing:border-box;border:none;border-radius:20px;outline:none;align-items:center;gap:16px;width:100%;height:100%;padding:11px 13px;display:flex}.chat-search-bar[data-state=empty]{background:var(--color-search-pill-empty);--chat-search-accent:var(--color-accent-danger)}.chat-search-bar:focus,.chat-search-bar:focus-within,.chat-search-bar:focus-visible,.chat-search-input:focus,.chat-search-input:focus-visible,.chat-search-input:focus-within,body.theme-dark .chat-search-bar:focus,body.theme-dark .chat-search-bar:focus-within,body.theme-dark .chat-search-bar:focus-visible,body.theme-dark .chat-search-input:focus,body.theme-dark .chat-search-input:focus-visible,body.theme-dark .chat-search-input:focus-within{box-shadow:none!important;border:none!important;outline:none!important}.chat-search-icon-btn{cursor:default;background:0 0;border:none;flex-shrink:0;width:35px;height:35px;padding:0}.chat-search-icon-btn:focus-visible{outline:none}.chat-search-icon-surface{background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.chat-search-icon-surface img{object-fit:contain;width:24px;height:24px}.chat-search-body{flex:1;align-items:center;gap:10px;min-width:0;min-height:34px;display:flex}.chat-search-input{color:var(--color-text-dark);letter-spacing:-.03em;text-align:left;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-family:Suisse Intl,sans-serif;font-size:18px;font-weight:450;line-height:20px}.chat-search-input::placeholder{color:#b8b8b8;text-align:left}.chat-search-display{pointer-events:none;flex-direction:row;flex-shrink:0;order:0;justify-content:flex-start;align-items:center;gap:6px;min-width:0;display:flex}.chat-search-input{order:1}.chat-search-count{letter-spacing:-.03em;color:#b8b8b8;opacity:0;font-family:Suisse Intl,sans-serif;font-size:14px;font-weight:450;line-height:16px;transition:opacity .2s}.chat-search-bar[data-state=results] .chat-search-count{opacity:1}.chat-search-bar:not([data-state=results]) .chat-search-count{display:none}.chat-search-empty-label{letter-spacing:-.03em;color:var(--color-accent-danger);white-space:nowrap;font-family:Suisse Intl,sans-serif;font-size:14px;font-weight:450;line-height:16px;display:none}.chat-search-bar[data-state=empty] .chat-search-empty-label{text-align:center;display:block}.chat-search-bar[data-state=empty] .chat-search-display{flex:1;justify-content:center}.chat-search-clear-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.chat-search-clear-surface{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.chat-search-clear-surface img{object-fit:contain;width:100%;height:100%}.chat-search-clear-btn:hover{opacity:.7}.message.search-match{outline:1px solid #346afe59}.message.search-match-current{outline:2px solid #346afe}.pinned-message-container{background:var(--color-background-1);border-radius:var(--radius-card-sm);box-shadow:var(--shadow-soft);border:none;flex-shrink:0;margin-bottom:8px;padding:12px 20px}.pinned-message-content{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:8px;transition:background-color .2s;display:flex}.pinned-message-content:hover{background:var(--color-background-hover)}.pinned-message-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.pinned-message-icon svg{width:100%;height:100%}.pinned-message-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pinned-message-sender{font-family:var(--font-family-main);color:var(--color-primary);font-size:12px;font-weight:600;line-height:14px}.pinned-message-text{font-family:var(--font-family-main);color:var(--color-text-dark);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:450;line-height:18px;overflow:hidden}.pinned-message-close{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:background-color .2s;display:flex}.pinned-message-close:hover{background:var(--color-background-hover)}.pinned-message-close svg{width:16px;height:16px}.messages-area{flex-direction:column;flex-grow:1;gap:12px;padding:20px 40px;display:flex;overflow-y:auto}.chat-messages{background-color:#0000;border:none;flex-direction:column;flex-grow:1;gap:14px;min-height:0;padding:24px 28px 20px;display:flex;overflow-y:auto}.chat-input-container{padding:12px 20px 24px;padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));padding-bottom:max(24px, env(safe-area-inset-bottom));background:0 0;border:none;border-radius:0;flex-shrink:0;position:relative}.chat-unblock-container{width:100%;margin-bottom:10px}.chat-unblock-container .unblock-btn{-webkit-backdrop-filter:blur(18px);width:100%;height:52px;color:var(--color-text-dark);font-family:var(--font-family-main);cursor:pointer;background:#ffffffc7;border:1px solid #fff6;border-radius:999px;font-size:16px;font-weight:600;box-shadow:0 18px 40px #05081629}body.theme-dark .chat-unblock-container .unblock-btn{color:var(--color-text-active);background:#0f172ae0;border-color:#4f7cff40;box-shadow:0 16px 40px #000000a6}.chat-unblock-container .unblock-btn:focus,.chat-unblock-container .unblock-btn:focus-visible{outline:none;box-shadow:0 18px 40px #05081629}.chat-unblock-container .unblock-btn:active{transform:translateY(1px)}.chat-input-form{height:auto;min-height:var(--input-height);background:var(--glass-bg);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(var(--glass-blur));box-sizing:border-box;border:1px solid #fff3;border-radius:20px;justify-content:space-between;align-items:flex-end;gap:14px;width:100%;max-width:min(100%,1076px);margin:0 auto;padding:10px 12px;transition:box-shadow .25s,transform .2s;display:flex}body.theme-dark .chat-input-form{border-color:#ffffff14}.chat-input-form .input-icon-btn,.chat-input-form .send-button{margin-bottom:5px}.chat-input-form:focus,.chat-input-form:focus-visible,.chat-input-form:focus-within{box-shadow:var(--shadow-float), 0 8px 32px #6366f126;outline:none}body.theme-dark .chat-input-form:focus,body.theme-dark .chat-input-form:focus-within{box-shadow:var(--shadow-float), 0 8px 32px #6366f133}.chat-input-field:focus,.chat-input-field:focus-visible{box-shadow:none;outline:none}body.theme-dark .chat-input-form{background:var(--glass-bg);box-shadow:var(--shadow-float)}.input-icon-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;padding:0;display:flex}.input-icon-btn img{object-fit:contain;width:30px;height:30px}.chat-input-field{font-family:var(--font-family-main);letter-spacing:-.03em;color:var(--color-text-dark);text-align:left;white-space:pre-wrap;word-break:break-word;background:0 0;border:none;outline:none;flex-grow:1;min-height:24px;max-height:150px;padding:12px 0;font-size:18px;font-weight:450;line-height:1.4;overflow-y:auto}.chat-input-field::-webkit-scrollbar{width:4px}.chat-input-field::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.chat-input-field:empty:before{content:attr(placeholder);color:var(--color-text-inactive);pointer-events:none}.chat-input-wrapper{flex-direction:column;flex:1;display:flex;position:relative}.mentions-list{border:1px solid var(--color-divider);z-index:1000;background:#fff;border-radius:12px;max-height:200px;margin-bottom:8px;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.mentions-list.hidden{display:none}.mentions-list-content{flex-direction:column;padding:4px;display:flex}.mention-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;transition:background-color .2s;display:flex}.mention-item:hover,.mention-item.selected{background-color:var(--color-background-hover)}.mention-item img{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.mention-item-info{flex:1;min-width:0}.mention-item-name{color:var(--color-text-dark);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:14px;font-weight:600;overflow:hidden}.mention-item-username{color:var(--color-text-inactive);font-size:12px}.message-mention{color:var(--color-primary);cursor:pointer;font-weight:600}.message-mention:hover{text-decoration:underline}.chat-input-field::placeholder{color:var(--color-text-inactive)}.voice-recording-button{box-sizing:border-box;background:var(--color-background-1);border-radius:20px;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%;height:85px;margin-top:10px;padding:8px 16px;display:flex;position:relative;box-shadow:0 6px 27.2px #00000012}.voice-recording-rectangle{background:var(--color-primary);border-radius:30px;flex:1;justify-content:space-between;align-items:center;gap:10px;min-width:0;max-width:calc(100% - 95px);height:49px;margin-right:95px;padding:0 16px;display:flex;position:relative;overflow:hidden}.voice-waveform-recording{z-index:2;flex-direction:row;flex:1;align-items:center;gap:3px;height:26px;display:flex;position:relative}.voice-recording-circle{background:var(--color-background-1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:absolute;top:50%;right:12px;overflow:hidden;transform:translateY(-50%)}.voice-recording-circle svg{width:48px;height:48px}.voice-recording-circle svg path{stroke:var(--color-primary)}.voice-timer{color:var(--color-text-inactive);white-space:nowrap;z-index:2;flex-shrink:0;font-family:Suisse Intl,sans-serif;font-size:14px;font-weight:500;line-height:16px;position:relative}.voice-recording-button.cancelling .voice-recording-rectangle{background:#dc1010}.voice-recording-button.cancelling .voice-recording-circle svg path{stroke:#dc1010}.audio-bar{background:var(--color-primary);color:#fff;border-radius:20px 20px 5px;flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;max-width:100%;height:auto;min-height:55px;margin-right:0;padding:8px 16px;display:flex;position:relative;box-shadow:0 6px 27.2px #00000012}.audio-waveform-container{flex-direction:column;flex:1;justify-content:flex-end;align-items:flex-start;gap:1px;min-width:0;max-width:calc(100% - 80px);display:flex;position:relative;overflow:hidden}.audio-waveform{cursor:pointer;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:flex-end;gap:5px;width:100%;max-width:100%;height:26px;min-height:26px;display:flex}.audio-wave-bar{opacity:1;background:#ffffff40;border-radius:2.5px;flex-shrink:0;align-self:flex-end;width:2px;height:5px;transition:background .2s}.audio-wave-bar.played{background:#fff}.audio-progress-bar{z-index:1;pointer-events:none;background:#ffffff4d;width:0%;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.audio-time-display{color:inherit;white-space:nowrap;min-width:50px;margin-bottom:0;font-family:Suisse Intl,sans-serif;font-size:14px;font-weight:400;line-height:1.14286em}.audio-play-button{cursor:pointer;z-index:2;background:url(/images/blue.svg) 50%/contain no-repeat;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:54.33px;height:55.18px;display:flex;position:relative}.audio-play-button img{object-fit:contain;width:24px;height:24px;position:absolute}.audio-play-icon,.audio-pause-icon{object-fit:contain;filter:brightness(0)invert();width:24px;height:24px}.audio-time-container{z-index:2;flex-direction:row;align-self:flex-start;align-items:center;gap:6px;height:28px;margin-left:0;display:flex;position:relative}.audio-sent-time{color:var(--color-text-inactive);white-space:nowrap;font-family:Suisse Intl,sans-serif;font-size:11px;font-weight:450;line-height:16px}.audio-ticks{flex-shrink:0;align-items:center;width:20px;height:20px;display:flex}.audio-ticks img{object-fit:contain;width:100%;height:100%}.audio-mic-circle{background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:54.33px;height:55.18px;padding:16.13px 0;display:flex;position:relative}.audio-mic-circle img{object-fit:contain;width:14.52px;height:18.67px}.chat-input-field:not(:placeholder-shown){text-align:left}.send-button{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;padding:0;transition:all .2s;display:flex}.send-button:disabled{opacity:.5;cursor:default}.send-button img{object-fit:contain;width:100%;height:100%}.send-button.hidden,.attachment-icon.hidden,.chat-input-field:not(:placeholder-shown)~#attachmentIcon{display:none}.chat-messages-wrapper{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.chat-messages::-webkit-scrollbar{width:6px}.chat-list-scroll::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-list-scroll::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(#4f7cff99,#5bffce99);border-radius:999px}.chat-list-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#4f7cff99,#5bffce99);border-radius:999px}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(#4f7cffd9,#5bffced9)}.chat-list-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(#4f7cffd9,#5bffced9)}.chat-skeleton{background:var(--color-background-1);padding:16px;animation:1.2s ease-in-out infinite skeletonPulse}.chat-skeleton.hidden{display:none}.chat-skeleton-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.chat-skeleton-avatar{background:var(--skeleton-bg,#e4e6eb);border-radius:50%;flex-shrink:0;width:44px;height:44px}.chat-skeleton-header-lines{flex-direction:column;flex:1;gap:8px;display:flex}.chat-skeleton-line{background:var(--skeleton-bg,#e4e6eb);border-radius:10px;height:12px}.chat-skeleton-line.long{width:70%}.chat-skeleton-line.short{width:42%}.chat-skeleton-body{flex-direction:column;gap:14px;display:flex}.chat-skeleton-bubble{background:var(--skeleton-bg,#e4e6eb);border-radius:16px;width:76%;height:38px}.chat-skeleton-bubble.small{width:52%}.chat-skeleton-bubble.left{margin-right:24%}.chat-skeleton-bubble.right{margin-left:24%}@keyframes skeletonPulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.scroll-to-bottom-btn{border:1px solid var(--color-divider);cursor:pointer;z-index:100;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:all .2s;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 12px #00000026}.scroll-to-bottom-btn:hover{background:var(--color-background-hover);transform:scale(1.05);box-shadow:0 6px 16px #0003}.scroll-to-bottom-btn svg{width:24px;height:24px;color:var(--color-text-dark);transform:rotate(180deg)}.scroll-to-bottom-btn.hidden{display:none}.new-messages-count{background:var(--color-primary);color:#fff;box-sizing:border-box;border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:600;display:flex;position:absolute;top:-8px;right:-8px}.new-messages-count.hidden{display:none}.date-separator{justify-content:center;align-items:center;margin:10px 0;padding:10px 0;display:flex}.date-separator span{color:#b8b8b8;font-family:var(--font-family-main);background:#f7f7f7;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:450;line-height:16px}.message-row{flex-direction:column;gap:8px;width:100%;margin-bottom:2px;display:flex}.message-row.outgoing{align-items:flex-end}.message-row.incoming{align-items:flex-start}.message-row.system-message{align-items:center;margin:12px 0;padding:0 16px}.system-message-content{font-family:var(--font-family-main);color:#a9a9a9;text-align:center;word-wrap:break-word;background:0 0;border-radius:12px;max-width:80%;padding:4px 12px;font-size:14px;font-weight:400}.message-row.group-message-row{position:relative}.message-row.group-message-row.incoming{padding-left:50px}.group-message-avatar{cursor:pointer;z-index:10;border-radius:50%;width:40px;height:40px;position:absolute;bottom:0;left:0;overflow:hidden}.group-message-avatar img{object-fit:cover;width:100%;height:100%}.group-message-sender-name{color:var(--color-text-dark);cursor:pointer;margin-bottom:2px;font-size:14px;font-weight:600;transition:color .2s}.group-message-sender-name:hover{color:var(--color-primary)}.message:has(.group-message-sender-name){flex-wrap:wrap;align-items:flex-start;padding:6px 16px}.message:has(.group-message-sender-name) .group-message-sender-name{flex-basis:100%;width:100%}.message:has(.group-message-sender-name) .message-content{flex:1;min-width:0}.message{background:var(--color-background-message);word-wrap:break-word;opacity:0;box-shadow:var(--shadow-soft);flex-direction:row;align-items:flex-end;gap:6px;padding:10px 14px;transition:background-color .2s;animation:.22s cubic-bezier(.22,.61,.36,1) forwards message-appear;display:flex;position:relative;transform:translateY(6px)translateZ(0);background-color:#f8f8f8!important}.message-content,.message-content p{color:#02060f!important}.message.outgoing{color:#02060f!important;background:#f8f8f8!important}.message-timestamp{color:#8e8e93!important}@keyframes message-appear{to{opacity:1;transform:translateY(0)translateZ(0)}}.message.outgoing{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-soft);border-radius:22px 22px 6px}.message.incoming{background:var(--color-background-message);color:var(--color-text-dark);box-shadow:var(--shadow-soft);border:none;border-radius:22px 22px 22px 6px}body.theme-dark .message.incoming{background:#ffffff1a;border:none}.message.has-link.outgoing{border-radius:22px 22px 6px}.message.has-link.incoming{border-radius:22px 22px 22px 6px}.message.has-audio{box-shadow:none;background:0 0;padding:0}.message.has-audio .audio-bar{width:100%}.message.outgoing.has-audio .audio-bar{background:var(--color-primary);color:#fff;border-radius:22px 22px 6px}.message.incoming.has-audio .audio-bar{background:var(--color-background-message);color:var(--color-text-dark);box-shadow:var(--shadow-soft);border-radius:22px 22px 22px 6px}body.theme-dark .message.incoming.has-audio .audio-bar{color:var(--color-text-dark);background:#ffffff14}.message.incoming.has-audio .audio-wave-bar{background:#0003}.message.incoming.has-audio .audio-wave-bar.played{background:var(--color-primary)}body.theme-dark .message.incoming.has-audio .audio-wave-bar{background:#ffffff40}body.theme-dark .message.incoming.has-audio .audio-wave-bar.played{background:#fff}.message.sending{opacity:.8}.message.sending .audio-meta-bar{align-items:center;gap:4px;display:flex}.sending-spinner{border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:1s linear infinite spin}.audio-download-overlay{border-radius:inherit;z-index:10;color:#fff;background:#0006;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;font-size:12px;font-weight:500;display:flex;position:absolute;top:0;left:0}.audio-download-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.message.selected{background-color:var(--color-background-selected);z-index:1000}.message-content{font-family:var(--font-family-main);color:var(--color-text-dark);word-break:break-word;white-space:pre-wrap;flex-grow:1;min-height:0;font-size:18px;font-weight:450;line-height:24px;display:block}.message.outgoing .message-content,.message.outgoing .message-timestamp,.message.outgoing .message-link-url{color:#fff}.message-content p{margin:0;padding:0}.message-code-wrapper{background:#282c34;border:1px solid #00000059;border-radius:8px;margin-top:8px;font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow:hidden}.message.outgoing .message-code-wrapper{border-color:#ffffff2e}.message-code-header{color:#fff;background:#323642;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.code-language{opacity:.8;text-transform:lowercase}.code-copy-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-size:11px;line-height:1;display:inline-flex}.code-copy-btn svg{width:14px;height:14px}.code-copy-btn:hover{background:#ffffff1f}.code-copy-btn.copied{background:#38a169e6}.message-code-content{background:0 0;margin:0;padding:10px 12px;font-size:13px;line-height:1.4;overflow-x:auto}.message-code-content code{font-family:inherit;background:0 0!important}.message-link-wrapper{z-index:1;background:#fff;border-radius:0 0 12px 12px;flex:auto;justify-content:center;align-self:stretch;align-items:flex-start;width:calc(100% + 32px);min-height:0;margin:8px -16px -8px;padding:0;display:flex;position:relative}.message-link-container{background:0 0;border-radius:12px;flex-direction:column;flex-shrink:0;width:100%;max-width:400px;margin:12px auto;display:flex;overflow:hidden}.message-link-preview{background:var(--color-background-2);width:100%;height:200px;overflow:hidden}.message-link-preview img{object-fit:cover;width:100%;height:100%}.message-link-info{flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px;display:flex}.message-link-title{font-family:var(--font-family-main);color:var(--color-text-dark);text-align:left;align-self:flex-start;font-size:14px;font-weight:600;line-height:1.2}.message-link-url{font-family:var(--font-family-main);color:var(--color-primary);word-break:break-all;text-align:left;align-self:flex-start;font-size:13px;font-weight:400;line-height:1.3;text-decoration:none}.message-link-url:hover{text-decoration:underline}.message-content.emoji-only{font-size:73px;line-height:97px}.message-meta{flex-shrink:0;justify-content:flex-end;align-self:flex-end;align-items:center;gap:4px;margin-top:4px;display:flex}.message-timestamp{font-family:var(--font-family-main);color:var(--color-text-inactive);flex-shrink:0;font-size:11px;font-weight:450;line-height:1}.message.outgoing .message-timestamp{color:#ffffffd1}.message-ticks{flex-shrink:0;align-items:center;width:16px;height:16px;display:flex}.message-ticks img{object-fit:contain;width:100%;height:100%}.message-image-container{z-index:1;background:#fff;border-radius:0 0 12px 12px;flex:auto;justify-content:center;align-self:stretch;align-items:flex-start;width:calc(100% + 32px);min-height:0;margin:8px -16px -8px;padding:0;display:flex;position:relative}.message-image{border-radius:10px;width:100%;max-width:400px;margin:0;display:block}.message-video-container{z-index:1;background:#fff;border-radius:0 0 12px 12px;flex:auto;justify-content:center;align-self:stretch;align-items:flex-start;width:calc(100% + 32px);min-height:0;margin:8px -16px -8px;padding:0;display:flex;position:relative}.message-video{border-radius:10px;width:100%;max-width:400px;margin:0;display:block}.loading-spinner,.error-message{text-align:center;color:var(--color-text-inactive);background:#ffffff80;border-radius:20px;width:fit-content;margin:0 auto;padding:40px;font-size:16px}@media (width<=900px){.app{flex-direction:column}.sidebar{display:none}.chat-list{z-index:200;width:100%;max-width:100%;height:100dvh;min-height:100dvh;margin:0;padding:8px;transition:transform .3s;display:flex;position:fixed;top:0;left:0;transform:translate(0)}.chat-list.view-hidden{transform:translate(-100%)}.chat-window,.chat-empty{border-radius:0;width:100%;height:100dvh;min-height:100dvh;margin:0;display:none;position:absolute;top:0;left:0}.chat-header{border-radius:0;height:auto;min-height:60px;padding:12px}.chat-header-left{flex:1;gap:12px;min-width:0}.chat-header .avatar-container{flex-shrink:0;width:40px;height:40px}.chat-info-header h2{font-size:18px;line-height:20px}.chat-status-header{font-size:12px;line-height:14px}.chat-menu-container{flex-shrink:0;gap:20px}.chat-header-btn{width:32px;min-width:32px;height:32px}.chat-header-btn.back-btn{width:24px;min-width:24px;height:24px}.chat-input-container{border-radius:0;padding:8px 12px}.chat-input-form{gap:8px;padding:8px 12px}.input-icon-btn{flex-shrink:0;width:36px;min-width:36px;height:36px}.chat-input-field{padding:8px 12px;font-size:16px}.send-button{width:36px;min-width:36px;height:36px}.attachment-menu{width:200px;padding:6px 12px;bottom:80px;right:12px}.attachment-menu-item{gap:8px;padding:10px 8px}.attachment-menu-item span{font-size:14px}.attachment-menu-item img{width:20px;height:20px}.chat-empty{border-radius:0;padding:20px 16px}.chat-empty__title{font-size:48px;line-height:52px}.chat-empty__button{height:56px;padding:14px 0}.chat-empty__button span{font-size:20px}.search-form{height:44px;padding:12px 14px}.search-input{font-size:16px}.search-submit-btn,.search-clear-btn{width:24px;height:24px}.emoji-picker{border-radius:20px 20px 0 0;width:100%;max-height:300px;bottom:70px;left:0;right:0}.emoji-categories{gap:8px;padding:8px 12px}.emoji-category-btn{width:36px;height:36px;font-size:20px}.emoji-container{gap:6px;max-height:220px;padding:8px 12px}.emoji-btn{width:40px;height:40px;font-size:24px}.reply-preview{margin-bottom:8px;padding:8px 12px}.reply-preview-content{padding:8px 12px}.reply-preview-info{font-size:13px}.voice-recording-overlay{padding:20px}.voice-recording-content{gap:16px}.voice-timer{font-size:18px}.voice-waveform{width:100%;max-width:300px}.chat-window.view-active,.chat-empty.view-active{display:flex}}@media (width<=768px){.messages-area,.chat-messages{padding:16px 20px}.chat-input-container{padding:10px 16px}.chat-input-form{padding:8px 10px}.chat-empty__title{font-size:36px;line-height:42px}.chat-empty__button span{font-size:18px}.settings-container{width:100%;height:auto;padding:16px}.settings-title{height:auto;font-size:36px;line-height:44px}.settings-list{height:auto;max-height:calc(100vh - 120px)}.contacts-content-wrapper{width:100%;padding:16px}.contacts-main-title{font-size:36px;line-height:44px}.contacts-header-section{padding:16px}.contacts-list-wrapper{padding:0 16px}.contacts-side-panel{display:none}.contacts-header-actions{gap:12px}.contacts-add-btn{padding:8px 12px;font-size:14px}.contacts-add-btn span{display:none}.contacts-empty{padding:40px 20px}.groups-content-wrapper{width:100%;padding:16px}.groups-main-title{font-size:36px;line-height:44px}.loading-spinner,.error-message,.profile-participants-empty,.profile-participants-error,.group-settings-loading{padding:20px 16px}.profile-container,.profile-header-section,.profile-actions-section,.profile-media-section{padding:16px}}@media (width<=480px){.messages-area,.chat-messages{padding:12px 16px}.chat-input-container{padding:8px 12px}.chat-input-form{gap:6px;padding:6px 8px}.chat-empty__title{font-size:32px;line-height:38px}.chat-empty__button{height:52px;padding:12px 0}.chat-empty__button span{font-size:16px}.settings-container{padding:12px}.settings-title{font-size:32px;line-height:40px}.contacts-content-wrapper{padding:12px}.contacts-main-title{font-size:32px;line-height:40px}.contacts-header-section{padding:12px}.contacts-list-wrapper{padding:0 12px}.contacts-add-btn{min-width:44px;min-height:44px;padding:8px}.contacts-empty{padding:30px 16px;font-size:14px}.contact-card{padding:12px}.contact-avatar{width:50px;height:50px}.groups-content-wrapper{padding:12px}.groups-main-title{font-size:32px;line-height:40px}.loading-spinner,.error-message,.profile-participants-empty,.profile-participants-error,.group-settings-loading{padding:16px 12px}.profile-container,.profile-header-section,.profile-actions-section,.profile-media-section{padding:12px}.chat-list,.chat-window,.chat-empty,.settings-section,.contacts-section,.groups-section{max-width:100vw;overflow-x:hidden}}.chat-window{background-image:url(/images/chat-wallpaper.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;background-color:var(--color-background-app);backface-visibility:hidden;min-width:0;height:100%;box-shadow:0 0 0 1px var(--color-background-app);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden;transform:translateZ(0);border:none!important}body.theme-dark .chat-window{background-color:#0c0e14;background-image:url(/images/dark_teme.jfif?v=2);box-shadow:0 0 0 1px #0c0e14}.chat-messages,.chat-input-container{background-color:#0000!important;border-top:none!important}body.theme-dark .chat-input-form{background:var(--glass-bg)!important}.attachment-menu{isolation:isolate;z-index:20;box-sizing:border-box;background:#f8f8f8;border-radius:20px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;width:240px;padding:8px 16px;display:flex;position:absolute;bottom:90px;right:16px;box-shadow:0 6px 27.2px #00000012}body.theme-dark .attachment-menu{background:#18181cf2;border:1px solid #ffffff14;box-shadow:0 10px 32px #00000073}.attachment-menu-item{box-sizing:border-box;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px;transition:background-color .2s;display:flex}.attachment-menu-item:hover{background:#efeff1}body.theme-dark .attachment-menu-item:hover{background:#ffffff0f}.attachment-menu-item span{text-align:left;letter-spacing:-.03em;color:#02060f;flex-grow:1;font-family:Suisse Intl,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:20px}body.theme-dark .attachment-menu-item span{color:#ffffffeb}.attachment-menu-item img{flex-shrink:0;width:24px;height:24px}body.theme-dark .attachment-menu-item img{filter:brightness(0)invert()}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.media-preview-modal{-webkit-backdrop-filter:blur(20px);z-index:10000;background:#0a0c12a6;justify-content:center;align-items:center;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalFadeIn;display:flex;position:fixed;inset:0}.media-preview-card{box-sizing:border-box;background:#ffffffd9;border:1px solid #fff6;border-radius:28px;flex-direction:column;gap:16px;width:auto;max-width:min(92vw,1200px);height:auto;max-height:min(90vh,900px);padding:20px;animation:.4s cubic-bezier(.16,1,.3,1) forwards modalScaleIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px -10px #00000040,inset 0 0 0 1px #fff3}.media-preview-header{z-index:2;justify-content:space-between;align-items:center;gap:16px;display:flex}.media-preview-title{font-family:var(--font-family-main);color:#1a1a1a;text-overflow:ellipsis;white-space:nowrap;opacity:.9;font-size:16px;font-weight:600;overflow:hidden}.media-preview-close{color:#1a1a1a;cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.media-preview-close:hover{background:#0000001a;transform:scale(1.1)rotate(90deg)}.media-preview-close:active{transform:scale(.95)rotate(90deg)}.media-preview-image{object-fit:contain;border-radius:16px;width:auto;max-width:100%;height:auto;max-height:min(75vh,750px);margin:0 auto;display:block;box-shadow:0 4px 20px #00000014}.media-preview-video{background:#000;border-radius:16px;width:auto;max-width:100%;height:auto;max-height:min(75vh,750px);margin:0 auto;display:block;box-shadow:0 4px 20px #00000014}body.theme-dark .media-preview-modal{background:#000c}body.theme-dark .media-preview-card{background:#1c1c20d9;border:1px solid #ffffff14;box-shadow:0 30px 80px -10px #000000b3,inset 0 0 0 1px #ffffff0d}body.theme-dark .media-preview-title{color:#fffffff2}body.theme-dark .media-preview-close{color:#ffffffe6;background:#ffffff1a}body.theme-dark .media-preview-close:hover{color:#fff;background:#fff3}.context-menu-overlay{-webkit-backdrop-filter:blur(25.5px);backdrop-filter:blur(25.5px);z-index:999;background:#b9b9b9a3;border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0}.custom-context-menu{isolation:isolate;z-index:1000;box-sizing:border-box;background:#f8f8f8;border:1px solid #fffc;border-radius:20px;flex-direction:column;gap:8px;width:270px;padding:8px 0;display:flex;position:absolute;overflow:hidden;box-shadow:0 6px 27.2px #00000012}.custom-context-menu ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.context-menu-item{padding:0 8px}.context-menu-item button{box-sizing:border-box;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 16px;transition:background-color .2s;display:flex}.context-menu-item:hover button{background:#efeff1}.context-menu-item span{color:#02060f;font-family:Suisse Intl,Inter,sans-serif;font-size:16px;font-style:normal;font-weight:450;line-height:24px}.context-menu-item .context-menu-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;justify-content:center;align-items:center;display:flex}#icon-reply{background-image:url(/images/icons/reply.svg);width:20px;height:16px}#icon-copy{background-image:url(/images/icons/copy.svg);width:24px;height:24px}#icon-edit{background-image:url(/images/icons/edit.svg);width:18px;height:18px}#icon-pin{background-image:url(/images/icons/pin.svg);width:14px;height:19px}#icon-forward{background-image:url(/images/icons/forward.svg);width:24px;height:24px}#icon-delete{background-image:url(/images/icons/delete.svg);width:18px;height:20px}#icon-select{background-image:url(/images/icons/select.svg);width:20px;height:20px}.context-menu-item.delete button span{color:#e46261}.context-menu-divider{display:none}.chat-list-time{font-family:var(--font-family-main);color:#737373;font-size:10px;font-weight:450;line-height:10px}.chat-info-header .chat-status-header.typing-status{color:var(--color-primary);font-weight:500}.delete-confirm-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;z-index:1100;background:0 0;border-radius:20px;position:absolute;inset:0}.delete-confirm-modal{box-sizing:border-box;pointer-events:auto;background:#f8f8f8;border:1px solid #fffc;border-radius:20px;flex-direction:column;gap:0;width:270px;padding:8px 0;display:flex;position:absolute;box-shadow:0 6px 27.2px #00000012}.delete-confirm-option{cursor:pointer;box-sizing:border-box;pointer-events:auto;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin:0 8px;padding:8px 16px;display:flex}.delete-confirm-option:hover{background:#efeff1}.delete-confirm-text{color:#e46261;pointer-events:none;font-family:Suisse Intl,Inter,sans-serif;font-size:16px;font-weight:450;line-height:24px}.delete-confirm-icon{pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.delete-confirm-icon img,.delete-confirm-icon svg{object-fit:contain;width:100%;height:100%}.delete-confirm-icon svg{display:block}.delete-confirm-divider{background:#346afe1c;width:calc(100% - 16px);height:.5px;margin:0 8px}.delete-confirm-option.disabled{opacity:.5;cursor:default}.emoji-picker{background:var(--color-background-1);z-index:100;border:1px solid var(--color-divider);border-radius:20px;flex-direction:column;width:350px;height:300px;display:flex;position:absolute;bottom:80px;left:16px;overflow:hidden;box-shadow:0 6px 27.2px #00000026}.emoji-categories{border-bottom:1px solid var(--color-divider);background:var(--color-background-2);gap:8px;padding:12px;display:flex}.emoji-category-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:background-color .2s;display:flex}.emoji-category-btn:hover{background:var(--color-background-hover)}.emoji-category-btn.active{background:var(--color-primary)}.emoji-container{flex:1;grid-template-columns:repeat(6,1fr);gap:8px;padding:12px;display:grid;overflow-y:auto}.emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:flex}.emoji-btn:hover{background:var(--color-background-hover);transform:scale(1.1)}.chat-input-field:not(:placeholder-shown)~#attachmentIcon,#emojiPicker:not(.hidden)~#attachmentIcon,.chat-input-field:not(:placeholder-shown)~#micIcon,#emojiPicker:not(.hidden)~#micIcon{display:none}.chat-input-field:not(:placeholder-shown)~#sendButton,#emojiPicker:not(.hidden)~#sendButton{display:flex!important}.settings-section{box-sizing:border-box;flex-direction:row;flex-grow:1;gap:10px;height:100vh;margin-left:0;padding:8px 17px 8px 15px;display:flex}.settings-container{box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:5px;width:800px;height:100vh;padding:0;display:flex}.settings-title{font-family:var(--font-family-main);color:var(--color-text-dark);box-sizing:border-box;width:100%;height:69px;margin:0;padding:0;font-size:48px;font-weight:600;line-height:1.25em}.settings-list{background:var(--color-background-2);box-sizing:border-box;border-radius:20px;flex-direction:column;gap:1px;width:100%;height:985px;padding:4px;display:flex;overflow-y:auto}.settings-list::-webkit-scrollbar{width:4px}.settings-list::-webkit-scrollbar-thumb{background-color:var(--color-text-inactive);border-radius:2px}.settings-list::-webkit-scrollbar-track{background-color:#0000}.settings-item{background:0 0;flex-direction:column;gap:1px;width:100%;display:flex}.settings-item-highlighted{background:#e5e5e5}.settings-item-content{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 16px;display:flex}.settings-item-left{flex-direction:row;flex-grow:1;align-items:center;gap:10px;display:flex}.settings-item-icon{flex-shrink:0}.settings-avatar{object-fit:cover;border-radius:50%;width:76px;height:76px}.settings-item-text{box-sizing:border-box;flex-direction:column;width:460px;display:flex}.settings-item-title{font-family:var(--font-family-main);color:var(--color-text-dark);width:100%;font-size:20px;font-weight:600;line-height:1.2em}.settings-item-subtitle{font-family:var(--font-family-main);color:var(--color-text-inactive);box-sizing:border-box;width:100%;height:39px;font-size:16px;font-weight:450;line-height:1.125em}.settings-item-arrow{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.settings-item-arrow img{object-fit:contain;filter:brightness(0)invert();width:100%;height:100%}.settings-item-divider{background:var(--color-divider);width:100%;height:1px}.settings-item-last .settings-item-divider{display:none}.settings-info{background:var(--color-background-2);box-sizing:border-box;border-radius:30px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:30px;width:950px;height:100vh;padding:83px 278px;display:flex}.settings-info-content{flex-direction:column;align-items:center;gap:26px;width:537px;display:flex}.settings-info-content.profile-mode{align-items:stretch;gap:16px;width:100%;height:100%}.settings-info-illustration{flex-shrink:0;width:309px;height:325.75px}.settings-info-illustration img{object-fit:contain;width:100%;height:100%}.settings-info-text{font-family:var(--font-family-main);letter-spacing:-.03em;text-align:center;color:var(--color-primary);width:100%;font-size:44px;font-weight:450;line-height:1.09091em}.chat-list.hidden,.settings-section.hidden,.chat-empty.hidden,.chat-window.hidden,.app.contacts-open .chat-window,.app.contacts-open .chat-empty,.app.contacts-open .chat-list{display:none!important}.reply-preview{background-color:var(--color-background-2);border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);padding:8px 12px}.reply-preview-content{justify-content:space-between;align-items:center;gap:12px;display:flex}.reply-preview-info{color:var(--color-text-dark);flex:1;font-size:13px;line-height:1.4}.reply-preview-info strong{color:var(--color-primary);font-weight:600}.reply-preview-close{color:var(--color-text-inactive);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;transition:background-color .2s;display:flex}.reply-preview-close:hover{background-color:var(--color-background-hover);color:var(--color-text-dark)}.chat-list.hidden,.settings-section.hidden,.chat-empty.hidden,.chat-window.hidden{display:none!important}.chat-item.hidden{display:none}.hidden{display:none!important}.profile-section{box-sizing:border-box;flex-direction:column;flex-shrink:0;width:627px;height:100vh;padding:8px 17px 8px 0;transition:transform .3s,opacity .3s;display:flex}.profile-section.hidden{display:none}.profile-container{background:var(--color-background-2);border-radius:20px;flex-direction:column;flex-shrink:0;width:100%;height:100%;display:flex;overflow:hidden}.profile-frame{box-sizing:border-box;flex-direction:column;gap:25px;width:100%;height:100%;padding:0 20px 4px;display:flex;overflow:hidden}.profile-frame::-webkit-scrollbar{width:6px}.profile-frame::-webkit-scrollbar-thumb{background-color:#757575;border-radius:3px}.profile-frame::-webkit-scrollbar-track{background-color:#0000}.profile-header-section{flex-direction:column;align-self:stretch;align-items:stretch;gap:0;display:flex;position:relative}.profile-edit-section{background:#fff;border-radius:18px;flex-direction:column;gap:12px;margin-top:16px;padding:16px 18px 14px;display:flex;box-shadow:0 10px 30px #0000000a}.profile-edit-section.hidden{display:none}.profile-edit-title{font-family:var(--font-family-main);color:var(--color-text-dark);margin:0 0 6px;font-size:18px;font-weight:600}.profile-edit-form{flex-direction:column;gap:10px;display:flex}.profile-edit-row{grid-template-columns:160px 1fr;align-items:flex-start;gap:16px;display:grid}.profile-edit-avatar{flex-direction:column;gap:8px;display:flex}.profile-edit-avatar-btn{width:100%;color:var(--color-primary);font-family:var(--font-family-main);cursor:pointer;background:#346afe0f;border:1px dashed #346afe80;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:500;transition:background-color .15s,border-color .15s,transform 80ms}.profile-edit-avatar-btn:hover{border-color:var(--color-primary);background:#346afe1f}.profile-edit-avatar-btn:active{transform:translateY(1px)}.profile-edit-fields{grid-template-columns:1fr 1fr;gap:10px 14px;display:grid}.profile-edit-label{font-family:var(--font-family-main);color:var(--color-text-inactive);flex-direction:column;gap:4px;font-size:12px;display:flex}.profile-edit-label--full{margin-top:4px}.profile-edit-label-hint{color:var(--color-text-inactive);opacity:.85;margin-top:-2px;font-size:11px}.profile-edit-input,.profile-edit-textarea{width:100%;font-family:var(--font-family-main);color:var(--color-text-dark);box-sizing:border-box;background:#f8f8fa;border:1px solid #0000000f;border-radius:12px;outline:none;padding:8px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s,background-color .15s}.profile-edit-input::placeholder,.profile-edit-textarea::placeholder{color:var(--color-text-inactive)}.profile-edit-input:focus,.profile-edit-textarea:focus{background:#fff;border-color:#346afebf;box-shadow:0 0 0 1px #346afe4d}.profile-edit-input--readonly{color:var(--color-text-inactive);cursor:default;background:#f1f2f6}.profile-edit-textarea{resize:vertical;min-height:72px;max-height:160px}.profile-edit-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.profile-edit-status{font-family:var(--font-family-main);color:var(--color-text-inactive);font-size:12px}.profile-edit-status--success{color:#1a9340}.profile-edit-status--error{color:#d7263d}.profile-edit-save-btn{background:var(--color-primary);color:#fff;font-family:var(--font-family-main);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:140px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .15s,box-shadow .15s,transform 80ms,opacity .1s;display:inline-flex}.profile-edit-save-btn:hover{background:#274fcc;box-shadow:0 10px 20px #346afe4d}.profile-edit-save-btn:active{transform:translateY(1px);box-shadow:0 4px 10px #346afe59}.profile-edit-save-btn[disabled]{opacity:.6;cursor:default;box-shadow:none}.profile-header-background{background:var(--color-background-2);border-radius:20px 20px 0 0;flex-shrink:0;width:calc(100% + 40px);height:320px;margin-left:-20px;margin-right:-20px;position:relative;overflow:hidden}.profile-header-background img{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}.profile-back-btn{cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:19px;left:10px}.profile-back-btn img{filter:brightness(0)invert();width:100%;height:100%}.profile-header-info{background:var(--color-background-2);flex-direction:column;align-items:flex-start;gap:0;width:100%;padding:20px 0 0;display:flex}.profile-name{font-family:var(--font-family-main);color:var(--color-text-dark);text-align:left;margin:0 0 5px;font-size:32px;font-weight:700;line-height:1.1em}.profile-username{font-family:var(--font-family-main);color:var(--color-primary);text-align:left;margin:0 0 4px;font-size:18px;font-weight:500;line-height:1.2}.profile-username.hidden{display:none}.profile-email{font-family:var(--font-family-main);color:var(--color-text-inactive);text-align:left;margin:0 0 5px;font-size:20px;font-weight:450;line-height:1.08333em}.profile-quote{font-family:var(--font-family-main);color:var(--color-text-inactive);text-align:left;width:100%;margin:0;font-size:20px;font-weight:450;line-height:1.08333em}.profile-actions-section{flex-direction:row;justify-content:stretch;align-self:stretch;align-items:stretch;gap:5px;display:flex}.profile-action-button{cursor:pointer;background:#346afe1c;border:none;border-radius:16px;flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:14px 0;transition:background-color .2s;display:flex}.profile-action-button:hover{background:#346afe26}.profile-action-button img{object-fit:contain;width:24px;height:24px}.profile-action-button span{font-family:var(--font-family-main);color:#9eb6f6;text-align:center;font-size:8px;font-weight:400;line-height:1.5em}.profile-menu-btn{background:#e5e5e6;border-radius:16px;flex-direction:row;justify-content:center;align-items:center;gap:8px;min-height:63px;padding:16px 0;display:flex}.profile-menu-btn img{width:19.2px;height:4.8px}.profile-participants-tab.hidden{display:none}.profile-content-area.profile-participants-list{flex-direction:column;gap:8px;padding:0;display:flex}.profile-participant-item{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px;transition:background-color .2s;display:flex}.profile-participant-item:hover{background-color:var(--color-background-hover)}.profile-participant-item img{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.profile-participant-info{flex:1;min-width:0}.profile-participant-name{color:var(--color-text-dark);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:15px;font-weight:600;overflow:hidden}.profile-participant-role{color:var(--color-text-inactive);font-size:13px}.profile-participants-empty,.profile-participants-error{text-align:center;color:var(--color-text-inactive);padding:40px 20px;font-size:14px}.profile-media-section{flex-direction:column;flex:1;align-self:stretch;gap:15px;min-height:0;display:flex}.profile-media-tabs{flex-direction:row;justify-content:space-between;align-self:stretch;align-items:center;gap:20px;display:flex}.profile-media-tab{font-family:var(--font-family-main);color:#d8d8db;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:24px;font-weight:450;line-height:1.08333em;transition:color .2s}.profile-media-tab.active,.profile-media-tab:hover{color:var(--color-text-dark)}.profile-content-area{flex:1;align-self:stretch;min-height:0;display:flex;overflow-y:auto}.profile-content-area::-webkit-scrollbar{width:6px}.profile-content-area::-webkit-scrollbar-thumb{background-color:#757575;border-radius:3px}.profile-content-area::-webkit-scrollbar-track{background-color:#0000}.profile-content-area.profile-media-grid{flex-flow:wrap;align-content:flex-start;gap:10px;display:flex}.profile-media-item{cursor:pointer;background:#f5f5f5;border-radius:16px;width:calc(50% - 5px);height:150px;transition:transform .2s;position:relative;overflow:hidden}.profile-media-item:hover{transform:scale(1.02)}.profile-media-item img{object-fit:cover;width:100%;height:100%}.profile-media-video-icon{color:#fff;pointer-events:none;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-content-area.profile-links-list{flex-direction:column;gap:5px;display:flex}.profile-links-date-header{font-family:var(--font-family-main);color:var(--color-text-dark);margin-top:15px;margin-bottom:5px;font-size:18px;font-weight:450;line-height:1.11111em}.profile-links-date-header:first-child{margin-top:0}.profile-link-item{cursor:pointer;background:#e3e3e5;border:none;border-radius:16px;flex-direction:row;align-self:stretch;gap:8px;padding:10px;transition:background-color .2s;display:flex;position:relative}.profile-link-item:hover{background:#346afe1c}.profile-link-item:hover .profile-link-url,.profile-link-item:hover .profile-link-title{color:#346afe}.profile-link-preview{background:#f5f5f5;border-radius:10px;flex-shrink:0;width:73px;height:62px;overflow:hidden}.profile-link-preview img{object-fit:cover;width:100%;height:100%}.profile-link-info{flex-direction:column;flex:1;justify-content:space-between;gap:3px;min-width:0;display:flex}.profile-link-title{font-family:var(--font-family-main);color:var(--color-text-dark);white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:14px;font-weight:450;line-height:1.14286em;overflow:hidden}.profile-link-url{font-family:var(--font-family-main);color:#b6b7ba;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:400;line-height:1.14286em;overflow:hidden}.profile-content-area.profile-files-list{flex-direction:column;gap:5px;display:flex}.profile-files-date-header{font-family:var(--font-family-main);color:var(--color-text-dark);margin-top:15px;margin-bottom:5px;font-size:18px;font-weight:450;line-height:1.11111em}.profile-files-date-header:first-child{margin-top:0}.profile-file-item{cursor:pointer;background:#e3e3e5;border:none;border-radius:16px;flex-direction:row;align-self:stretch;gap:8px;padding:10px;transition:background-color .2s;display:flex;position:relative}.profile-file-item:hover{background:#346afe1c}.profile-file-item:hover .profile-file-size,.profile-file-item:hover .profile-file-name{color:#346afe}.profile-file-icon{background:#f5f5f5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:73px;height:62px;font-size:24px;display:flex}.profile-file-info{flex-direction:column;flex:1;justify-content:space-between;gap:3px;min-width:0;display:flex}.profile-file-name{font-family:var(--font-family-main);color:var(--color-text-dark);white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:14px;font-weight:450;line-height:1.14286em;overflow:hidden}.profile-file-size{font-family:var(--font-family-main);color:#b6b7ba;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:400;line-height:1.14286em;overflow:hidden}.profile-voice-list{flex-direction:column;align-self:stretch;gap:0;display:flex}.profile-voice-date-group{flex-direction:column;align-self:stretch;gap:0;margin:0 0 10px;display:flex}.profile-voice-date-header{font:inherit;color:inherit;margin:0 0 6px}.profile-voice-item{cursor:default;box-sizing:border-box;background:#e3e3e5;border:none;border-radius:16px;flex-direction:row;align-items:center;gap:8px;width:100%;padding:10px;transition:background-color .2s;display:flex;position:relative}.profile-voice-item.playing{background:#dae0f2}.profile-voice-play-circle{cursor:pointer;background:#346afe;border:none;border-radius:36.5px;flex-shrink:0;justify-content:center;align-items:center;width:63px;height:63px;padding:0;display:flex;position:relative}.profile-voice-play-icon,.profile-voice-pause-icon{object-fit:contain;filter:brightness(0)invert();stroke-width:2.5px;width:17.5px;height:22.5px;position:absolute}.profile-voice-pause-icon{display:none}.profile-voice-content{flex-direction:column;flex:1;justify-content:space-between;gap:3px;min-width:0;height:63px;display:flex}.profile-voice-title{color:#02060f;white-space:nowrap;text-overflow:ellipsis;font-family:Suisse Intl,sans-serif;font-size:18px;font-weight:450;line-height:1.11111em;overflow:hidden}.profile-voice-time-waveform{flex-direction:column;align-self:stretch;gap:0;width:100%;display:flex}.profile-voice-time{color:#b6b7ba;white-space:nowrap;width:100%;margin-bottom:0;font-family:Suisse Intl,sans-serif;font-size:14px;font-weight:400;line-height:1.14286em}.profile-voice-waveform-container{flex-direction:row;justify-content:space-between;align-self:stretch;align-items:flex-end;gap:5px;width:100%;height:26px;margin-top:0;display:flex}.profile-voice-waveform{flex-direction:row;flex:1;justify-content:space-between;align-items:flex-end;gap:5px;width:100%;height:26px;display:flex}.profile-voice-wave-bar{background:#d1d1d3;border-radius:2.5px;flex-shrink:0;width:5px;height:5px;transition:background .15s,height .15s}.profile-voice-item.playing .profile-voice-wave-bar.played{animation:.8s ease-in-out infinite wavePulse;animation-delay:calc(var(--bar-index,0) * 50ms);background:#346afe}@keyframes wavePulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(.95)}}.profile-voice-progress-bar{z-index:1;pointer-events:none;background:#346afe1a;border-radius:16px;width:0%;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}@media (width<=1400px){.profile-section{width:100%;max-width:500px}.profile-container{height:auto;min-height:100vh}.profile-frame{height:auto;min-height:100%}.profile-media-item{aspect-ratio:285/182;width:calc(50% - 5px);height:auto}}@media (width<=900px){.profile-section{z-index:1000;background:#00000080;width:100%;max-width:100%;height:100vh;padding:0;position:fixed;top:0;right:0}.profile-container{border-radius:0;width:100%;max-width:100%;height:100vh;margin:0}.profile-frame{padding:0 16px 4px}.profile-header-background{width:100%}}.contacts-section{background:var(--color-background-app);flex-direction:row;flex-grow:1;height:100vh;margin-left:0;display:flex;overflow:visible}.contacts-section.hidden{display:none!important}body.theme-dark .contacts-main-title,body.theme-dark .contacts-side-text{color:var(--color-text-dark)}body.theme-dark .contacts-illustration svg *{stroke:var(--color-text-dark)}.contacts-header-section{background:var(--color-background-1);margin-bottom:5px;padding:0}.contacts-add-btn{background:var(--gradient-primary-solid);color:#fff;border-radius:var(--radius-pill);font-family:var(--font-family-main);cursor:pointer;box-shadow:var(--glow-primary);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:600;line-height:1.125em;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex}.contacts-add-btn svg{flex-shrink:0;width:24px;height:24px}.contacts-list-main{background:var(--color-background-2);border-radius:20px;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.contact-card{cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:10px;padding:10px 16px;transition:background-color .15s;display:flex;position:relative}.contact-card:after{content:"";background:var(--color-divider);height:1px;position:absolute;bottom:0;left:0;right:0}.contact-card:last-child:after{display:none}.contact-card:hover{background-color:var(--color-background-hover)}body.theme-dark .contacts-invite-link-btn{background:var(--color-primary);color:var(--color-text-active)}.contact-meta{color:var(--color-text-inactive);flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.contact-meta span{white-space:nowrap}.contact-missing{color:#ff6b6b;font-size:13px}.contacts-side-panel{background:var(--color-background-1);flex:1;justify-content:center;align-items:center;min-width:500px;padding:40px;display:flex;position:relative;overflow:hidden}.contacts-side-panel:before{content:"";background:radial-gradient(circle, var(--color-primary) 0%, transparent 70%);opacity:.03;pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute;top:-150px;right:-150px}.contacts-illustration-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);z-index:2;border:1px solid #ffffff0d;border-radius:32px;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:600px;padding:40px;display:flex;position:relative;box-shadow:0 20px 60px #00000008}.contacts-illustration{justify-content:center;align-items:center;width:100%;max-width:320px;height:auto;margin-bottom:10px;display:flex}.contacts-illustration svg{filter:drop-shadow(0 10px 20px #0000000d);width:100%;height:auto}.contacts-side-content{text-align:center;flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.contacts-side-text{letter-spacing:-.01em;color:var(--color-text-dark);max-width:480px;margin:0;font-family:Suisse Intl,sans-serif;font-size:20px;font-weight:500;line-height:1.5}.contacts-side-text span{color:var(--color-primary);font-weight:700}.contacts-invite-link-btn{background:var(--gradient-primary-solid);color:#fff;letter-spacing:-.01em;cursor:pointer;width:100%;max-width:360px;box-shadow:var(--glow-primary);white-space:nowrap;text-overflow:ellipsis;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:18px 32px;font-family:Suisse Intl,sans-serif;font-size:18px;font-weight:600;line-height:1.2;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.contacts-invite-link-btn:hover{box-shadow:var(--glow-primary-strong);opacity:.95;transform:translateY(-2px)}.contacts-invite-link-btn:active{transform:translateY(0)}.contacts-invite-link-btn.copied{background:#10b981;box-shadow:0 8px 20px #10b9814d}body.theme-dark .contact-card:hover{background-color:var(--color-background-hover)}@media (width<=1200px){.contacts-section{padding:20px}.contacts-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (width<=900px){.contacts-topbar{align-items:flex-start}.contacts-topbar__actions{justify-content:space-between;width:100%}.contacts-search{flex:1}}.contacts-main-wrapper{background:var(--color-background-app);width:100%;height:100vh;display:flex;overflow:hidden}.contacts-navbar{background:var(--color-background-2);flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:129px;height:100vh;padding:38px 40px;display:flex}.contacts-nav-menu{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.contacts-nav-top,.contacts-nav-bottom{flex-direction:column;align-items:center;gap:22px;width:100%;display:flex}.contacts-nav-item{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:5px;width:100%;padding:0;display:flex}.contacts-nav-item img{width:44px;height:44px}.contacts-nav-item span{letter-spacing:-.03em;color:var(--color-text-inactive);text-align:center;font-family:Suisse Intl,sans-serif;font-size:14px;font-weight:400;line-height:1.14}.contacts-nav-item.active span{color:var(--color-primary)}.contacts-content-wrapper{background:var(--color-background-1);box-sizing:border-box;flex-direction:column;width:660px;height:100vh;padding:8px 4px;display:flex;overflow:hidden}.contacts-header-section{margin-bottom:5px;padding:0}.contacts-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.contacts-header-actions{align-items:center;gap:16px;display:flex}.contacts-sort-btn{color:#757575;cursor:pointer;background:0 0;border:none;padding:0;font-family:Suisse Intl,sans-serif;font-size:16px;font-weight:450;line-height:1.125em}.contacts-add-btn{background:var(--gradient-primary-solid);color:#fff;border-radius:var(--radius-pill);font-family:var(--font-family-main);cursor:pointer;box-shadow:var(--glow-primary);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:600;line-height:1.125em;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex}.contacts-add-btn:hover{opacity:.95;box-shadow:var(--glow-primary-strong);transform:translateY(-1px)}.contacts-add-btn svg{width:24px;height:24px}.contacts-list-wrapper{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-3xl);box-shadow:var(--shadow-card);flex:1;padding:8px;overflow-y:auto}.contacts-list-main{background:0 0;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.contact-card{background:var(--color-background-2);cursor:pointer;border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:12px 16px;transition:transform .2s,background-color .2s,box-shadow .2s;display:flex;position:relative}.contact-card:after{display:none}.contact-card:hover{background-color:var(--color-background-hover);border-color:#0000000d;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.contact-avatar{background:#0000000a;border-radius:50%;flex-shrink:0;width:63px;height:63px;position:relative;overflow:hidden}.contact-avatar img{object-fit:cover;width:100%;height:100%}.contact-online-dot{background:#37e342;border:2px solid #efeff1;border-radius:50%;width:17px;height:17px;position:absolute;bottom:0;right:0}.contact-info{flex-direction:column;flex:1;gap:0;width:460px;min-width:0;display:flex}.contact-name{color:#02060f;align-items:center;gap:6px;font-family:Suisse Intl,sans-serif;font-size:20px;font-weight:600;line-height:1.2em;display:flex}.contact-name-star{color:inherit;font-size:20px}.contact-status{color:#757575;font-family:Suisse Intl,sans-serif;font-size:16px;font-weight:450;line-height:1.125em}.contact-status.online{color:#346afe}.contacts-empty{color:#757575;text-align:center;padding:60px 32px;font-size:16px;font-weight:450}.contacts-side-panel{background:#fff;flex:1;justify-content:center;align-items:center;min-width:744px;padding:0;display:flex;position:relative}.contacts-illustration-container{flex-direction:column;align-items:center;gap:26px;max-width:744px;padding:0 20px;display:flex}.contacts-illustration{justify-content:center;align-items:center;width:481px;height:458px;display:flex}.contacts-illustration svg{width:100%;height:100%}.contacts-side-content{flex-direction:column;align-items:center;gap:26px;width:100%;display:flex}.contacts-side-text{letter-spacing:-.03em;text-align:center;color:#346afe;max-width:744px;margin:0;font-family:Suisse Intl,sans-serif;font-size:44px;font-weight:400;line-height:1.045em}.contacts-invite-link-btn{color:#fff;letter-spacing:-.03em;cursor:pointer;background:#346afe;border:none;border-radius:16px;width:100%;max-width:744px;padding:16px 0;font-family:Suisse Intl,sans-serif;font-size:24px;font-weight:600;line-height:1.33em;transition:opacity .2s}.contacts-invite-link-btn:hover{opacity:.9}.contacts-window-container{box-sizing:border-box;background:#f5f5f5;width:100%;height:100vh;padding:0;overflow:hidden}.modal-backdrop.hidden{display:none!important}.add-contact-modal{background:var(--color-background-1);border-radius:var(--radius-3xl);width:100%;max-width:420px;box-shadow:var(--shadow-modal);border:1px solid var(--color-divider);padding:24px}.add-contact-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.add-contact-header h3{margin:0;font-size:20px}.add-contact-header p{color:#6a6f78;margin:4px 0 0;font-size:13px}.modal-close-btn{border-radius:var(--radius-pill);cursor:pointer;flex-shrink:0;width:36px;height:36px}.form-label{color:#6a6f78;font-size:13px}.form-input{border:1px solid var(--color-divider);border-radius:var(--radius-2xl);background:var(--color-background-2);color:var(--color-text-dark);outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.form-error{color:#e46261;background:#e462611a;border-radius:10px;padding:8px 10px;font-size:13px}.add-contact-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.primary-btn{color:#fff;font-weight:600;font-family:var(--font-family-main);cursor:pointer;background:#346afe;border:none;border-radius:8px;padding:12px 24px;transition:transform .2s,box-shadow .2s}.primary-btn:hover{box-shadow:var(--glow-primary-strong);transform:translateY(-1px)}.secondary-btn{background:var(--glass-bg);border:1px solid var(--color-divider);color:var(--color-text-dark);border-radius:var(--radius-pill);font-family:var(--font-family-main);cursor:pointer;padding:12px 24px;font-weight:500;transition:background .2s,border-color .2s}.groups-section{background:var(--color-background-app);flex-direction:row;flex-grow:1;height:100vh;margin-left:0;display:flex;overflow:hidden}.groups-section.hidden{display:none!important}.groups-main-wrapper{background:var(--color-background-app);box-sizing:border-box;gap:5px;width:100%;height:100%;padding:8px 0;display:flex}.groups-content-wrapper{box-sizing:border-box;background:0 0;flex-direction:column;gap:5px;width:660px;height:100%;margin-left:0;margin-right:0;padding:8px 0;display:flex}.groups-header-section{background:0 0;margin-bottom:0;padding:0}.groups-header-row{justify-content:space-between;align-items:center;gap:126px;width:100%;display:flex}.groups-create-btn{background:var(--gradient-primary-solid);color:#fff;border-radius:var(--radius-pill);font-family:var(--font-family-main);box-shadow:var(--glow-primary);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:600;line-height:1.125em;transition:opacity .2s;display:flex}.groups-create-btn:hover{opacity:.95;box-shadow:var(--glow-primary-strong);transform:translateY(-1px)}.groups-create-btn svg{flex-shrink:0;width:24px;height:24px}.groups-list-wrapper{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-3xl);box-sizing:border-box;box-shadow:var(--shadow-card);flex:1;min-height:0;padding:8px;overflow-y:auto}.groups-list-main{background:var(--color-background-2);border-radius:20px;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.groups-empty{color:var(--color-text-inactive);text-align:center;padding:60px 32px;font-size:16px;font-weight:450}.groups-list-wrapper::-webkit-scrollbar{width:6px}.groups-list-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-text-inactive);border-radius:3px;min-height:40px}.groups-list-wrapper::-webkit-scrollbar-track{background-color:#0000}#groupsList .chat-list-item-btn.active{background:var(--color-background-selected)}#groupsList .chat-list-item-btn:hover{background-color:var(--color-background-hover)}.chat-list-item-btn{border-radius:20px;transition:all .2s}.chat-list-item-btn:hover{background:var(--color-background-hover);box-shadow:var(--shadow-soft);border-radius:20px}.groups-chat-empty{background:var(--color-background-1);box-sizing:border-box;border-radius:20px;flex-grow:1;justify-content:center;align-items:center;height:100%;margin:0 17px 0 0;padding:20px;display:flex}.groups-chat-empty.hidden{display:none!important}.groups-chat-window{background:var(--color-background-1);border-radius:20px;flex-direction:column;flex-grow:1;height:100%;margin:0 17px 0 0;display:flex;position:relative;overflow:hidden}body.theme-dark .groups-chat-window{background-image:url(/images/dark_teme.jfif?v=2);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-color:#0000!important}.groups-chat-window.hidden{display:none!important}#groupsChatMessages{background-color:var(--color-background-2);border-top:1px solid var(--color-divider);flex-direction:column;flex-grow:1;gap:10px;min-height:0;padding:20px 25px;display:flex;overflow-y:auto}#groupsChat-input-container{background:var(--color-background-2);border-top:1px solid var(--color-divider);border-radius:0 0 18px 18px;flex-shrink:0;padding:10px 16px;position:relative}.create-group-modal{background:#f7f8fb;border-radius:16px;width:500px;max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 16px 60px #0000001f}.create-group-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.create-group-header h3{margin:0;font-size:20px;font-weight:600}.create-group-header p{color:#6a6f78;margin:4px 0 0;font-size:13px}.create-group-form{flex-direction:column;gap:16px;display:flex}.group-avatar-upload{align-items:center;gap:16px;display:flex}.group-avatar-preview{border:2px solid var(--color-divider);border-radius:50%;width:80px;height:80px;position:relative;overflow:hidden}.group-avatar-preview img{object-fit:cover;width:100%;height:100%}.group-avatar-change-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px}.group-participants-section{flex-direction:column;gap:12px;display:flex}.group-participants-search{margin-bottom:8px}.group-participants-list{border:1px solid var(--color-divider);background:#fff;border-radius:10px;max-height:200px;padding:8px;overflow-y:auto}.group-participant-add-email-content{background:#346afe0d;border:2px dashed #346afe4d;border-radius:8px;align-items:center;gap:12px;width:100%;padding:8px;display:flex}.group-participant-add-btn{color:#346afe;cursor:pointer;background:#346afe1c;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;font-size:20px;font-weight:700;transition:background-color .2s;display:flex}.group-participant-add-btn:hover{background:#346afe33}.group-participant-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px;transition:background-color .2s;display:flex}.group-participant-item:hover{background-color:var(--color-background-hover)}.group-participant-checkbox{align-items:center;display:flex}.group-participant-item img{object-fit:cover;border-radius:50%;width:40px;height:40px}.group-participant-info{flex:1}.group-participant-name{color:var(--color-text-dark);font-size:14px;font-weight:600}.group-participant-username{color:var(--color-primary);margin-top:1px;font-size:12px}.group-participant-email{color:var(--color-text-inactive);font-size:12px}.group-selected-participants{border:1px solid var(--color-divider);background:#fff;border-radius:10px;flex-wrap:wrap;gap:8px;min-height:40px;padding:8px;display:flex}.group-selected-chip{background:var(--color-primary);color:#fff;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.group-selected-chip img{object-fit:cover;border-radius:50%;width:20px;height:20px}.group-selected-remove{color:#fff;cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;line-height:1;display:flex}.group-selected-empty{color:var(--color-text-inactive);padding:8px;font-size:13px}.create-group-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.group-settings-modal{background:var(--color-background-1);border-radius:16px;width:700px;max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 16px 60px #0000001f}.group-settings-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.group-settings-header h3{color:var(--color-text-dark);margin:0;font-size:20px;font-weight:600}.group-settings-header p{color:var(--color-text-inactive);margin:4px 0 0;font-size:13px}body.theme-dark .group-settings-modal{box-shadow:0 18px 70px #00000073}body.theme-dark .group-settings-item{background:var(--color-background-2);border:1px solid #ffffff0f}body.theme-dark .group-settings-input{background:var(--color-background-1);color:var(--color-text-dark);border-color:#ffffff1a}.group-settings-content{flex-direction:column;gap:16px;display:flex}.group-settings-loading{text-align:center;color:var(--color-text-inactive);padding:40px}.group-settings-item{background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.group-settings-item-label{color:var(--color-text-dark);margin-bottom:4px;font-size:14px;font-weight:600}.group-settings-item-description{color:var(--color-text-inactive);margin-top:-8px;font-size:13px}.group-settings-input{border:1px solid var(--color-divider);width:100%;font-size:14px;font-family:var(--font-family-main);color:var(--color-text-dark);background:#e7edfd;border-radius:8px;height:55px;padding:12px}.group-settings-input:focus{border-color:var(--color-primary);outline:none}.group-settings-avatar-section{align-items:center;gap:16px;display:flex}.group-settings-avatar-preview{border:2px solid var(--color-divider);border-radius:50%;width:80px;height:80px;position:relative;overflow:hidden}.group-settings-avatar-preview img{object-fit:cover;width:100%;height:100%}.group-settings-avatar-change-btn{color:#fff;cursor:pointer;background:#346afe;border:none;border-radius:8px;padding:8px 16px;font-size:14px;transition:background-color .2s}.group-settings-avatar-change-btn:hover{background:#2a5ae8}.group-settings-toggle{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.group-settings-toggle-label{flex:1}.group-settings-toggle-switch{cursor:pointer;background:#ccc;border-radius:12px;width:44px;height:24px;transition:background-color .3s;position:relative}.group-settings-toggle-switch.active{background:var(--color-primary)}.group-settings-toggle-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.group-settings-toggle-switch.active:after{transform:translate(20px)}.group-settings-actions{border-top:1px solid var(--color-divider);justify-content:flex-end;gap:10px;margin-top:8px;padding-top:16px;display:flex}.group-settings-error{color:#c33;background:#fee;border-radius:8px;margin-top:8px;padding:12px;font-size:13px}.group-settings-success{color:#3c3;background:#efe;border-radius:8px;margin-top:8px;padding:12px;font-size:13px}.group-settings-info{color:#1976d2;background:#e3f2fd;border-radius:8px;margin-bottom:16px;padding:12px;font-size:13px}.group-settings-participants-btn{border:1px solid var(--color-divider);cursor:pointer;width:100%;color:var(--color-text-dark);font-size:14px;font-weight:500;font-family:var(--font-family-main);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.group-settings-participants-btn:hover{background:var(--color-background-hover);border-color:var(--color-primary)}.group-settings-btn-arrow{color:var(--color-text-inactive);font-size:16px;transition:transform .2s}.group-settings-participants-btn:hover .group-settings-btn-arrow{color:var(--color-primary);transform:translate(4px)}.group-participants-tabs{border-bottom:2px solid var(--color-divider);gap:8px;margin-bottom:16px;display:flex}.group-participants-tab{color:var(--color-text-inactive);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;position:relative}.group-participants-tab:hover{color:var(--color-text-dark)}.group-participants-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.group-participants-management-list{flex-direction:column;gap:8px;max-height:400px;display:flex;overflow-y:auto}.group-participant-management-item{background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;transition:background-color .2s;display:flex}.group-participant-management-item:hover{background:#f3f4f6}.group-participant-management-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.group-participant-clickable{border-radius:8px;margin:-4px;padding:4px;transition:background-color .2s}.group-participant-clickable:hover{background-color:#00000008}.group-participant-management-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.group-participant-management-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.group-participant-management-name{color:var(--color-text-dark);flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.group-participant-current{color:var(--color-text-inactive);font-size:12px;font-weight:400}.group-participant-management-email{color:var(--color-text-inactive);word-break:break-word;font-size:12px}.group-participant-role-badge{border-radius:12px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.group-participant-role-badge.owner{color:#92400e;background:#fef3c7}.group-participant-role-badge.admin{color:#1e40af;background:#dbeafe}.group-participant-management-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.group-participant-action-btn{border:1px solid var(--color-divider);color:var(--color-text-dark);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.group-participant-action-btn:hover{background:var(--color-background-hover);border-color:var(--color-primary)}.group-participant-action-btn.set-admin-btn{color:#4338ca;background:#e0e7ff;border-color:#818cf8}.group-participant-action-btn.set-admin-btn:hover{background:#c7d2fe}.group-participant-action-btn.remove-admin-btn{color:#92400e;background:#fef3c7;border-color:#fbbf24}.group-participant-action-btn.remove-admin-btn:hover{background:#fde68a}.group-participant-action-btn.remove-member-btn{color:#991b1b;background:#fee2e2;border-color:#f87171}.group-participant-action-btn.remove-member-btn:hover{background:#fecaca}.group-participants-empty{text-align:center;color:var(--color-text-inactive);padding:20px;font-size:14px}.group-participant-rights-info{background:#f0f9ff;border-left:3px solid #3b82f6;border-radius:6px;margin-top:8px;padding:8px}.group-participant-rights-title{color:#1e40af;margin-bottom:4px;font-size:12px;font-weight:600}.group-participant-rights-list{color:#1e3a8a;font-size:11px;line-height:1.6}.group-profile-modal{z-index:2000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.group-profile-backdrop{background:#00000080;position:absolute;inset:0}.group-profile-content{z-index:2001;background:#fff;border-radius:16px;width:500px;max-height:80vh;position:relative;overflow:hidden;box-shadow:0 16px 60px #0003}.group-profile-header{text-align:center;background:var(--color-background-2);padding:30px 20px 20px;position:relative}.group-profile-header img{object-fit:cover;border-radius:50%;width:100px;height:100px;margin-bottom:12px}.group-profile-header h2{color:var(--color-text-dark);margin:0;font-size:24px;font-weight:600}.group-profile-close{border:1px solid var(--color-divider);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex;position:absolute;top:15px;right:15px}.group-profile-participants{max-height:60vh;padding:20px;overflow-y:auto}.group-profile-participants h3{color:var(--color-text-dark);margin:0 0 16px;font-size:18px;font-weight:600}.group-profile-participants-list{flex-direction:column;gap:12px;display:flex}.group-profile-participant-item{border-radius:10px;align-items:center;gap:12px;padding:12px;transition:background-color .2s;display:flex}.group-profile-participant-item:hover{background-color:var(--color-background-hover)}.group-profile-participant-item img{object-fit:cover;border-radius:50%;width:50px;height:50px}.group-profile-participant-info{flex:1}.group-profile-participant-name{color:var(--color-text-dark);margin-bottom:4px;font-size:16px;font-weight:600}.group-profile-participant-role{color:var(--color-text-inactive);font-size:13px}.message.has-image{position:relative;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;display:block!important}.message.has-image .message-image-container{box-shadow:var(--shadow-soft);border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden;width:100%!important;margin:0!important}.message.has-image.outgoing .message-image-container{background:var(--gradient-primary);color:#fff}.message.has-image.incoming .message-image-container{background:var(--color-background-message);-webkit-backdrop-filter:blur(12px);color:var(--color-text-dark)}body.theme-dark .message.has-image.incoming .message-image-container{background:#ffffff14}.message.has-image .message-image{object-fit:cover;border-radius:18px 18px 0 0;width:100%;max-width:100%;margin:0;display:block}.message.has-image .message-image:last-child{border-radius:18px}.message.has-image .message-content{box-sizing:border-box;background:0 0;width:100%;padding:8px 12px 24px}.message.has-image .message-meta{-webkit-backdrop-filter:blur(4px);z-index:10;pointer-events:none;background:#0000004d;border-radius:10px;padding:2px 6px;position:absolute;bottom:6px;right:6px}.message.has-image .message-timestamp{font-size:10px;color:#ffffffe6!important}.message.has-image .message-ticks img{filter:brightness(0)invert();opacity:.9}.message.has-image .message-content p{margin:0}.message.has-video{position:relative;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;display:block!important}.message.has-video .message-video-container{box-shadow:var(--shadow-soft);border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden;width:100%!important;margin:0!important}.message.has-video.outgoing .message-video-container{background:var(--gradient-primary);color:#fff}.message.has-video.incoming .message-video-container{background:var(--color-background-message);-webkit-backdrop-filter:blur(12px);color:var(--color-text-dark)}body.theme-dark .message.has-video.incoming .message-video-container{background:#ffffff14}.message.has-video .message-video{object-fit:cover;border-radius:18px 18px 0 0;width:100%;max-width:100%;margin:0;display:block}.message.has-video .message-video:last-child{border-radius:18px}.message.has-video .message-content{box-sizing:border-box;background:0 0;width:100%;padding:8px 12px 24px}.message.has-video .message-meta{-webkit-backdrop-filter:blur(4px);z-index:10;pointer-events:none;background:#0000004d;border-radius:10px;padding:2px 6px;position:absolute;bottom:6px;right:6px}.message.has-video .message-timestamp{font-size:10px;color:#ffffffe6!important}.message.has-video .message-ticks img{filter:brightness(0)invert();opacity:.9}.message.has-video .message-content p{margin:0}.chat-empty{background:var(--color-background-1);border-radius:var(--radius-card,24px);box-sizing:border-box;height:100vh;box-shadow:var(--glass-shadow);background-image:radial-gradient(circle at 10% 20%,#6366f108 0%,#0000 20%),radial-gradient(circle at 90% 80%,#8b5cf608 0%,#0000 20%);flex-grow:1;justify-content:center;align-items:center;margin:12px 16px 12px 0;padding:24px;transition:width .3s,margin-right .3s;display:flex;position:relative;overflow:hidden}.chat-empty__content{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;max-width:400px;animation:.6s ease-out fadeIn;display:flex}.chat-empty__icon{width:120px;height:120px;color:var(--color-primary);box-sizing:border-box;background:#5865f214;border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;padding:24px;animation:6s ease-in-out infinite float;display:flex}.chat-empty__icon svg{stroke-width:1.5px;opacity:.9;width:100%;height:100%}.chat-empty__title{font-family:var(--font-family-main);color:var(--color-text-dark);text-align:center;margin:0;font-size:24px;font-weight:700}.chat-empty__subtitle{font-family:var(--font-family-main);color:var(--color-text-inactive);text-align:center;max-width:320px;margin:0;font-size:16px;line-height:1.5}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.no-messages-container{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:300px;padding:20px;animation:.5s ease-out fadeIn;display:flex}.no-messages-wave{transform-origin:70% 70%;margin-bottom:16px;font-size:48px;animation:2.5s infinite wave;display:inline-block}.no-messages-title{font-family:var(--font-family-main);color:var(--color-text-main);margin:0 0 8px;font-size:20px;font-weight:600}.no-messages-text{font-family:var(--font-family-main);color:var(--color-text-inactive);max-width:300px;margin:0;font-size:15px;line-height:1.5}#currentChatTitle{font-size:22px!important}.media-lightbox{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.media-lightbox.hidden{display:none}.media-lightbox-close{color:#fff;cursor:pointer;z-index:10000;background:0 0;border:none;padding:10px;font-size:40px;line-height:1;position:absolute;top:20px;right:30px}.media-lightbox-content{justify-content:center;align-items:center;max-width:90%;max-height:90%;display:flex}.media-lightbox-content img,.media-lightbox-content video{object-fit:contain;border-radius:8px;max-width:100%;max-height:90vh;box-shadow:0 4px 20px #00000080}.media-lightbox-content .hidden{display:none}.contacts-header-section .contacts-header-left{justify-content:space-between!important;align-items:center!important;width:100%!important;height:44px!important;display:flex!important}.contacts-header-section .contacts-header-right{align-items:center!important;gap:16px!important;display:flex!important}.contacts-main-title{color:#02060f!important;margin:0!important;font-family:Suisse Intl,Inter,sans-serif!important;font-size:32px!important;font-weight:600!important;line-height:1!important}.contacts-add-btn{width:180px!important;height:44px!important;box-shadow:none!important;cursor:pointer!important;background:#346afe!important;border:none!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:0!important;transition:opacity .2s!important;display:flex!important}.contacts-add-btn:hover{opacity:.9!important;transform:none!important}.contacts-add-btn span{color:#fff!important;font-family:Suisse Intl,Inter,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1!important}.contacts-add-btn svg{width:16px!important;height:16px!important;margin-top:-1px!important}.contacts-side-panel{background:#fff!important;flex:1!important;justify-content:center!important;align-items:center!important;padding:40px!important;display:flex!important}body.theme-dark .contacts-side-panel{background:#14171f!important}.contacts-illustration-container{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:30px!important;width:100%!important;max-width:744px!important;display:flex!important}.contacts-illustration{justify-content:center!important;align-items:center!important;width:100%!important;max-width:481.35px!important;height:458px!important;margin:0!important;display:flex!important}.contacts-illustration img{object-fit:contain!important;width:100%!important;height:100%!important;display:block!important}.contacts-side-content{flex-direction:column!important;align-items:center!important;gap:20px!important;width:100%!important;max-width:744px!important;display:flex!important}.contacts-side-text{letter-spacing:-.03em!important;color:#346afe!important;text-align:center!important;width:100%!important;max-width:744px!important;margin:0!important;font-family:Suisse Intl,Inter,sans-serif!important;font-size:44px!important;font-weight:400!important;line-height:46px!important}body.theme-dark .contacts-side-text{color:#fff!important}.contacts-side-text span{font-weight:600!important}.contacts-invite-link-btn{color:#fff!important;cursor:pointer!important;background:#346afe!important;border:none!important;border-radius:16px!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:744px!important;height:64px!important;padding:0 16px!important;font-family:Suisse Intl,Inter,sans-serif!important;font-size:24px!important;font-weight:600!important;transition:opacity .2s,transform .2s!important;display:flex!important}.contacts-invite-link-btn:hover{opacity:.9!important;transform:translateY(-2px)!important}.add-contact-modal{box-sizing:border-box!important;background:#fff!important;border:none!important;border-radius:20px!important;width:100%!important;max-width:421px!important;padding:24px 20px 20px!important;box-shadow:0 16px 60px #0000001f!important}body.theme-dark .add-contact-modal{background:#14171f!important}.add-contact-header{justify-content:space-between!important;align-items:center!important;margin-bottom:20px!important;padding:0!important;display:flex!important}.add-contact-header h3{color:#02060f!important;margin:0!important;font-family:Suisse Intl,Inter,sans-serif!important;font-size:24px!important;font-weight:600!important;line-height:1!important}body.theme-dark .add-contact-header h3{color:#fff!important}.add-contact-header p{display:none!important}#addContactModal .modal-close-btn{color:#02060f!important;width:24px!important;height:24px!important;box-shadow:none!important;opacity:.4!important;background:0 0!important;border-radius:0!important;justify-content:center!important;align-items:center!important;padding:0!important;font-size:28px!important;line-height:1!important;transition:opacity .2s!important;display:flex!important}#addContactModal .modal-close-btn:hover{opacity:1!important}body.theme-dark #addContactModal .modal-close-btn{color:#fff!important}.add-contact-form{flex-direction:column!important;gap:8px!important;display:flex!important}.add-contact-form .form-label{display:none!important}.add-contact-form .form-input{color:#02060f!important;box-sizing:border-box!important;width:100%!important;height:64px!important;box-shadow:none!important;background:#e7edfd!important;border:none!important;border-radius:16px!important;padding:0 20px!important;font-family:Suisse Intl,Inter,sans-serif!important;font-size:16px!important;font-weight:500!important;transition:outline .2s!important}body.theme-dark .add-contact-form .form-input{color:#fff!important;background:#ffffff14!important}.add-contact-form .form-input::placeholder{color:#c0cff9!important;opacity:1!important;font-weight:500!important}body.theme-dark .add-contact-form .form-input::placeholder{color:#ffffff4d!important}.add-contact-form .form-input:focus{outline-offset:-2px!important;outline:2px solid #346afe!important}.add-contact-actions{flex-direction:column!important;margin-top:0!important;display:flex!important}#cancelAddContact{display:none!important}.add-contact-actions .primary-btn{color:#fff!important;width:100%!important;height:64px!important;box-shadow:none!important;cursor:pointer!important;background:#346afe!important;border:none!important;border-radius:16px!important;justify-content:center!important;align-items:center!important;padding:0!important;font-family:Suisse Intl,Inter,sans-serif!important;font-size:18px!important;font-weight:600!important;transition:opacity .2s,transform .2s!important;display:flex!important}.add-contact-actions .primary-btn:hover{opacity:.9!important;transform:translateY(-2px)!important}.groups-header-section .groups-header-row{justify-content:space-between!important;align-items:center!important;gap:0!important;width:100%!important;height:44px!important;display:flex!important}.groups-main-title{color:#02060f!important;margin:0!important;font-family:Suisse Intl,Inter,sans-serif!important;font-size:32px!important;font-weight:600!important;line-height:1!important}body.theme-dark .groups-main-title{color:#fff!important}.groups-create-btn{width:236px!important;height:44px!important;box-shadow:none!important;cursor:pointer!important;background:#346afe!important;border:none!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:0!important;transition:opacity .2s!important;display:flex!important}.groups-create-btn:hover{opacity:.9!important;transform:none!important}.groups-create-btn span{color:#fff!important;font-family:Suisse Intl,Inter,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1!important;display:block!important}.groups-create-btn svg{width:16px!important;height:16px!important;margin-top:-1px!important}.create-group-modal{box-sizing:border-box!important;background:#fff!important;border:none!important;border-radius:20px!important;width:100%!important;max-width:500px!important;padding:24px 20px 20px!important;box-shadow:0 16px 60px #0000001f!important}body.theme-dark .create-group-modal{background:#14171f!important}.create-group-header{justify-content:space-between!important;align-items:center!important;margin-bottom:20px!important;padding:0!important;display:flex!important}.create-group-header h3{color:#02060f!important;margin:0!important;font-family:Suisse Intl,Inter,sans-serif!important;font-size:24px!important;font-weight:600!important;line-height:1!important}body.theme-dark .create-group-header h3{color:#fff!important}.create-group-header p,.create-group-form .form-label{display:none!important}#createGroupModal .modal-close-btn{color:#02060f!important;width:24px!important;height:24px!important;box-shadow:none!important;opacity:.4!important;background:0 0!important;border-radius:0!important;justify-content:center!important;align-items:center!important;padding:0!important;font-size:28px!important;line-height:1!important;transition:opacity .2s!important;display:flex!important}#createGroupModal .modal-close-btn:hover{opacity:1!important}body.theme-dark #createGroupModal .modal-close-btn{color:#fff!important}.create-group-form .form-input{color:#02060f!important;box-sizing:border-box!important;width:100%!important;height:64px!important;box-shadow:none!important;background:#e7edfd!important;border:none!important;border-radius:16px!important;padding:0 20px!important;font-family:Suisse Intl,Inter,sans-serif!important;font-size:16px!important;font-weight:500!important}body.theme-dark .create-group-form .form-input{color:#fff!important;background:#ffffff14!important}.create-group-form .form-input::placeholder{color:#c0cff9!important;opacity:1!important;font-weight:500!important}body.theme-dark .create-group-form .form-input::placeholder{color:#ffffff4d!important}.create-group-form .form-input:focus{outline-offset:-2px!important;outline:2px solid #346afe!important}#cancelCreateGroup{display:none!important}.create-group-actions{flex-direction:column!important;margin-top:0!important;display:flex!important}.create-group-actions .primary-btn{color:#fff!important;width:100%!important;height:64px!important;box-shadow:none!important;cursor:pointer!important;background:#346afe!important;border:none!important;border-radius:16px!important;justify-content:center!important;align-items:center!important;padding:0!important;font-family:Suisse Intl,Inter,sans-serif!important;font-size:18px!important;font-weight:600!important;transition:opacity .2s,transform .2s!important;display:flex!important}.create-group-actions .primary-btn:hover{opacity:.9!important;transform:translateY(-2px)!important}.online-status-dot,.contact-online-dot{border:2px solid var(--color-background-app)!important;box-sizing:content-box!important;z-index:10!important;background-color:#37e342!important;border-radius:50%!important;width:17px!important;min-width:17px!important;height:17px!important;min-height:17px!important;padding:0!important}body.theme-dark .online-status-dot,body.theme-dark .contact-online-dot{border-color:#14171f!important}.chat-list-item-btn .online-status-dot{position:absolute!important;top:54px!important;left:56px!important}.unread-count{color:#fff!important;width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important;box-shadow:none!important;background-color:#346afe!important;border-radius:15.5px!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;font-family:Suisse Intl,Inter,sans-serif!important;font-size:13px!important;font-weight:600!important;line-height:1!important;display:flex!important}.profile-back-btn{width:32px!important;height:32px!important;box-shadow:none!important;cursor:pointer!important;z-index:10!important;background:0 0!important;border:none!important;border-radius:0!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;transition:opacity .2s,transform .2s!important;display:flex!important;position:absolute!important;top:16px!important;left:16px!important}.profile-back-btn:hover{opacity:.7!important;transform:translate(-3px)!important}.profile-back-btn svg{width:32px!important;height:32px!important;display:block!important}.profile-back-btn img{object-fit:contain!important;filter:none!important;width:32px!important;height:32px!important;display:block!important}.chat-meta-right .unread-count{order:2!important;margin-top:0!important}.chat-meta-right .unread-count:not(.hidden){display:flex!important}.chat-list-item-btn img,.search-result-item-list img{width:63px!important;min-width:63px!important;height:63px!important;min-height:63px!important;margin-right:12px!important}.chat-list-item-btn,.search-result-item-list button{margin:0;border-radius:20px!important;height:83px!important;min-height:83px!important;padding:10px 16px!important}.chat-list-item-btn>img:first-of-type,.search-result-item-list button>img:first-of-type{border-radius:50%!important;width:63px!important;min-width:63px!important;height:63px!important;min-height:63px!important;margin-right:12px!important}.chat-list-ticks{justify-content:center!important;align-items:center!important;width:16px!important;height:16px!important;display:inline-flex!important}.chat-list-ticks img{object-fit:contain!important;width:100%!important;height:100%!important;min-width:unset!important;min-height:unset!important;border-radius:0!important;margin:0!important}.chat-list-item-btn .online-status-dot{top:55px!important;left:61px!important}.chat-meta-right{flex-direction:column!important;justify-content:center!important;align-items:flex-end!important;gap:6px!important;min-width:fit-content!important;margin-left:auto!important;display:flex!important}.chat-meta-right .chat-timestamp{order:1!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0!important;display:flex!important}.chat-meta-right .unread-count{justify-content:center;align-items:center;display:flex;border-radius:15.5px!important;order:2!important;width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important;margin-top:0!important;font-size:13px!important}.unread-count.hidden,.chat-meta-right .unread-count.hidden{display:none!important}#userSearchResultsUl .start-chat-btn{background:var(--color-primary)!important;cursor:pointer!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-self:center!important;align-items:center!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin-left:auto!important;padding:0!important;display:flex!important}#userSearchResultsUl .start-chat-btn img{object-fit:contain!important;filter:brightness(0)invert()!important;border-radius:0!important;width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;margin:0!important;padding:0!important}#userSearchResultsUl .start-chat-btn:hover{box-shadow:var(--glow-primary)!important;transform:scale(1.05)!important}input[type=search]::-webkit-search-decoration{appearance:none!important}input[type=search]::-webkit-search-cancel-button{appearance:none!important}input[type=search]::-webkit-search-results-button{appearance:none!important}input[type=search]::-webkit-search-results-decoration{appearance:none!important}input::-ms-clear{width:0!important;height:0!important;display:none!important}input::-ms-reveal{width:0!important;height:0!important;display:none!important}input:-webkit-autofill{-webkit-text-fill-color:var(--color-text-dark)!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-dark)!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-dark)!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}input:-webkit-autofill:active{-webkit-text-fill-color:var(--color-text-dark)!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}.search-input:focus,.chat-search-input:focus{box-shadow:none!important;outline:none!important}.message.has-audio{background:#f8f8f8!important;border:none!important;border-radius:20px 20px 5px!important;flex-direction:column!important;min-width:260px!important;max-width:400px!important;padding:12px 16px!important;display:flex!important;box-shadow:0 6px 27px #00000012!important}.message.incoming.has-audio{border-radius:20px 20px 20px 5px!important}body.theme-dark .message.has-audio{background:var(--color-background-message)!important;box-shadow:none!important}.message.outgoing.has-audio .audio-bar,.message.incoming.has-audio .audio-bar,.audio-bar{box-shadow:none!important;background:0 0!important;border-radius:0!important;flex-direction:row!important;align-items:center!important;gap:14px!important;width:100%!important;min-height:54px!important;margin:0!important;padding:0!important;display:flex!important}.audio-play-button{cursor:pointer!important;background:#346afe!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:54px!important;min-width:54px!important;height:54px!important;min-height:54px!important;padding:0!important;transition:transform .1s,background-color .2s!important;display:flex!important}.audio-play-button:hover{background:#274fcc!important}.audio-play-button:active{transform:scale(.95)!important}.audio-play-icon,.audio-pause-icon{filter:brightness(0)invert()!important;object-fit:contain!important;width:20px!important;height:20px!important;position:static!important}.audio-waveform-container{flex-direction:column!important;flex:1!important;justify-content:center!important;gap:6px!important;min-width:0!important;display:flex!important}.audio-waveform{cursor:pointer!important;align-items:center!important;width:100%!important;height:20px!important;display:flex!important;position:relative!important}.audio-progress-line{background:#346afe1c!important;border-radius:3px!important;width:100%!important;height:5px!important;position:absolute!important;top:50%!important;left:0!important;transform:translateY(-50%)!important}body.theme-dark .audio-progress-line{background:#ffffff1a!important}.audio-progress-bar{width:0%;z-index:2!important;pointer-events:none!important;background:#346afe!important;border-radius:3px!important;height:5px!important;display:block!important;position:absolute!important;top:50%!important;left:0!important;transform:translateY(-50%)!important}.audio-time-container{align-items:center!important;height:auto!important;margin:0!important;display:flex!important}.audio-time-display{color:#757575!important;margin:0!important;font-family:Suisse Intl,Inter,sans-serif!important;font-size:13px!important;font-weight:500!important;line-height:1!important}.message.has-audio .message-meta{background:0 0!important;justify-content:flex-end!important;align-items:center!important;gap:4px!important;margin-top:4px!important;padding:0!important;display:flex!important;position:relative!important;bottom:auto!important;right:auto!important}.message.has-audio .message-timestamp{color:#757575!important;font-size:11px!important;font-weight:450!important}.message.outgoing.has-audio .message-ticks img{filter:none!important;opacity:1!important}.message.has-audio{flex-wrap:nowrap!important}.message.has-audio .group-message-sender-name{flex-basis:auto!important;width:100%!important;margin-bottom:8px!important}.chat-badges{flex-direction:row!important;order:2!important;align-items:center!important;gap:4px!important;margin-top:0!important;display:flex!important}.mention-badge{color:#fff!important;width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important;box-shadow:none!important;background-color:#346afe!important;border-radius:15.5px!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;font-family:Suisse Intl,Inter,sans-serif!important;font-size:16px!important;font-weight:600!important;line-height:1!important;display:flex!important}.mention-badge.hidden{display:none!important}.message-reply-box{cursor:pointer!important;background:#346afe21!important;border-left:none!important;border-radius:12px!important;flex-direction:column!important;gap:4px!important;margin-bottom:8px!important;padding:10px 14px!important;transition:background-color .2s!important;display:flex!important}.message-reply-box:hover{background:#346afe33!important}.message-reply-author{color:#346afe!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-family:Suisse Intl,Inter,sans-serif!important;font-size:14px!important;font-weight:600!important;line-height:1.1!important;overflow:hidden!important}.message-reply-snippet{color:#02060f!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-family:Suisse Intl,Inter,sans-serif!important;font-size:14px!important;font-weight:450!important;line-height:1.2!important;overflow:hidden!important}body.theme-dark .message-reply-box{background:#346afe40!important}body.theme-dark .message-reply-snippet{color:#fff!important}.message-mention{color:#346afe!important;cursor:pointer!important;font-weight:600!important;text-decoration:none!important;transition:opacity .2s!important}.message-mention:hover{opacity:.8!important;text-decoration:underline!important}body.theme-dark .message-mention{color:#4f7bff!important}.message.has-reply{flex-direction:column!important;align-items:flex-start!important}.message-reply-box{box-sizing:border-box!important;width:100%!important}.message.has-reply{flex-flow:column!important;align-items:flex-start!important;gap:4px!important;display:flex!important}.message:has(.group-message-sender-name){flex-flow:column!important;align-items:flex-start!important;gap:4px!important;display:flex!important}.message .group-message-sender-name{flex-basis:auto!important;width:auto!important;margin-bottom:2px!important;padding:0!important}.message.has-reply .message-content{flex:none!important;width:100%!important;margin:0!important}.message:has(.group-message-sender-name) .message-content{flex:none!important;width:100%!important;margin:0!important}.message.has-reply .message-meta{align-self:flex-end!important;margin-top:2px!important}.message:has(.group-message-sender-name) .message-meta{align-self:flex-end!important;margin-top:2px!important}.contact-avatar{overflow:visible!important}.contact-avatar img{border-radius:50%!important}.contact-online-dot{z-index:10!important}html,body,#root,.container{background:var(--color-background-1)!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}.app{box-sizing:border-box!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}@media (width>=1024px){.app{padding-left:129px!important}}.app__main{flex-direction:row!important;flex:1!important;gap:0!important;width:100%!important;max-width:none!important;height:100vh!important;margin:0!important;padding:0!important;display:flex!important}.reply-preview{background:var(--glass-bg)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid #fff3!important;border-radius:16px!important;max-width:min(100%,1076px)!important;margin:0 auto 8px!important;padding:12px 16px!important;box-shadow:0 4px 12px #0000000d!important}body.theme-dark .reply-preview{background:var(--color-background-2)!important;border-color:#ffffff14!important}.reply-preview-info{color:var(--color-text-dark)!important;font-size:15px!important;line-height:1.4!important}.reply-preview-info strong{margin-right:6px;color:var(--color-primary)!important;font-size:15px!important}.toast-notification{-webkit-backdrop-filter:blur(10px);color:#fff;font-family:var(--font-family-main);z-index:12000;pointer-events:none;background:#000000bf;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:500;animation:2.5s forwards toastFadeInOut;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}@keyframes toastFadeInOut{0%{opacity:0;transform:translate(-50%,15px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-15px)}}.chat-list{border-right:1px solid var(--color-divider)!important;background:var(--color-background-1)!important;border-radius:0!important;height:100vh!important;margin:0!important;padding:0!important}.chat-list-scroll{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.search{border-bottom:1px solid var(--color-divider)!important;background:var(--color-background-1)!important;margin:0!important;padding:10px 16px!important}.chat-window,.chat-empty{width:100%!important;max-width:none!important;height:100vh!important;box-shadow:none!important;border:none!important;border-radius:0!important;flex-direction:column!important;flex:1!important;margin:0!important;padding:0!important;display:flex!important}.chat-header{border-bottom:1px solid var(--color-divider)!important;box-shadow:none!important;border-radius:0!important;margin:0!important}.chat-input-container{border-radius:0!important;margin:0!important;padding:12px 20px 24px!important}.message-file-container{background:var(--color-background-2)!important;border:1px solid var(--color-divider)!important;box-sizing:border-box!important;cursor:pointer!important;border-radius:12px!important;align-items:center!important;gap:12px!important;width:100%!important;margin-top:4px!important;padding:12px!important;text-decoration:none!important;transition:background-color .2s,border-color .2s!important;display:flex!important}body.theme-dark .message-file-container{background:#ffffff0d!important}.message-file-container:hover{background:var(--color-background-hover)!important;border-color:var(--color-primary)!important}.message-file-container .file-icon{background:var(--color-background-1)!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;display:flex!important}body.theme-dark .message-file-container .file-icon{background:#0003!important}.message-file-container .file-details{flex-direction:column!important;flex:1!important;gap:4px!important;min-width:0!important;display:flex!important}.message-file-container .file-name{color:var(--color-text-dark)!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-family:Suisse Intl,sans-serif!important;font-size:14px!important;font-weight:600!important;overflow:hidden!important}.message-file-container .file-meta{color:var(--color-primary)!important;font-family:Suisse Intl,sans-serif!important;font-size:13px!important;font-weight:500!important}.group-settings-input:disabled{color:var(--color-text-inactive)!important;cursor:not-allowed!important;background:#f1f2f6!important;border-color:#0000!important}.primary-btn:disabled,.group-settings-avatar-change-btn:disabled{pointer-events:none;color:#fffc!important;cursor:not-allowed!important;box-shadow:none!important;background:#c0cff9!important;transform:none!important}body.theme-dark .group-settings-input:disabled{color:#ffffff4d!important;background:#ffffff0a!important}body.theme-dark .primary-btn:disabled,body.theme-dark .group-settings-avatar-change-btn:disabled{color:#ffffff80!important;background:#346afe4d!important}:root{--bp-xs:320px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1200px;--bp-2xl:1440px;--bp-3xl:1920px;--bp-4xl:2560px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--touch-target-min:44px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overflow-x:hidden}.container{width:100%;min-height:100dvh;padding-left:0;padding-right:0}.app{min-height:100dvh;position:relative;overflow:hidden}button,[role=button],a.nav-button,.chat-list-item-btn,.input-icon-btn,.chat-header-btn,.search-submit-btn,.search-clear-btn,.send-button,.attachment-icon,.emoji-btn,.emoji-category-btn,.mobile-menu-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.chat-header-btn.back-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min);margin:-4px 0;padding:10px}.mobile-menu-btn,.sidebar-overlay{display:none}@supports not (gap:1px){.menu-top,.menu-bottom{margin-bottom:22px}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.chat-input-form{background:var(--color-background-message)}body.theme-dark .chat-input-form{background:var(--color-background-2)}}.chat-messages,.chat-list-scroll{scrollbar-width:thin;scrollbar-color:#4f7cff80 transparent}body.theme-dark .chat-messages,body.theme-dark .chat-list-scroll{scrollbar-color:#5b8cff99 transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body.reduce-motion *,body.reduce-motion :before,body.reduce-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (width<=1023px){html{font-size:clamp(14px,4vw,16px)}button,.btn,.primary-btn,.secondary-btn,.contacts-add-btn,.groups-create-btn{text-align:center;justify-content:center;align-items:center;font-family:inherit;line-height:1;display:flex}.mobile-menu-btn{color:var(--color-text-main);transition:color .3s,background-color .2s}.my-profile-panel__close:before{width:28px;height:28px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") 50% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") 50% no-repeat;background-color:var(--color-text-main)!important;background-image:none!important}.sidebar.nav-dock,.sidebar:not(.nav-dock){border-top:1px solid var(--color-divider);justify-content:center;width:100%!important;height:calc(64px + var(--safe-bottom,0px))!important;background:var(--color-background-1)!important;z-index:9000!important;border-radius:0!important;padding:0!important;display:flex!important;position:fixed!important;top:auto!important;bottom:0!important;left:0!important;transform:none!important;box-shadow:0 -4px 20px #0000000d!important}body.theme-dark .sidebar.nav-dock{background:var(--color-background-1)!important;box-shadow:0 -4px 20px #0006!important}.sidebar .menu.nav-dock__inner{width:100%!important;height:64px!important;box-shadow:none!important;background:0 0!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;margin:0!important;padding:0 12px!important;display:flex!important}.sidebar .nav-dock__group{display:contents!important}.sidebar .nav,.nav-dock__slider,.sidebar-overlay,.mobile-menu-btn{display:none!important}.nav-dock .nav-button{max-width:60px;width:100%!important;height:100%!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:4px 0!important;display:flex!important;transform:none!important}.nav-dock .nav-icon-container{transition:background .2s;border-radius:8px!important;width:24px!important;height:24px!important;padding:2px!important}.nav-dock .nav-button span{color:var(--color-text-inactive)!important;margin:0!important;font-size:10px!important;font-weight:500!important;line-height:1!important;display:block!important}.nav-dock .nav-button.active .nav-icon-container{background:var(--color-primary-soft)!important}.nav-dock .nav-button.active span{color:var(--color-primary)!important;font-weight:600!important}.nav-dock .nav-button.active img{filter:none!important}.chat-name,.search-user-name{font-size:15px!important}.chat-info-header h2,#currentChatTitle{font-size:17px!important}.app__main,.chat-list{padding-bottom:calc(64px + var(--safe-bottom,0px))!important}.chat-list{width:100%;max-width:100%;padding:var(--safe-top) 0 0 0;background:var(--color-background-app);z-index:1;margin:0;transition:none}.search{padding-left:calc(10px + var(--safe-left));padding-right:calc(10px + var(--safe-right));align-items:center;gap:10px;display:flex}.chat-list-scroll{padding-left:var(--safe-left);padding-right:var(--safe-right);background:0 0;border-radius:0}.mobile-menu-btn{cursor:pointer;z-index:1001;-webkit-tap-highlight-color:#0000001a;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-right:8px;padding:8px;transition:background-color .2s;display:flex}.contacts-main-title,.groups-main-title,.settings-title{align-items:center;display:flex}.settings-title{padding-left:0!important}.mobile-menu-btn:active,.mobile-menu-btn:hover{background-color:#00000014}.mobile-menu-btn:active{background:#0000000d}.mobile-menu-btn img{object-fit:contain;width:100%;height:100%}.chat-window,.chat-empty{z-index:100;background:var(--color-background-app);width:100%;height:100%;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:translate(100%)}.contacts-section{z-index:100;background:var(--color-background-app);width:100%;height:100%;position:absolute;top:0;left:0}.contacts-main-wrapper{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.contacts-content-wrapper{flex-direction:column;flex:1;width:100%;min-width:0;padding:0;display:flex;overflow:hidden}.contacts-header-section{flex-shrink:0;align-items:center;height:auto;min-height:56px;padding:10px 16px;display:flex}.contacts-header-row{flex-wrap:wrap;gap:10px;width:100%}.contacts-main-title{font-size:20px}.contacts-header-actions{margin-left:auto}.contacts-sort-btn span,.contacts-add-btn span{display:none}.contacts-add-btn{justify-content:center;width:40px;height:40px;padding:8px}.contacts-add-btn svg{margin:0}.contacts-list-wrapper{flex:1;height:auto;padding:0 16px;overflow-y:auto}.contacts-side-panel{display:none}.settings-section{width:100%;margin:0;padding:0}.settings-container{box-sizing:border-box;width:100%;max-width:none;padding:16px}.settings-info{display:none}.my-profile-panel{z-index:1002;background:var(--color-background-app);border-left:none;flex-direction:column;width:100%;height:100%;padding:0;display:flex;position:fixed;top:0;left:0}.my-profile-panel.hidden{display:none}.my-profile-panel__header{border-bottom:1px solid var(--color-border);background:var(--color-background-app);flex-shrink:0;justify-content:flex-start;align-items:center;gap:16px;height:56px;margin-bottom:24px;padding:10px 16px;display:flex}.my-profile-panel__close{cursor:pointer;width:40px;height:40px;color:var(--color-text-main);background:0 0;border:none;order:-1;justify-content:center;align-items:center;margin-right:16px;font-size:0;display:flex}.my-profile-panel__close:before{content:"";background-image:none;background-position:50%;background-repeat:no-repeat;background-color:var(--color-text-main);width:24px;height:24px;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='12' x2='5' y2='12'%3E%3C/line%3E%3Cpolyline points='12 19 5 12 12 5'%3E%3C/polyline%3E%3C/svg%3E") 50% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='12' x2='5' y2='12'%3E%3C/line%3E%3Cpolyline points='12 19 5 12 12 5'%3E%3C/polyline%3E%3C/svg%3E") 50% no-repeat}.my-profile-panel__titleblock{flex-direction:column;flex:1;justify-content:center;display:flex}.my-profile-panel__title{margin:0;font-size:18px}.my-profile-panel__kicker{display:none}.my-profile-form,.my-profile-panel__hero{padding:16px;overflow-y:auto}.my-profile-panel__hero{padding-top:24px}.settings-list{margin-top:10px}.groups-section{z-index:100;width:100%;height:100%;position:absolute;top:0;left:0}.groups-main-wrapper{flex-direction:column}.groups-content-wrapper{border-right:none;width:100%;min-width:0;display:flex}.groups-chat-empty,.groups-chat-window{z-index:200;background:var(--color-background-app);width:100%;height:100%;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(100%)}.groups-chat-window.active{transform:translate(0)}.groups-header-section{padding:10px 16px}.groups-list-wrapper{padding:0 16px}body.mobile-view-chat .sidebar.nav-dock{display:none!important}body.mobile-view-chat .app__main{padding-bottom:0!important}}.groups-header-actions{margin-left:auto}.groups-header-row{align-items:center;gap:16px;padding-bottom:8px;display:flex}.groups-main-title{flex:1;font-size:20px}.groups-create-btn span{display:none}.groups-create-btn{border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;display:flex}.groups-create-btn svg{width:24px;height:24px;margin:0}.chat-themes-grid{display:grid;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.chat-theme-card{min-height:auto!important;padding:8px!important}.chat-theme-preview{height:60px!important;margin-bottom:8px!important}.chat-theme-bubble{max-width:80%!important;padding:4px 8px!important;font-size:.7rem!important}.chat-theme-name{text-align:center;font-size:11px!important}.chat-theme-desc{display:none}.message-color-palette{justify-content:center;gap:12px}.message-color-swatch{width:36px;height:36px}@supports (-webkit-touch-callout:none){.app,.sidebar,.chat-list,.chat-window{height:-webkit-fill-available}}.chat-window.active{transform:translate(0)}@media (width<=1023px){.chat-empty{display:none!important}}.chat-header{padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right))}@media (width<=1023px){.chat-header{align-items:center;gap:8px;min-height:56px;display:flex}.chat-header-left{flex:1;min-width:0;overflow:hidden}.chat-info-header{min-width:0;overflow:hidden}.chat-info-header h2,#currentChatTitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-menu-container{flex-shrink:0;gap:8px}.chat-search-wrapper:not(.hidden){left:calc(60px + var(--safe-left));z-index:15;width:auto;height:44px;position:absolute;top:50%;right:100px;transform:translateY(-50%)}.chat-search-wrapper:not(.hidden) .chat-search-bar{width:100%;min-width:0}}.chat-input-container{padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right));padding-bottom:8px}body.mobile-view-chat .chat-window{transform:translate(0)}@media (width<=479px){.chat-empty__title{font-size:clamp(1.5rem,8vw,3rem);line-height:1.2}.message{max-width:88%}}@media (width>=768px) and (width<=1023px){.chat-list{width:min(360px,45vw);max-width:100%}}@media (width>=1024px){.chat-list{width:min(var(--chatlist-width,660px), 45vw);max-width:660px}}@media (width>=1440px){.container{max-width:100%}.chat-window{max-width:min(calc(100vw - var(--sidebar-width,129px) - var(--chatlist-width,660px) - 40px), 1200px)}}@media (width>=1920px){.chat-window{max-width:1400px}}@media (width<=1023px){.chat-list,.chat-window{height:100dvh}.chat-messages-wrapper{flex:1;min-height:0}body,html,.app{width:100%;height:100%;position:fixed;overflow:hidden}}@media (width<=1023px) and (orientation:portrait){.chat-empty__illustration img{max-height:180px}}@media (height<=500px) and (orientation:landscape){.chat-header{min-height:52px;padding-top:8px;padding-bottom:8px}.chat-input-form{height:48px}}@media (-webkit-device-pixel-ratio>=2),(resolution>=2x){.chat-list-item-btn,.message{backface-visibility:hidden}}button:focus-visible,[role=button]:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:inherit}input:focus-visible,textarea:focus-visible,input:focus,textarea:focus{box-shadow:none!important;outline:none!important}@media (width<=1023px){body.theme-dark .chat-window:not(.hidden),body.theme-dark .groups-chat-window:not(.hidden){background-color:var(--color-background-app)!important}.chat-window:not(.hidden),.groups-chat-window:not(.hidden){z-index:9990!important;background-color:var(--color-background-app)!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;box-shadow:none!important;background-image:none!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;position:fixed!important;top:0!important;left:0!important;transform:none!important}.chat-input-container{padding-bottom:max(16px, env(safe-area-inset-bottom))!important;background:0 0!important;border-radius:0!important;margin:0!important}.chat-header{border-radius:0!important;width:100vw!important;max-width:100vw!important;margin:0!important}.chat-window:not(.hidden),.groups-chat-window:not(.hidden){z-index:9990!important;background-color:var(--color-background-app)!important;background-image:none!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;position:fixed!important;top:0!important;left:0!important;transform:none!important}.chat-header{border-radius:0!important;width:100vw!important}.chat-input-container{padding-bottom:max(16px, env(safe-area-inset-bottom))!important;background:0 0!important}}.context-menu-overlay{z-index:9995!important;width:100vw!important;height:100dvh!important;position:fixed!important;top:0!important;left:0!important}.message.selected{z-index:9996!important;position:relative!important}.custom-context-menu{z-index:10000!important;position:absolute!important}@media (width<=1023px){.custom-context-menu{background:#f8f8f8!important;border-radius:18px!important;gap:2px!important;width:240px!important;max-width:85vw!important;padding:6px!important;animation:.2s cubic-bezier(.16,1,.3,1) menuCenterPop!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 16px 50px #00000040!important}body.theme-dark .custom-context-menu{background:#1c1c20f2!important;border:1px solid #ffffff14!important}.context-menu-item button{border-radius:12px!important;height:44px!important;padding:0 14px!important}.context-menu-item span{font-size:15px!important}@keyframes menuCenterPop{0%{opacity:0;transform:translate(-50%,-45%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.chat-header .avatar-container,.chat-info-header{transition:opacity .2s!important}:is(.chat-header:has(.chat-search-wrapper:not(.hidden)) .avatar-container,.chat-header:has(.chat-search-wrapper:not(.hidden)) .chat-info-header){opacity:0!important;pointer-events:none!important}.chat-header:has(.chat-search-wrapper:not(.hidden)) .chat-search-wrapper{left:calc(44px + var(--safe-left))!important;transition:left .2s!important}.modal-backdrop,.logout-confirm-overlay,.delete-confirm-overlay,.call-modal-backdrop,.group-profile-modal{z-index:9999!important}.modal-backdrop>div:first-child,.create-group-modal,.add-contact-modal{padding-bottom:max(32px, env(safe-area-inset-bottom))!important}.contacts-side-panel{display:none!important}.contacts-add-btn{width:auto!important;padding:0 16px!important}.contacts-add-btn span{font-size:14px!important;display:block!important}.contacts-list-wrapper{height:100%!important;max-height:calc(100vh - 180px)!important;padding-bottom:30px!important;overflow-y:auto!important}.settings-info{background:0 0!important;border:none!important;width:0!important;min-width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;overflow:visible!important}.settings-info>.settings-info-content{display:none!important}.my-profile-panel:not(.hidden){z-index:9999!important;background:var(--color-background-app)!important;width:100vw!important;height:100dvh!important;padding:16px!important;padding-top:max(16px, env(safe-area-inset-top))!important;padding-bottom:max(16px, env(safe-area-inset-bottom))!important;box-sizing:border-box!important;border-radius:0!important;flex-direction:column!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;transform:none!important}.my-profile-panel__close{color:var(--color-text-dark,#0f1417)!important;background:0 0!important;border:none!important}.my-profile-panel__close:before{background-color:var(--color-text-dark,#0f1417)!important}.my-profile-panel__close img,.my-profile-panel__close svg{filter:brightness(0)!important}body.theme-dark .my-profile-panel__close{color:#fff!important}body.theme-dark .my-profile-panel__close:before{background-color:#fff!important}body.theme-dark .my-profile-panel__close img,body.theme-dark .my-profile-panel__close svg{filter:brightness(0)invert()!important}.logout-confirm-overlay,.delete-confirm-overlay{z-index:9995!important;align-items:center!important;padding:20px!important}.logout-confirm-modal,.delete-confirm-modal{border-radius:32px!important;width:100%!important;max-width:400px!important;margin:auto!important;padding:32px 24px!important;transform:scale(1)!important}.logout-confirm-title{text-align:center!important;margin-bottom:12px!important;font-size:24px!important}.logout-confirm-subtitle{text-align:center!important;margin-bottom:32px!important;font-size:16px!important;line-height:1.5!important}.logout-confirm-actions{justify-content:center!important;gap:12px!important;display:flex!important}.logout-cancel-btn,.logout-confirm-btn{border-radius:999px!important;flex:1!important;justify-content:center!important;align-items:center!important;height:56px!important;font-size:18px!important;display:flex!important}.sidebar.nav-dock,.sidebar:not(.nav-dock){z-index:9999!important}.modal-backdrop{z-index:9990!important;padding-bottom:calc(64px + env(safe-area-inset-bottom))!important;align-items:flex-end!important}.modal-backdrop>div:first-child,.create-group-modal,.add-contact-modal,.group-settings-modal{box-sizing:border-box!important;max-height:calc(100vh - 100px - env(safe-area-inset-bottom))!important;border-radius:32px 32px 0 0!important;padding-bottom:24px!important}.chat-window:not(.hidden),.groups-chat-window:not(.hidden){z-index:10005!important}.modal-backdrop,.group-profile-modal,.group-settings-modal,.chat-profile-panel,.group-profile-panel,.chat-info-panel,.contact-profile-panel{z-index:10010!important}.chat-profile-panel:not(.hidden),.group-profile-panel:not(.hidden),.chat-info-panel:not(.hidden),.contact-profile-panel:not(.hidden){background:var(--color-background-app)!important;width:100vw!important;height:100dvh!important;padding:16px!important;padding-top:max(16px, env(safe-area-inset-top))!important;padding-bottom:max(16px, env(safe-area-inset-bottom))!important;box-sizing:border-box!important;border-radius:0!important;flex-direction:column!important;margin:0!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;overflow-y:auto!important;transform:none!important}.chat-profile-panel__close,.group-profile-panel__close,.chat-info-panel__close{color:var(--color-text-dark,#0f1417)!important;z-index:10015!important}body.theme-dark .chat-profile-panel__close,body.theme-dark .group-profile-panel__close,body.theme-dark .chat-info-panel__close{color:#fff!important}.chat-window .right-panel,.groups-chat-window .right-panel,.chat-info-container{display:block!important}.chat-profile-panel:not(.hidden),.group-profile-panel:not(.hidden),.chat-info-panel:not(.hidden),.contact-profile-panel:not(.hidden),.group-settings-modal:not(.hidden){z-index:10020!important;background:var(--color-background-app)!important;width:100vw!important;height:100dvh!important;padding:16px!important;padding-top:max(16px, env(safe-area-inset-top))!important;padding-bottom:max(16px, env(safe-area-inset-bottom))!important;box-sizing:border-box!important;border-radius:0!important;flex-direction:column!important;margin:0!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;overflow-y:auto!important;transform:none!important}.chat-profile-panel__close,.group-profile-panel__close,.chat-info-panel__close,.contact-profile-panel__close{color:var(--color-text-dark,#0f1417)!important;z-index:10025!important;background:0 0!important;border:none!important}body.theme-dark .chat-profile-panel__close,body.theme-dark .group-profile-panel__close,body.theme-dark .chat-info-panel__close,body.theme-dark .contact-profile-panel__close{color:#fff!important}body.theme-dark .chat-profile-panel__close:before,body.theme-dark .group-profile-panel__close:before,body.theme-dark .chat-info-panel__close:before,body.theme-dark .contact-profile-panel__close:before{background-color:#fff!important}.profile-section{z-index:10050!important}.modal-backdrop,.delete-confirm-overlay,.logout-confirm-overlay,.group-settings-modal,.create-group-modal,#incomingCallModal,.active-call-overlay,.audio-chat-overlay{z-index:10060!important}.profile-section{z-index:10050!important;background-color:#fff!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;position:fixed!important;top:0!important;left:0!important}body.theme-dark .profile-section{background-color:var(--color-background-app)!important}.profile-container{background:0 0!important;border-radius:0!important}.profile-frame{padding:0 20px!important}.profile-header-background{height:auto!important;min-height:auto!important;padding-top:max(50px, env(safe-area-inset-top))!important;background:0 0!important;border-radius:0!important;width:100%!important;margin:0!important}.profile-avatar-wrapper{justify-content:center!important;align-items:center!important;width:120px!important;height:120px!important;margin:0 auto!important;display:flex!important}.profile-avatar-wrapper>div,.profile-avatar-wrapper img{object-fit:cover!important;border-radius:50%!important;width:120px!important;height:120px!important;font-size:48px!important}.profile-back-btn{top:max(16px, env(safe-area-inset-top))!important;left:16px!important}.profile-back-btn img{filter:brightness(0)!important}body.theme-dark .profile-back-btn img{filter:brightness(0)invert()!important}.profile-header-info{background:0 0!important;align-items:center!important;padding-top:16px!important}.profile-header-info h2,.profile-header-info p{text-align:center!important}.profile-quote{color:#8e8e93!important;margin-top:4px!important;font-size:13px!important}.profile-media-tab{font-size:18px!important;font-weight:500!important}.modal-backdrop,.logout-confirm-overlay,.delete-confirm-overlay,[class*=-overlay]{-webkit-backdrop-filter:none!important;z-index:10060!important;background:#00000003!important}.modal-backdrop>div,.logout-confirm-overlay>div,.delete-confirm-overlay>div,.create-group-modal,.delete-confirm-modal,.logout-confirm-modal,.leave-group-modal,.leave-confirm-modal{-webkit-backdrop-filter:none!important;will-change:auto!important;backface-visibility:visible!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;z-index:10061!important;background-color:#fff!important;transform:none!important}body.theme-dark .modal-backdrop>div,body.theme-dark .logout-confirm-overlay>div,body.theme-dark .delete-confirm-overlay>div,body.theme-dark .create-group-modal,body.theme-dark .delete-confirm-modal,body.theme-dark .logout-confirm-modal,body.theme-dark .leave-group-modal,body.theme-dark .leave-confirm-modal{background-color:#1c1c1e!important}.profile-back-btn{top:max(20px, env(safe-area-inset-top))!important;z-index:10060!important;margin:0!important;position:fixed!important;left:20px!important}#profileSection .profile-avatar-wrapper{border-radius:50%!important;width:120px!important;height:120px!important;margin:0 auto!important;overflow:hidden!important}#profileSection .profile-avatar-wrapper>*{object-fit:cover!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important}}