#messenger-launch{display:flex;align-items:center;gap:7px;width:auto;min-width:34px;padding:6px 9px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#222833;color:#eef3ff;font-size:12px;font-weight:700}.messenger-launch-label{display:none}.messenger-badge,.messenger-row-badge{min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#ff3d4f;color:#fff;font-size:10px;line-height:18px;text-align:center}.messenger-shell{position:absolute;top:0;left:0;width:100%;height:100%;z-index:42;display:grid;grid-template-columns:310px minmax(0,1fr);background:#0f1319;color:#f5f7fb}.messenger-shell[hidden]{display:none}.messenger-shell:not([hidden]){transform-origin:center center;animation:messengerShellIn 220ms cubic-bezier(0.16,1,0.3,1) both;will-change:transform,opacity}.messenger-shell.is-closing{display:grid!important;animation:messengerShellSlideOutRight 200ms cubic-bezier(0.16,1,0.3,1) both!important;pointer-events:none;will-change:transform,opacity}@keyframes messengerShellIn{from{opacity:0;transform:scale(0.975)}to{opacity:1;transform:scale(1)}}@keyframes messengerShellSlideOutRight{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(100%,0,0)}}.messenger-sidebar{display:flex;min-width:0;flex-direction:column;border-right:1px solid #282e38;background:#161b23}.messenger-sidebar-head,.messenger-conversation-head{display:flex;min-height:72px;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #282e38}.messenger-sidebar-head div{display:flex;flex-direction:column}.messenger-sidebar-head span{color:#8e9aab;font-size:11px;text-transform:uppercase}.messenger-sidebar-head strong{font-size:19px}.messenger-sidebar-head button,.messenger-conversation-head button{border:0;background:#252c37;color:#fff;border-radius:10px;padding:9px 12px}.messenger-search{display:flex;align-items:center;gap:8px;margin:14px;padding:10px 12px;border:1px solid #303745;border-radius:12px;background:#11161d}.messenger-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#fff}.messenger-list-tabs{display:flex;gap:6px;padding:0 14px 10px}.messenger-list-tabs button{flex:1;padding:8px;border:0;border-radius:9px;background:transparent;color:#8e9aab}.messenger-list-tabs button.active{background:#243041;color:#fff}.messenger-list{overflow:auto;padding:0 8px 14px}.messenger-list.list-switch{transform-origin:center center;animation:messengerListCenterIn 180ms cubic-bezier(0.16,1,0.3,1) both;will-change:transform,opacity}@keyframes messengerListCenterIn{from{opacity:0.35;transform:scale(0.985)}to{opacity:1;transform:scale(1)}}.messenger-person{display:flex;width:100%;align-items:center;gap:10px;padding:10px;border:0;border-radius:12px;background:transparent;color:#fff;text-align:left;transition:background-color 140ms ease,transform 140ms cubic-bezier(0.16,1,0.3,1)}.messenger-person:active{transform:scale(0.98)}.messenger-person:hover,.messenger-person.active{background:#222a36}.messenger-person>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.messenger-person strong,.messenger-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-person small{margin-top:3px;color:#8e9aab}.messenger-avatar{position:relative;display:grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border-radius:50%;background:#247ae8 center/cover no-repeat;color:#fff;font-weight:800}.messenger-avatar.large{width:76px;height:76px;flex-basis:76px;font-size:24px}.messenger-presence{position:absolute;right:0;bottom:0;width:11px;height:11px;border:2px solid #161b23;border-radius:50%;background:#626b78}.messenger-presence.online{background:#32d67b}.messenger-list-empty{padding:24px 12px;color:#7f8a9a;text-align:center}.messenger-main{min-width:0;background:radial-gradient(circle at 60% 0,rgba(31,104,214,.11),transparent 35%),#11161d}.messenger-empty{display:grid;height:100%;place-content:center;padding:30px;text-align:center;color:#8e9aab}.messenger-empty:not([hidden]){animation:emptyStateFadeIn 220ms cubic-bezier(0.16,1,0.3,1) both}@keyframes emptyStateFadeIn{from{opacity:0;transform:scale(0.97)}to{opacity:1;transform:scale(1)}}.messenger-empty h2{margin:10px 0 5px;color:#fff}.messenger-empty p{max-width:380px}.messenger-empty-icon{font-size:44px;color:#2587ff}.messenger-conversation{display:grid;height:100%;grid-template-rows:auto minmax(0,1fr) auto auto}.messenger-conversation:not([hidden]),.messenger-conversation.dialog-switch{transform-origin:center center;animation:conversationCenterIn 200ms cubic-bezier(0.16,1,0.3,1) both;will-change:transform,opacity}.messenger-conversation.is-closing{transform-origin:center center;display:grid!important;animation:conversationCenterOut 160ms cubic-bezier(0.25,1,0.5,1) both!important;pointer-events:none}@keyframes conversationCenterIn{from{opacity:0.25;transform:scale(0.98)}to{opacity:1;transform:scale(1)}}@keyframes conversationCenterOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.98)}}.messenger-conversation-head{justify-content:flex-start;background:rgba(17,22,29,.94)}#messenger-peer-identity{display:flex;min-width:0;align-items:center;gap:10px;flex:1}#messenger-peer-identity>span:last-child{display:flex;min-width:0;flex-direction:column}#messenger-peer-identity small{color:#31cb78}.messenger-call-button{display:flex;align-items:center;gap:6px!important;background:#1677ef!important}.messenger-call-button:disabled{opacity:.45}.messenger-messages{overflow:auto;padding:22px clamp(14px,4vw,54px);animation:messagesFadeIn 180ms cubic-bezier(0.16,1,0.3,1) both}@keyframes messagesFadeIn{from{opacity:0.5}to{opacity:1}}.messenger-message{display:flex;flex-direction:column;align-items:flex-start;margin:8px 0}.messenger-message.mine{align-items:flex-end}.messenger-message.message-appear{animation:messageBubbleSlideIn 220ms cubic-bezier(0.16,1,0.3,1) both;will-change:transform,opacity;transform-origin:bottom left}.messenger-message.mine.message-appear{transform-origin:bottom right}@keyframes messageBubbleSlideIn{from{opacity:0;transform:translate3d(0,16px,0) scale(0.96)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}.messenger-message-bubble{position:relative;max-width:min(620px,78%);padding:10px 12px;border:1px solid #2d3746;border-radius:16px 16px 16px 4px;background:#1c2430}.messenger-message.mine .messenger-message-bubble{border-color:#196fce;background:#0e579f;border-radius:16px 16px 4px 16px}.messenger-message-bubble>strong{display:block;margin-bottom:4px;color:#52a5ff;font-size:12px}.messenger-message-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.messenger-message-bubble footer{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:4px;color:#b9c2ce;font-size:10px}.messenger-message-bubble footer>button{border:0;background:transparent;color:#d3dae4}.messenger-reactions{display:flex;gap:4px;margin-top:3px}.messenger-reactions button{padding:3px 7px;border:1px solid #344153;border-radius:12px;background:#202936;color:#fff}.messenger-reactions button.mine{border-color:#2587ff;background:#183b63}.messenger-reaction-picker{position:absolute;right:0;bottom:24px;display:flex;padding:5px;border:1px solid #384355;border-radius:12px;background:#171d26;box-shadow:0 8px 30px #0008}.messenger-reaction-picker button{padding:5px;border:0;background:transparent;font-size:18px}.messenger-composer{display:flex;gap:8px;margin:0 18px 16px;padding:8px;border:1px solid #313a48;border-radius:14px;background:#1b222c}.messenger-composer input[type=text]{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff}.messenger-composer button{width:38px;height:38px;border:0;border-radius:10px;background:#252e3a;color:#fff;font-size:20px}.messenger-composer .messenger-send{background:#147bf3}.messenger-image-draft{display:flex;align-items:center;gap:8px;margin:8px 18px;padding:8px;border-radius:12px;background:#1d2632}.messenger-image-draft img{width:68px;height:52px;border-radius:8px;object-fit:cover}.messenger-image-draft button{padding:8px 12px;border:0;border-radius:8px;background:#297ff0;color:#fff}.messenger-image{display:block;max-width:360px;padding:0;border:0;border-radius:11px;overflow:hidden;background:#111923;color:#aab5c5}.messenger-image img{display:block;max-width:100%;max-height:300px}.direct-call-panel{position:fixed;z-index:130;top:58px;left:50%;width:min(340px,calc(100vw - 24px));transform:translateX(-50%);padding:24px;border:1px solid #354156;border-radius:22px;background:rgba(18,24,33,.97);box-shadow:0 24px 80px #000a;color:#fff;text-align:center}.direct-call-panel[hidden]{display:none}.direct-call-panel>div:first-child{display:flex;justify-content:center}.direct-call-panel>strong,.direct-call-panel>span{display:block;margin-top:9px}.direct-call-panel>span{color:#9ba8b8}.direct-call-panel>div:nth-of-type(2){display:flex;justify-content:center;gap:10px;margin-top:20px}.direct-call-panel button{padding:10px 16px;border:0;border-radius:12px;color:#fff}.direct-call-panel .danger{background:#e83f50}.direct-call-panel .accept{background:#19aa61}.messenger-image-viewer{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;background:#0b0f15;color:#fff}.messenger-image-viewer::backdrop{background:#000c}.messenger-image-viewer header,.messenger-image-viewer footer{position:absolute;z-index:2;right:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#121821eF}.messenger-image-viewer footer{bottom:0;justify-content:center;gap:8px}.messenger-image-viewer button{padding:8px 12px;border:1px solid #394456;border-radius:9px;background:#202936;color:#fff}.messenger-viewer-stage{display:grid;width:100%;height:100%;place-items:center;overflow:hidden}.messenger-viewer-stage img{max-width:90%;max-height:82%;transition:transform .12s}.messenger-image-viewer header div{display:flex;gap:7px}#messenger-mobile-back{display:none}.messenger-open .sidebar-right{visibility:hidden}
@media(max-width:760px){.messenger-shell{grid-template-columns:1fr;top:0;left:0;width:100%;height:100%;overflow:hidden}.messenger-sidebar{position:absolute;inset:0;width:100%;height:100%;transform:translate3d(0,0,0);transition:transform 260ms cubic-bezier(0.16,1,0.3,1),opacity 260ms ease;z-index:1}.messenger-main{position:absolute;inset:0;width:100%;height:100%;transform:translate3d(100%,0,0);transition:transform 260ms cubic-bezier(0.16,1,0.3,1),opacity 260ms ease;z-index:2;pointer-events:none;opacity:0;display:block}.messenger-shell.show-conversation .messenger-sidebar{transform:translate3d(-24%,0,0);opacity:0.4;pointer-events:none}.messenger-shell.show-conversation .messenger-main{transform:translate3d(0,0,0);pointer-events:auto;opacity:1}.messenger-conversation{height:100%}#messenger-mobile-back{display:block;margin-right:8px}.messenger-message-bubble{max-width:88%}.messenger-call-button span{display:none}.messenger-launch-label{display:none}.messenger-image-viewer header{align-items:flex-start}.messenger-image-viewer header strong{display:none}.messenger-image-viewer header div{width:100%;justify-content:flex-end}}
@media(min-width:761px){.messenger-sidebar{position:static;inset:auto;width:auto;height:auto;transform:none!important;opacity:1!important;pointer-events:auto!important}.messenger-main{position:static;inset:auto;width:auto;height:auto;transform:none!important;opacity:1!important;pointer-events:auto!important;display:block!important}}
.category-header{gap:5px}.category-header>span:first-child{margin-right:auto}.category-header #messenger-launch .messenger-launch-label{display:none;color:#eef3ff;letter-spacing:0;text-transform:none}.category-header #messenger-launch .messenger-badge{color:#fff;letter-spacing:0;text-transform:none}.messenger-shell{top:0;right:0;bottom:auto;left:0;height:100%;min-height:0}
.messenger-shell{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:auto!important;height:auto!important}
.messenger-empty[hidden],.messenger-conversation[hidden],.messenger-image-draft[hidden]{display:none!important}
@media(max-width:760px){body.browser-client .messenger-shell{top:var(--mobile-top,48px)!important}}
#messenger-launch{width:calc(100% - 16px);min-height:42px;margin:0 8px 12px;padding:0 12px;justify-content:flex-start;background:var(--sc-v2-bg-control);border-color:var(--sc-v2-border);font-size:13px}#messenger-launch .messenger-launch-label{display:inline!important;color:var(--sc-v2-text-primary)!important;letter-spacing:0!important;text-transform:none!important}#messenger-launch .messenger-badge{margin-left:auto}

/* Personal conversations share the room workspace and theme. */
body:has(#room-active-view:not(.hidden)) .messenger-conversation{padding-bottom:90px;box-sizing:border-box}
#messenger-emoji-picker{position:fixed;inset:auto;margin:0;width:320px;max-width:calc(100vw - 16px);padding:12px;border:1px solid var(--sc-v2-border);border-radius:16px;background:var(--sc-v2-bg-content);color:var(--sc-v2-text-primary);box-shadow:0 12px 40px #0005}
#messenger-emoji-picker input{width:100%;box-sizing:border-box;min-height:38px;border:1px solid var(--sc-v2-border);border-radius:9px;padding:8px;background:var(--sc-v2-bg-control);color:inherit}
#messenger-emoji-picker nav{display:flex;justify-content:space-between;margin:10px 0}
#messenger-emoji-picker button{border:0;border-radius:8px;background:transparent;min-width:36px;min-height:36px;font-size:22px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
#messenger-emoji-picker button:hover,#messenger-emoji-picker button[aria-pressed=true]{background:var(--sc-v2-accent-soft)}
.messenger-nav-kolobok{max-width:24px;max-height:24px;width:auto;height:auto;object-fit:contain;pointer-events:none;image-rendering:pixelated;display:inline-block}
.messenger-emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);max-height:min(240px,35dvh);overflow:auto}
.messenger-shell{left:var(--messenger-left,260px)!important;grid-template-columns:260px minmax(0,1fr);font-family:var(--font-family);background:var(--sc-v2-bg-content);color:var(--sc-v2-text-primary)}
@media(min-width:761px){#app-workspace:not(.sidebar-left-collapsed) .messenger-shell{left:var(--sidebar-width,260px)!important}#app-workspace.sidebar-left-collapsed .messenger-shell{left:0!important}}
.messenger-sidebar{background:var(--sc-v2-bg-sidebar);border-color:var(--sc-v2-border)}
.messenger-main{background:var(--sc-v2-bg-content)}
.messenger-sidebar-head,.messenger-conversation-head{min-height:72px;border-color:var(--sc-v2-border);background:var(--sc-v2-bg-content)}
.messenger-search,.messenger-composer{background:var(--sc-v2-bg-control);border-color:var(--sc-v2-border)}
.messenger-search input,.messenger-composer input[type=text],.messenger-person,.messenger-empty h2{color:var(--sc-v2-text-primary)}
.messenger-sidebar-head span,.messenger-person small,.messenger-list-empty,.messenger-empty,.messenger-list-tabs button{color:var(--sc-v2-text-secondary)}
.messenger-sidebar-head button,.messenger-conversation-head button,.messenger-composer button{background:var(--sc-v2-bg-control);color:var(--sc-v2-text-primary)}
.messenger-person:hover,.messenger-person.active,.messenger-list-tabs button.active{background:var(--sc-v2-accent-soft);color:var(--sc-v2-text-primary)}
#messenger-launch[aria-expanded=true]{background:var(--sc-v2-accent-soft);border-color:var(--sc-v2-accent)}
.messenger-message-bubble{background:var(--sc-v2-bg-card);border-color:var(--sc-v2-border)}
.messenger-message.mine .messenger-message-bubble{background:var(--sc-v2-accent-soft);border-color:var(--sc-v2-border)}
.messenger-message-bubble footer,.messenger-message-bubble footer>button{color:var(--sc-v2-text-secondary)}
.messenger-call-button,.messenger-composer .messenger-send{background:var(--sc-v2-accent)!important;color:#fff!important}
#messenger-peer-identity{background:transparent;padding:0;text-align:left;border-radius:12px}
#messenger-peer-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.messenger-shell button:focus-visible,.messenger-profile button:focus-visible{outline:2px solid var(--sc-v2-accent);outline-offset:3px}
.messenger-profile{margin:auto;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--sc-v2-border);border-radius:20px;background:var(--sc-v2-bg-content);color:var(--sc-v2-text-primary);text-align:center}
.messenger-profile::backdrop{background:#0008;backdrop-filter:blur(6px)}
.messenger-profile form{text-align:right}
.messenger-profile form button{border:0;background:transparent;color:var(--sc-v2-text-secondary);font-size:24px;cursor:pointer}
.messenger-profile-avatar{display:flex;justify-content:center}
.messenger-profile h2{margin:16px 0 6px;overflow-wrap:anywhere;font-size:20px}
.messenger-profile p{color:var(--sc-v2-text-secondary);overflow-wrap:anywhere}
#messenger-profile-write{margin-top:20px;width:100%;min-height:44px;border:0;border-radius:12px;background:var(--sc-v2-accent);color:#fff;cursor:pointer}
@media(max-width:1100px) and (min-width:761px){.messenger-shell{grid-template-columns:220px minmax(0,1fr)}.messenger-conversation-head{padding:12px}.messenger-call-button span{display:none}}
@media(max-width:760px){.messenger-shell{left:0!important;grid-template-columns:1fr}.messenger-sidebar-head button{min-height:44px;min-width:44px}}
/* Bound both grid columns: long people lists must never push the composer offscreen. */
.messenger-shell{grid-template-rows:minmax(0,1fr);overflow:hidden}
.messenger-sidebar,.messenger-main{min-height:0;overflow:hidden}
.messenger-list{min-height:0;flex:1;overflow-y:auto}
.messenger-sidebar-head,.messenger-search,.messenger-list-tabs{flex-shrink:0}
.messenger-conversation{min-height:0;max-height:100%;overflow:hidden}
.messenger-messages{min-height:0;overflow-y:auto}
.messenger-composer{flex-shrink:0;min-width:0}
.messenger-typing-indicator{display:flex;align-items:center;gap:8px;padding:4px 22px 6px;font-size:12px;color:var(--sc-v2-text-secondary);animation:typingFadeIn .2s ease}
.messenger-typing-indicator[hidden]{display:none!important}
.messenger-typing-dots{display:inline-flex;align-items:center;gap:3px}
.messenger-typing-dots .dot{width:4px;height:4px;border-radius:50%;background:var(--sc-v2-accent,#247ae8);animation:typingPulse 1.4s infinite ease-in-out both}
.messenger-typing-dots .dot:nth-child(1){animation-delay:-.32s}
.messenger-typing-dots .dot:nth-child(2){animation-delay:-.16s}
.messenger-typing-dots .dot:nth-child(3){animation-delay:0s}
@keyframes typingPulse{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1.1);opacity:1}}
@keyframes typingFadeIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
#messenger-peer-identity small.typing,.messenger-person small.typing{color:var(--sc-v2-accent,#33a1ff)!important;font-weight:600}
.messenger-icon,.messenger-svg{display:inline-block;width:20px;height:20px;flex:0 0 20px;vertical-align:middle}
.messenger-icon{background:currentColor;mask:var(--messenger-icon) center/contain no-repeat}
.messenger-composer button{display:grid;place-items:center;flex-shrink:0}
.messenger-empty-icon .messenger-icon{width:44px;height:44px}
.messenger-receipt{margin-left:2px;color:var(--sc-v2-text-secondary);font-weight:800;letter-spacing:-3px;padding-right:3px}.messenger-receipt.read{color:#33a1ff}
#messenger-profile-friend,#messenger-profile-write{margin-top:10px;width:100%;min-height:44px;border:1px solid var(--sc-v2-border);border-radius:12px;background:var(--sc-v2-bg-control);color:var(--sc-v2-text-primary);cursor:pointer}#messenger-profile-write{background:var(--sc-v2-accent);color:#fff}#messenger-profile-friend:disabled{opacity:.55}
.direct-call-panel{display:grid;width:min(520px,calc(100vw - 24px));padding:0;overflow:hidden;text-align:initial;touch-action:none;user-select:none;background:var(--sc-v2-bg-content);border-color:var(--sc-v2-border)}
.direct-call-panel[hidden]{display:none}.direct-call-panel>header{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 12px;border-bottom:1px solid var(--sc-v2-border);cursor:move;color:var(--sc-v2-text-secondary)}.direct-call-panel>header div{display:flex;align-items:center;gap:6px}.direct-call-panel>header button{width:32px;height:32px;padding:0;border:0;border-radius:8px;background:var(--sc-v2-bg-control);color:var(--sc-v2-text-primary);cursor:pointer;display:grid;place-items:center}
.direct-call-stage{position:relative;display:grid;min-height:260px;place-content:center;place-items:center;overflow:hidden;background:radial-gradient(circle at center,var(--sc-v2-accent-soft),transparent 65%),#0d1117;text-align:center}.direct-call-stage>strong,.direct-call-stage>span{z-index:1;margin-top:8px}.direct-call-stage>span{color:var(--sc-v2-text-secondary)}
#direct-call-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#080b10}#direct-call-video[hidden]{display:none}
.direct-call-panel.sharing .direct-call-stage{min-height:380px}
.direct-call-panel.sharing #direct-call-avatar,.direct-call-panel.sharing #direct-call-name,.direct-call-panel.sharing #direct-call-status{display:none!important}
.direct-call-panel.fullscreen{position:fixed!important;inset:0!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;transform:none!important;border-radius:0!important;border:none!important;z-index:99999!important;display:flex!important;flex-direction:column!important;background:#000!important}
.direct-call-panel.fullscreen .direct-call-stage{flex:1!important;width:100%!important;height:100%!important;min-height:0!important;background:#000!important}
.direct-call-panel.fullscreen #direct-call-video{width:100%!important;height:100%!important;object-fit:contain!important}
.direct-call-panel.fullscreen .direct-call-controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);background:rgba(18,24,33,.88);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:8px 16px;backdrop-filter:blur(12px);z-index:10}
.direct-call-panel.fullscreen .direct-call-reactions{position:absolute;bottom:84px;left:50%;transform:translateX(-50%);background:rgba(18,24,33,.75);border-radius:14px;backdrop-filter:blur(10px);z-index:10}
.direct-call-panel.fullscreen header{position:absolute;top:0;left:0;right:0;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);border-bottom:none;z-index:10;padding:12px 18px}
.direct-call-reactions,.direct-call-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:0!important;padding:10px 12px}.direct-call-reactions{padding-bottom:0}.direct-call-reactions button{font-size:20px;background:var(--sc-v2-bg-control)}.direct-call-controls{flex-wrap:wrap}.direct-call-controls button{min-height:40px;background:var(--sc-v2-bg-control);color:var(--sc-v2-text-primary)}.direct-call-controls button.active{background:var(--sc-v2-accent)}.direct-call-controls button.off,.direct-call-controls .danger{background:#d9364b}.direct-call-controls .accept{background:#18a866}
.direct-call-panel:not(.connected) #direct-call-screen,.direct-call-panel:not(.connected) #direct-call-chat,.direct-call-panel:not(.connected) #direct-call-mic,.direct-call-panel:not(.connected) .direct-call-reactions{display:none}
.direct-call-panel.compact{width:260px}.direct-call-panel.compact .direct-call-stage{min-height:105px}.direct-call-panel.compact .direct-call-reactions,.direct-call-panel.compact .direct-call-controls button:not(.danger),.direct-call-panel.compact #direct-call-video{display:none}
.direct-call-panel.compact.sharing .direct-call-stage{min-height:146px}.direct-call-panel.compact.sharing #direct-call-video:not([hidden]),.direct-call-panel.fullscreen #direct-call-video:not([hidden]){display:block}
@media(max-width:600px){.direct-call-panel{width:calc(100vw - 16px);max-height:calc(100dvh - 56px)}.direct-call-stage{min-height:210px}.direct-call-controls button{font-size:12px}}
.messenger-conversation{position:relative}
.messenger-scroll-bottom{position:absolute;right:24px;bottom:80px;z-index:15;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(22,27,35,.92);color:#c9d5e6;box-shadow:0 4px 16px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);transition:transform .15s ease,background .15s ease}
.messenger-scroll-bottom:hover{background:#253040;color:#fff;transform:translateY(-2px)}
.messenger-scroll-bottom[hidden]{display:none!important}
.messenger-scroll-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#147bf3;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;border:2px solid #161b23}
.messenger-message-bubble footer>button.messenger-react-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:3px;border:0;border-radius:6px;background:transparent;color:var(--sc-v2-text-secondary,#8e9aab);cursor:pointer;transition:background .15s ease,color .15s ease,transform .1s ease;flex-shrink:0}
.messenger-message-bubble footer>button.messenger-react-btn:hover{background:var(--sc-v2-accent-soft,rgba(255,255,255,.12));color:var(--sc-v2-text-primary,#fff);transform:scale(1.15)}
.messenger-react-svg{width:16px;height:16px;display:block;pointer-events:none}
.messenger-react-btn-icon{width:16px;height:16px;object-fit:contain;display:block;pointer-events:none;image-rendering:pixelated}
#browser-notification-stack{position:fixed;z-index:9999;bottom:16px;right:16px;display:flex;flex-direction:column-reverse;gap:10px;width:min(340px,calc(100vw - 32px));pointer-events:none}
.browser-notification-card{pointer-events:auto;width:100%;padding:12px 14px;border-radius:14px;background:rgba(18,24,34,.96);border:1px solid rgba(255,255,255,.12);box-shadow:none;backdrop-filter:blur(12px);cursor:pointer;display:flex;flex-direction:column;transform-origin:bottom right;animation:browserCardEnter .26s cubic-bezier(.16,1,.3,1) forwards;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.browser-notification-card:hover{background:rgba(24,32,45,.98);border-color:rgba(240,178,50,.35);transform:translateY(-2px)}
.browser-notification-card.card-exit{animation:browserCardExit .22s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}
.browser-notification-card .card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.browser-notification-card .card-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#f0b232}
.browser-notification-card .card-close{width:20px;height:20px;border:none;background:transparent;color:#8e9aab;font-size:16px;line-height:18px;text-align:center;border-radius:4px;cursor:pointer;transition:color .15s,background .15s}
.browser-notification-card .card-close:hover{color:#fff;background:rgba(255,255,255,.1)}
.browser-notification-card .card-body{display:flex;align-items:center;gap:12px;min-width:0}
.browser-notification-card .pacman-badge{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:rgba(240,178,50,.12);border:1px solid rgba(240,178,50,.28);display:flex;align-items:center;justify-content:center}
.browser-notification-card .pacman-badge svg{width:24px;height:24px;display:block}
.browser-notification-card .card-content{flex:1;min-width:0;display:flex;flex-direction:column}
.browser-notification-card .card-author{font-size:13.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}
.browser-notification-card .card-message{font-size:12.5px;color:#b8c4d4;margin-top:3px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.browser-notification-card .card-message .chat-kolobok{width:18px;height:18px;max-width:18px;max-height:18px;vertical-align:-3px;margin:0 2px;display:inline-block;image-rendering:pixelated}
.messenger-person small .chat-kolobok{width:16px;height:16px;max-width:16px;max-height:16px;vertical-align:-3px;margin:0 1px;display:inline-block;image-rendering:pixelated}
@keyframes browserCardEnter{from{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes browserCardExit{from{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(42px) scale(.92)}}
.messenger-image{min-width:160px;min-height:90px;display:flex;align-items:center;justify-content:center}
.messenger-list-tabs button{display:flex;align-items:center;justify-content:center;gap:6px}
#messenger-friends-badge{position:static;margin-left:6px}
.messenger-row-action-btn{flex-shrink:0;margin-left:auto;padding:5px 10px;border:1px solid var(--sc-v2-border,rgba(255,255,255,.15));border-radius:8px;background:var(--sc-v2-accent,#147bf3);color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s}
.messenger-row-action-btn:hover{opacity:.9;transform:scale(1.02)}
.messenger-row-action-btn:disabled{opacity:.55;cursor:default;transform:none}
.messenger-context-menu{position:fixed;z-index:1000;display:flex;flex-direction:column;min-width:160px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#18202c;box-shadow:0 10px 30px rgba(0,0,0,.55)}
.messenger-context-item{width:100%;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:#eef3ff;font-size:13px;text-align:left;cursor:pointer;transition:background .12s}
.messenger-context-item:hover{background:#253346}
.messenger-context-item:disabled{opacity:.5;cursor:default}
.messenger-reaction-picker[popover]{position:fixed;inset:auto;margin:0;box-sizing:border-box;flex-wrap:wrap;z-index:10000;color:var(--sc-v2-text-primary,#fff);background:var(--sc-v2-bg-content,#171d26)}
.messenger-reaction-picker[popover] button{flex:0 0 32px;height:34px;border:0;background:transparent;border-radius:7px;cursor:pointer}
.messenger-reaction-picker[popover] button:hover{background:var(--sc-v2-accent-soft,#243041)}
.direct-call-panel{max-height:calc(100dvh - 66px);grid-template-rows:auto minmax(0,1fr) auto auto}
.direct-call-panel.sharing .direct-call-stage{min-height:min(380px,calc(100dvh - 240px))}
#direct-call-screen-status{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:5px 9px;border-radius:8px;background:#121821dd;color:#fff;font-size:12px;pointer-events:none}
#direct-call-screen-status[hidden]{display:none}
#screen-picker-modal:not(.hidden){z-index:200}

/* Home: friends are the first useful action when no room is selected. */
#room-splash-screen{align-items:flex-start;overflow:auto;padding:clamp(24px,5vh,56px) clamp(18px,4vw,48px);text-align:left}
#room-splash-screen .splash-content{width:min(760px,100%);max-width:760px;align-items:stretch;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.home-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.home-heading>div{display:flex;flex-direction:column;gap:4px}.home-heading span{color:var(--sc-v2-text-muted,#8491a4);font-size:12px}.home-heading h2{margin:0!important;color:var(--sc-v2-text-primary,#fff);font-size:clamp(22px,3vw,28px)!important}
.home-icon-button{display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid var(--sc-v2-border,#303745);border-radius:10px;background:var(--sc-v2-bg-control,#202630);color:var(--sc-v2-text-secondary,#aeb8c8);cursor:pointer}.home-icon-button:hover{color:#fff;border-color:#465165}.home-icon-button svg{width:18px;height:18px}
.home-friends{overflow:hidden;border:1px solid var(--sc-v2-border,#303745);border-radius:14px;background:var(--sc-v2-bg-panel,#161b23)}
.home-friends-head{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 16px;border-bottom:1px solid var(--sc-v2-border,#303745)}
.home-friends-head>div{display:flex;align-items:baseline;gap:9px}.home-friends-head strong{font-size:16px}.home-friends-head span{color:var(--sc-v2-text-muted,#8491a4);font-size:12px}
.home-friends-head button,.home-friends-empty button,.messenger-list-empty button{border:0;border-radius:8px;background:transparent;color:var(--sc-v2-accent,#3091ff);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.home-friends-head button{padding:8px 9px}.home-friends-head button:hover,.messenger-list-empty button:hover{background:var(--sc-v2-accent-soft,#172e4c)}
.home-friends-list{display:flex;flex-direction:column;background:var(--sc-v2-bg-panel,#161b23)}.home-friends-list[hidden]{display:none}
.home-friend{display:flex;min-width:0;align-items:center;gap:11px;padding:13px 15px;border:0;border-bottom:1px solid var(--sc-v2-border,#303745);background:var(--sc-v2-bg-panel,#161b23);color:var(--sc-v2-text-primary,#fff);text-align:left;cursor:pointer}.home-friend:last-child{border-bottom:0}.home-friend:hover{background:var(--sc-v2-bg-hover,#202733)}
.home-friend .messenger-avatar{flex-basis:42px;width:42px;height:42px}.home-friend>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.home-friend strong,.home-friend small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-friend small{color:var(--sc-v2-text-muted,#8491a4)}.home-friend-arrow{color:var(--sc-v2-text-muted,#8491a4);font-size:25px;font-weight:300}
.home-friends-empty{display:flex;min-height:238px;align-items:center;justify-content:center;flex-direction:column;padding:28px;text-align:center}.home-friends-empty[hidden]{display:none}.home-friends-empty svg{width:43px;height:43px;margin-bottom:14px;color:#f0b232}.home-friends-empty strong{font-size:17px}.home-friends-empty p{max-width:440px;margin:7px 0 16px!important;color:var(--sc-v2-text-muted,#8491a4);font-size:13px!important;line-height:1.5!important}.home-friends-empty button{padding:9px 15px;background:var(--sc-v2-accent,#1687ff);color:#fff}.home-friends-empty button:hover{background:#2b94ff}
#room-splash-screen .splash-actions{justify-content:flex-start;margin-top:16px}#room-splash-screen .splash-actions .btn{flex:0 0 auto;min-width:0;padding-inline:16px}#room-splash-screen #splash-create-btn{order:2;color:var(--sc-v2-text-secondary,#aeb8c8)}

/* Messenger follows the same quiet panel rhythm as the rooms view. */
.messenger-sidebar-head{min-height:68px;padding:12px 16px}.messenger-sidebar-head div{gap:3px}.messenger-sidebar-head strong{font-size:18px}.messenger-sidebar-head span{font-size:11px;text-transform:none;letter-spacing:0}
.messenger-main{background:var(--sc-v2-bg-content,#11161d)}.messenger-search{margin:12px 12px 10px;border-radius:9px}.messenger-list-tabs{padding:0 12px 9px;border-bottom:1px solid rgba(255,255,255,.04)}.messenger-list-tabs button{border-radius:7px}
.messenger-person{border-radius:8px}.messenger-empty-icon{display:grid;width:48px;height:48px;margin:auto;place-items:center;border:1px solid var(--sc-v2-border,#303745);border-radius:14px;background:var(--sc-v2-bg-panel,#161b23);font-size:0}.messenger-empty h2{font-size:19px}.messenger-empty p{margin-top:3px;color:var(--sc-v2-text-muted,#8491a4)}
.messenger-list-empty{display:flex;align-items:center;flex-direction:column;gap:10px;padding:25px 12px}.messenger-list-empty p{margin:0}.messenger-list-empty button{padding:7px 10px}
#messenger-launch.in-call{min-height:38px;border-color:rgba(48,145,255,.3);background:rgba(35,112,202,.14)}
#copy-room-link-btn{gap:7px!important;padding-inline:12px!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important}#copy-room-link-btn:hover{background:var(--sc-v2-bg-hover,#222a36)!important}

@media(max-width:760px){#room-splash-screen{padding:18px 14px}.home-friends-empty{min-height:220px;padding:24px 18px}#room-splash-screen .splash-actions{flex-direction:column}#room-splash-screen .splash-actions .btn{width:100%}}
.messenger-requests-notice{display:block;width:calc(100% - 24px);margin:6px 12px 12px;padding:11px 12px;border:1px solid var(--sc-v2-accent,#3091ff);border-radius:9px;background:var(--sc-v2-accent-soft,#172e4c);color:var(--sc-v2-text-primary,#f3f6fb);font:inherit;font-size:13px;font-weight:600;text-align:left;line-height:1.5;cursor:pointer;overflow-wrap:anywhere}
.messenger-requests-notice[hidden]{display:none}
.messenger-requests-notice:hover{filter:brightness(1.15)}
.messenger-requests-notice:focus-visible{outline:2px solid var(--sc-v2-accent,#3091ff);outline-offset:3px}
.presence-picker-label{display:block;max-width:132px}.presence-picker-label .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#presence-picker{width:100%;min-width:0;border:0;border-radius:4px;background:transparent;color:var(--sc-v2-text-muted,#adb8ca);font:inherit;font-size:11px;cursor:pointer;padding:3px 0}#presence-picker option{background:var(--sc-v2-bg-panel,#161b23);color:var(--sc-v2-text-primary,#f3f6fb)}#presence-picker:focus-visible{outline:2px solid var(--sc-v2-accent,#3091ff)}
.status-indicator.dnd,.messenger-presence.dnd{background:#ed4245!important}.status-indicator.invisible,.status-indicator.offline,.messenger-presence.offline{background:#7b8493!important}.status-indicator.away,.messenger-presence.away{background:#f0b232!important}.messenger-presence.online{background:#23a55a}
.user-status-text[hidden]{display:none!important}.peer-presence-label{font-size:11px;color:var(--sc-v2-text-muted,#adb8ca)}[data-presence="dnd"] .peer-presence-label{color:#ed4245}

/* iOS/Telegram dialog spring animations */
@keyframes dialogPopIn {
  0% {
    opacity: 0;
    transform: scale(0.93) translateY(12px) translateZ(0);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0) translateZ(0);
  }
}

@keyframes dialogBackdropIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.messenger-profile[open] {
  animation: dialogPopIn 0.26s cubic-bezier(0.16, 1, 0.3, 1) both;
  will-change: transform, opacity;
}

.messenger-profile[open]::backdrop {
  animation: dialogBackdropIn 0.24s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.messenger-image-viewer[open] {
  animation: dialogPopIn 0.26s cubic-bezier(0.16, 1, 0.3, 1) both;
  will-change: transform, opacity;
}

.messenger-image-viewer[open]::backdrop {
  animation: dialogBackdropIn 0.24s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@media (prefers-reduced-motion: reduce) {
  .messenger-shell:not([hidden]),
  .messenger-shell.is-closing,
  .messenger-conversation:not([hidden]),
  .messenger-conversation.dialog-switch,
  .messenger-conversation.is-closing,
  .messenger-list.list-switch,
  .messenger-message.message-appear,
  .messenger-empty:not([hidden]),
  .messenger-sidebar,
  .messenger-main,
  .messenger-profile[open],
  .messenger-image-viewer[open] {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* Kolobki Smilies & Stickers */
.chat-kolobok {
  vertical-align: middle;
  display: inline-block;
  height: 24px;
  width: auto;
  max-width: 48px;
  object-fit: contain;
  margin: -2px 2px;
  image-rendering: auto;
}
.chat-kolobok-large {
  height: 42px;
  max-width: 80px;
  margin: 4px;
  vertical-align: middle;
}
.chat-kolobok-sticker-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}
.messenger-kolobok-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 2px;
  border: 0;
  background: transparent;
  border-radius: 9px;
  cursor: pointer;
  transition: transform 0.12s ease, background-color 0.12s ease;
}
.messenger-kolobok-btn:hover {
  background: var(--sc-v2-accent-soft, rgba(255, 255, 255, 0.08));
  transform: scale(1.18);
}
.messenger-kolobok-btn:active {
  transform: scale(0.95);
}
.messenger-kolobok-btn img {
  max-width: 30px;
  max-height: 30px;
  object-fit: contain;
}
.messenger-kolobok-empty {
  grid-column: 1 / -1;
  text-align: center;
  padding: 24px 12px;
  color: var(--sc-v2-text-secondary, #8e9aab);
  font-size: 13px;
}
#messenger-emoji-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}
.messenger-emoji-btn-icon {
  width: 22px;
  height: 22px;
  object-fit: contain;
  display: block;
  margin: auto;
  pointer-events: none;
  image-rendering: pixelated;
}
.reaction-kolobok-icon {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  object-fit: contain;
  margin-right: 4px;
  display: inline-block;
  image-rendering: pixelated;
}

/* Full messenger workspace: navigation, dialogs, conversation and profile. */
.messenger-shell{
  left:88px!important;
  grid-template-columns:320px minmax(420px,1fr);
  background:#0d1219;
}
#app-workspace .messenger-shell,#app-workspace:not(.sidebar-left-collapsed) .messenger-shell,#app-workspace.sidebar-left-collapsed .messenger-shell{left:88px!important}
.messenger-shell.profile-open{grid-template-columns:320px minmax(420px,1fr) 330px}
.app-section-rail{display:flex;width:88px;min-width:88px;min-height:0;flex:0 0 88px;flex-direction:column;align-items:stretch;gap:7px;padding:16px 10px 14px;border-right:1px solid var(--sc-v2-border,#28303b);background:#111820;z-index:45}
.app-section-rail button{position:relative;display:flex;min-height:66px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:8px 5px;border:0;border-radius:13px;background:transparent;color:#9eabba;font:inherit;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}
.app-section-rail button:hover{background:#182536;color:#eaf2ff}.app-section-rail button:active{transform:scale(.97)}
.app-section-rail button.active{background:linear-gradient(145deg,#133a61,#0f2d4c);color:#48a6ff}.app-section-rail button>span:first-child{display:grid;width:28px;height:28px;place-items:center}.app-section-rail svg{width:25px;height:25px}.app-section-rail small,.app-section-rail .messenger-launch-label{display:block!important;font-size:11px;color:inherit!important}
.app-section-rail #messenger-launch{width:auto;min-width:0;min-height:66px;margin:0;padding:8px 5px;justify-content:center;background:transparent;border:0;font-size:inherit}.app-section-rail #messenger-launch[aria-expanded=true]{background:linear-gradient(145deg,#133a61,#0f2d4c);border:0;color:#48a6ff}.app-section-rail #messenger-launch>span:first-child{display:grid;width:28px;height:28px;place-items:center}.app-section-rail #messenger-launch svg{width:25px;height:25px}
.app-section-rail .messenger-badge{position:absolute;top:6px;right:8px;margin:0!important;border:2px solid #111820;background:#168dff;line-height:14px}
.messenger-rail{display:flex;min-height:0;flex-direction:column;align-items:stretch;gap:7px;padding:16px 10px 14px;border-right:1px solid var(--sc-v2-border,#28303b);background:#111820}
.messenger-rail button{position:relative;display:flex;min-height:66px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:8px 5px;border:0;border-radius:13px;background:transparent;color:#9eabba;font:inherit;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}
.messenger-rail button:hover{background:#182536;color:#eaf2ff}.messenger-rail button:active{transform:scale(.97)}
.messenger-rail button.active{background:linear-gradient(145deg,#133a61,#0f2d4c);color:#48a6ff}
.messenger-rail button>span{display:grid;width:28px;height:28px;place-items:center}.messenger-rail svg{width:25px;height:25px}.messenger-rail small{font-size:11px;color:inherit}
#messenger-rail-badge{position:absolute;top:6px;right:10px;min-width:18px;height:18px;padding:0 5px;border:2px solid #111820;border-radius:10px;background:#168dff;color:#fff;font-size:10px;line-height:14px;text-align:center}
.messenger-sidebar{background:#121922}.messenger-sidebar-head{gap:8px;min-height:76px;padding:13px 15px;background:#121922}.messenger-sidebar-head div{margin-right:auto}.messenger-sidebar-head strong{font-size:21px}
#messenger-compose,#messenger-close{display:grid;width:38px;height:38px;place-items:center;padding:0;border:0;border-radius:11px;background:#202936;color:#dbe6f5}#messenger-compose svg{width:20px;height:20px}#messenger-close{display:none}
.messenger-search{min-height:46px;margin:0 15px 12px;padding:0 13px;border-radius:10px;background:#1b2430}.messenger-search svg{width:20px;height:20px}.messenger-search input{font-size:14px}
.messenger-list-tabs{padding:0 15px 12px;gap:10px}.messenger-list-tabs button{min-height:38px;font-size:14px;font-weight:650}.messenger-list-tabs button.active{background:#12375c;color:#fff}
.messenger-list{padding:0 8px 16px}.messenger-person{min-height:66px;padding:9px 10px;border-radius:10px}.messenger-person:hover{background:#18232f}.messenger-person.active{background:linear-gradient(90deg,#103a62,#143657)}.messenger-person .messenger-avatar{width:46px;height:46px;flex-basis:46px}.messenger-person strong{font-size:14px}.messenger-person small{font-size:13px}
.messenger-conversation-head{min-height:76px;padding:12px 18px;border-color:#26303b;background:#0f151d}.messenger-conversation-head #messenger-peer-identity{background:transparent}.messenger-conversation-head #messenger-peer-identity .messenger-avatar{width:44px;height:44px;flex-basis:44px}.messenger-conversation-head #messenger-peer-identity strong{font-size:16px}.messenger-conversation-head #messenger-peer-identity small{margin-top:3px;color:#2fd582}
.messenger-head-actions{position:relative;display:flex;align-items:center;gap:9px}.messenger-head-actions>button{display:grid;width:40px;height:40px;place-items:center;padding:0!important;border-radius:11px!important;background:#1b2430!important;color:#c4d1e2!important}.messenger-head-actions>button:hover{background:#243244!important;color:#fff!important}.messenger-head-actions svg{width:21px;height:21px}
.messenger-more-menu{position:absolute;z-index:50;top:48px;right:0;width:190px;padding:6px;border:1px solid #34404f;border-radius:12px;background:#18212c;box-shadow:0 14px 38px #0009}.messenger-more-menu[hidden]{display:none}.messenger-more-menu button{display:block;width:100%;padding:10px 11px;border:0;border-radius:8px;background:transparent;color:#e6edf7;text-align:left}.messenger-more-menu button:hover{background:#243244}.messenger-more-menu button.danger{color:#ff7080}
.messenger-messages{background:radial-gradient(circle at 50% 0,rgba(34,104,176,.08),transparent 38%);padding-inline:clamp(18px,4vw,58px)}.messenger-composer{min-height:56px;margin:0 18px 18px;padding:7px 8px;border-radius:15px;background:#19222d}.messenger-composer input[type=text]{font-size:14px}
.messenger-profile-pane{position:relative;min-width:0;overflow-y:auto;padding:24px 18px 20px;border-left:1px solid #27313c;background:#101720;color:#eef4ff;text-align:center}.messenger-profile-pane[hidden]{display:none}.messenger-profile-pane-close{position:absolute;top:15px;right:15px;width:34px;height:34px;border:0;background:transparent;color:#c6d1df;font-size:28px;font-weight:200;cursor:pointer}.messenger-profile-pane-avatar{display:flex;justify-content:center;margin:0 0 12px}.messenger-profile-pane-avatar .messenger-avatar.large{width:84px;height:84px;flex-basis:84px}.messenger-profile-pane h2{margin:0;font-size:20px}.messenger-profile-handle{margin:5px 0 0;color:#8998aa}.messenger-profile-presence{margin:7px 0 0;color:#2dd47f;font-size:13px}.messenger-profile-about{min-height:18px;margin:12px auto 0;color:#a8b4c3;font-size:13px;line-height:1.45}
.messenger-profile-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0 14px}.messenger-profile-actions button{display:flex;min-height:66px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:0;border-radius:12px;background:#1b2430;color:#edf4ff;font:inherit;font-size:12px}.messenger-profile-actions button:first-child{background:#1688ff}.messenger-profile-actions svg{width:23px;height:23px}
.messenger-sidebar-head{display:none!important}
.messenger-profile-bio-box{padding:10px 12px;border-radius:10px;background:var(--sc-v2-bg-control,#1d2633);margin-bottom:10px}
.messenger-profile-bio-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--sc-v2-text-secondary,#8e9aab);margin-bottom:5px}
.messenger-profile-bio-text{margin:0;font-size:13px;line-height:1.45;color:var(--sc-v2-text-primary,#fff);white-space:pre-wrap;overflow-wrap:anywhere}
.messenger-profile-bio-text.empty{color:var(--sc-v2-text-secondary,#7f8c9d);font-style:italic}
.messenger-profile-card{margin-top:12px;padding:14px;border:1px solid #2a3541;border-radius:13px;background:#151d27;text-align:left}.messenger-profile-card>header{display:flex;align-items:center;justify-content:space-between}.messenger-profile-card h3{margin:0 0 9px;font-size:14px}.messenger-profile-card>header h3{margin:0}.messenger-profile-card>header button{border:0;background:transparent;color:#3d9cff;font:inherit;font-size:12px}.messenger-profile-detail{position:relative;display:flex;min-height:34px;align-items:center;gap:11px;color:#d3dce8;font-size:13px}.messenger-profile-detail svg{width:20px;height:20px;color:#9cabbc}.messenger-profile-detail span{flex:1}.messenger-profile-detail input{position:absolute;opacity:0;pointer-events:none}.messenger-profile-detail i{position:relative;width:38px;height:21px;border-radius:12px;background:#3b4653;transition:background .15s}.messenger-profile-detail i:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .15s}.messenger-profile-detail input:checked+i{background:#168cff}.messenger-profile-detail input:checked+i:after{transform:translateX(17px)}
.messenger-profile-media{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:11px}.messenger-profile-media .messenger-image{min-width:0;min-height:54px;width:100%;height:54px;border-radius:8px}.messenger-profile-media .messenger-image img{width:100%;height:100%;object-fit:cover}.messenger-profile-section-empty{display:block;grid-column:1/-1;padding:10px 0;color:#7f8c9d;font-size:12px}.messenger-mutual-list,.messenger-mutual-friends{margin-top:10px}.messenger-mutual-row{display:flex;align-items:center;gap:9px}.messenger-mutual-row>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#202a36}.messenger-mutual-row svg{width:19px;height:19px}.messenger-mutual-row strong{font-size:13px}.messenger-mutual-friends{display:flex;gap:7px}.messenger-mutual-friends .messenger-avatar{width:39px;height:39px;flex-basis:39px}
@media(max-width:1180px){.app-section-rail{width:80px;min-width:80px;flex-basis:80px;padding-inline:7px}.messenger-shell.profile-open{left:80px!important;grid-template-columns:280px minmax(360px,1fr) 300px}.messenger-shell{left:80px!important;grid-template-columns:280px minmax(360px,1fr)}#app-workspace .messenger-shell,#app-workspace:not(.sidebar-left-collapsed) .messenger-shell,#app-workspace.sidebar-left-collapsed .messenger-shell{left:80px!important}}
@media(max-width:900px) and (min-width:761px){.app-section-rail{width:72px;min-width:72px;flex-basis:72px}.messenger-shell.profile-open{left:72px!important;grid-template-columns:240px minmax(340px,1fr)}.messenger-shell{left:72px!important;grid-template-columns:240px minmax(340px,1fr)}#app-workspace .messenger-shell,#app-workspace:not(.sidebar-left-collapsed) .messenger-shell,#app-workspace.sidebar-left-collapsed .messenger-shell{left:72px!important}.messenger-profile-pane{position:absolute;z-index:60;top:0;right:0;bottom:0;width:310px;box-shadow:-18px 0 40px #0008}.app-section-rail small,.app-section-rail .messenger-launch-label{font-size:10px}}
@media(max-width:760px){#app-workspace{padding-bottom:62px;box-sizing:border-box}.app-section-rail{position:fixed;z-index:90;right:0;bottom:0;left:0;width:auto;min-width:0;height:62px;min-height:62px;flex:0 0 auto;flex-direction:row;justify-content:center;padding:5px 10px;border-top:1px solid var(--sc-v2-border,#28303b);border-right:0}.app-section-rail button,.app-section-rail #messenger-launch{width:min(120px,31vw);min-height:52px;padding:4px}.app-section-rail button>span:first-child,.app-section-rail #messenger-launch>span:first-child{width:23px;height:23px}.app-section-rail svg,.app-section-rail #messenger-launch svg{width:21px;height:21px}.messenger-shell,.messenger-shell.profile-open,#app-workspace .messenger-shell,#app-workspace:not(.sidebar-left-collapsed) .messenger-shell,#app-workspace.sidebar-left-collapsed .messenger-shell{left:0!important;bottom:62px!important;grid-template-columns:1fr}.messenger-rail{display:none}.messenger-profile-pane{position:absolute;z-index:70;inset:0;width:auto}.messenger-sidebar-head{padding-left:16px}#messenger-close{display:none}.messenger-head-actions{gap:5px}.messenger-head-actions>button{width:38px;height:38px}#messenger-find{display:none}.messenger-conversation-head{padding-inline:10px}.messenger-conversation-head #messenger-peer-identity .messenger-avatar{width:38px;height:38px;flex-basis:38px}}
body.screen-share-window-fullscreen .app-section-rail{display:none}
.messenger-reactions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}
.messenger-react-kolobok {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
  pointer-events: none;
  transition: transform 0.12s ease;
}
.messenger-reaction-picker button:hover .messenger-react-kolobok {
  transform: scale(1.2);
}

/* Unified application navigation and messenger surface (SvoiCall V2). */
:root{--app-section-rail-width:84px}
.app-section-rail{
  width:var(--app-section-rail-width);min-width:var(--app-section-rail-width);flex-basis:var(--app-section-rail-width);
  gap:8px;padding:18px 8px 14px;border-right:1px solid var(--sc-v2-border);background:var(--sc-v2-bg-sidebar);
  font-family:var(--font-family);box-sizing:border-box
}
.app-section-rail button,.app-section-rail #messenger-launch{
  min-height:68px;margin:0;padding:7px 4px;gap:5px;border:0;border-radius:16px;background:transparent;
  color:var(--sc-v2-text-secondary);font-family:var(--font-family);font-size:11px;font-weight:510;line-height:14px;
  transition:background-color 160ms ease,color 160ms ease,transform 160ms cubic-bezier(.16,1,.3,1)
}
.app-section-rail button:hover,.app-section-rail #messenger-launch:hover{background:var(--sc-v2-bg-control);color:var(--sc-v2-text-primary)}
.app-section-rail button.active,.app-section-rail #messenger-launch[aria-expanded=true]{background:var(--sc-v2-accent-soft);color:var(--sc-v2-accent)}
.app-section-rail button>span:first-child,.app-section-rail #messenger-launch>span:first-child{
  display:grid;width:40px;height:40px;place-items:center;border-radius:14px;background:var(--sc-v2-bg-control);
  transition:background-color 160ms ease,transform 160ms cubic-bezier(.16,1,.3,1)
}
.app-section-rail button.active>span:first-child,.app-section-rail #messenger-launch[aria-expanded=true]>span:first-child{background:var(--sc-v2-accent)}
.app-section-rail button.active>span:first-child svg,.app-section-rail #messenger-launch[aria-expanded=true]>span:first-child svg{color:#fff}
.app-section-rail .app-section-icon{display:block;width:24px;height:24px;object-fit:contain;opacity:.78;pointer-events:none}
body:not(.light-theme) .app-section-rail .app-section-icon{filter:invert(1) brightness(1.35)}
.app-section-rail button.active .app-section-icon,.app-section-rail #messenger-launch[aria-expanded=true] .app-section-icon{filter:invert(1) brightness(3);opacity:1}
.app-section-rail small,.app-section-rail .messenger-launch-label{font-size:11px!important;font-weight:510;line-height:14px}
.app-section-rail .messenger-badge{top:5px;right:5px;border-color:var(--sc-v2-bg-sidebar);background:var(--sc-v2-accent)}

.messenger-shell,.messenger-shell.profile-open{
  left:var(--app-section-rail-width)!important;grid-template-columns:260px minmax(420px,1fr);background:var(--sc-v2-bg-content);
  color:var(--sc-v2-text-primary);font-family:var(--font-family)
}
#app-workspace .messenger-shell,#app-workspace:not(.sidebar-left-collapsed) .messenger-shell,#app-workspace.sidebar-left-collapsed .messenger-shell{left:var(--app-section-rail-width)!important}
.messenger-shell.profile-open{grid-template-columns:260px minmax(420px,1fr) 300px}
.messenger-shell:not([hidden]){animation:appSectionIn 190ms cubic-bezier(.16,1,.3,1) both;transform-origin:center}
.messenger-shell.is-closing{animation:appSectionOut 155ms ease both!important}
@keyframes appSectionIn{from{opacity:0;transform:translate3d(12px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes appSectionOut{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(-10px,0,0)}}

.messenger-sidebar{background:var(--sc-v2-bg-sidebar);border-right:1px solid var(--sc-v2-border)}
.messenger-sidebar-head{min-height:72px;padding:12px 18px;border-color:var(--sc-v2-border);background:transparent}
.messenger-sidebar-head strong{color:var(--sc-v2-text-primary);font-family:var(--header-family);font-size:18px;font-weight:590;line-height:24px}
#messenger-compose,#messenger-close{width:36px;height:36px;border-radius:12px;background:var(--sc-v2-bg-control);color:var(--sc-v2-text-secondary)}
#messenger-compose:hover,#messenger-close:hover{background:var(--sc-v2-accent-soft);color:var(--sc-v2-accent)}
.messenger-search{min-height:42px;margin:0 12px 12px;padding:0 12px;border:1px solid var(--sc-v2-border);border-radius:12px;background:var(--sc-v2-bg-control)}
.messenger-search input,.messenger-composer input[type=text]{color:var(--sc-v2-text-primary);font:400 14px/20px var(--font-family)}
.messenger-search input::placeholder,.messenger-composer input::placeholder{color:var(--sc-v2-text-tertiary)}
.messenger-search svg{color:var(--sc-v2-text-tertiary)}
.messenger-list-tabs{gap:6px;padding:0 12px 12px}
.messenger-list-tabs button{min-height:36px;border-radius:12px;color:var(--sc-v2-text-secondary);font:510 13px/18px var(--font-family)}
.messenger-list-tabs button:hover{background:var(--sc-v2-bg-control);color:var(--sc-v2-text-primary)}
.messenger-list-tabs button.active{background:var(--sc-v2-accent-soft);color:var(--sc-v2-accent)}
.messenger-list{padding:0 6px 14px;scrollbar-width:none}.messenger-list::-webkit-scrollbar{display:none}
.messenger-person{min-height:64px;padding:10px 12px;gap:12px;border:1px solid transparent;border-radius:16px;color:var(--sc-v2-text-primary)}
.messenger-person:hover{background:var(--sc-v2-bg-control)}.messenger-person.active{border-color:transparent;background:var(--sc-v2-accent-soft)}
.messenger-person .messenger-avatar{width:40px;height:40px;flex-basis:40px}.messenger-person strong{font-size:14px;font-weight:510;line-height:18px}.messenger-person small{color:var(--sc-v2-text-secondary);font-size:12px;line-height:16px}
.messenger-avatar{background-color:var(--sc-v2-accent-soft);color:var(--sc-v2-accent);font-weight:590}.messenger-presence{border-color:var(--sc-v2-bg-sidebar)}
.messenger-row-badge,.messenger-badge{background:var(--sc-v2-accent);font-family:var(--font-family)}
.messenger-list-empty{color:var(--sc-v2-text-secondary);font-size:13px;line-height:18px}.messenger-list-empty button{border:0;border-radius:10px;background:var(--sc-v2-accent-soft);color:var(--sc-v2-accent);font:510 13px/18px var(--font-family)}

.messenger-main{background:var(--sc-v2-bg-content)}
.messenger-empty{color:var(--sc-v2-text-secondary)}.messenger-empty h2{color:var(--sc-v2-text-primary);font-family:var(--header-family);font-size:20px;font-weight:590}.messenger-empty p{font-size:13px;line-height:19px}
.messenger-empty-icon{border-color:var(--sc-v2-border);background:var(--sc-v2-bg-card);color:var(--sc-v2-accent)}
.messenger-empty-icon .app-section-icon{width:25px;height:25px}body:not(.light-theme) .messenger-empty-icon .app-section-icon{filter:invert(1) brightness(1.35)}
.messenger-conversation-head{min-height:72px;padding:10px 16px;border-color:var(--sc-v2-border);background:var(--sc-v2-bg-content)}
.messenger-conversation-head #messenger-peer-identity strong{color:var(--sc-v2-text-primary);font-size:14px;font-weight:510}.messenger-conversation-head #messenger-peer-identity small{color:var(--sc-v2-speaking);font-size:12px}
.messenger-head-actions>button{width:38px;height:38px;border-radius:12px!important;background:var(--sc-v2-bg-control)!important;color:var(--sc-v2-text-secondary)!important}
.messenger-head-actions>button:hover{background:var(--sc-v2-accent-soft)!important;color:var(--sc-v2-accent)!important}.messenger-call-button{background:var(--sc-v2-accent)!important;color:#fff!important}
.messenger-more-menu{border-color:var(--sc-v2-border);background:var(--sc-v2-bg-card);box-shadow:var(--sc-v2-float-shadow)}
.messenger-more-menu button{color:var(--sc-v2-text-primary);font-family:var(--font-family)}.messenger-more-menu button:hover{background:var(--sc-v2-bg-control)}.messenger-more-menu button.danger{color:var(--sc-v2-danger)}
.messenger-messages{background:var(--sc-v2-bg-content);padding-inline:clamp(18px,4vw,56px)}
.messenger-message-bubble{border-color:var(--sc-v2-border);background:var(--sc-v2-bg-card);box-shadow:var(--sc-v2-card-shadow)}
.messenger-message.mine .messenger-message-bubble{border-color:color-mix(in srgb,var(--sc-v2-accent) 28%,var(--sc-v2-border));background:var(--sc-v2-accent-soft)}
.messenger-composer{min-height:54px;margin:0 18px 18px;padding:7px;border:1px solid var(--sc-v2-border);border-radius:16px;background:var(--sc-v2-bg-control);box-shadow:none;align-items:flex-end}
.messenger-composer textarea,.messenger-composer input[type=text]{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font-family:inherit;font-size:14px;line-height:20px;resize:none;min-height:22px;max-height:140px;overflow-y:auto;padding:8px 6px}
.messenger-composer button{border-radius:12px;background:transparent;color:var(--sc-v2-text-secondary);flex-shrink:0}.messenger-composer button:hover{background:var(--sc-v2-accent-soft);color:var(--sc-v2-accent)}.messenger-composer .messenger-send{background:var(--sc-v2-accent)!important;color:#fff!important}
.messenger-draft-label{color:#ff595a;font-weight:600;margin-right:4px}
.messenger-person small.draft{color:var(--sc-v2-text-primary,#eef3ff)}

.messenger-profile-pane{border-color:var(--sc-v2-border);background:var(--sc-v2-bg-sidebar);color:var(--sc-v2-text-primary)}
.messenger-profile-pane-close{color:var(--sc-v2-text-secondary)}.messenger-profile-handle,.messenger-profile-about{color:var(--sc-v2-text-secondary)}.messenger-profile-presence{color:var(--sc-v2-speaking)}
.messenger-profile-actions button{border:1px solid var(--sc-v2-border);border-radius:14px;background:var(--sc-v2-bg-control);color:var(--sc-v2-text-primary);font-family:var(--font-family)}.messenger-profile-actions button:first-child{border-color:var(--sc-v2-accent);background:var(--sc-v2-accent);color:#fff}
.messenger-profile-card{border-color:var(--sc-v2-border);border-radius:16px;background:var(--sc-v2-bg-card)}.messenger-profile-card>header button{color:var(--sc-v2-accent)}.messenger-profile-detail{color:var(--sc-v2-text-primary)}.messenger-profile-detail svg{color:var(--sc-v2-text-secondary)}.messenger-profile-detail i{background:var(--sc-v2-bg-control)}.messenger-profile-detail input:checked+i{background:var(--sc-v2-accent)}
.messenger-profile-section-empty{color:var(--sc-v2-text-tertiary)}.messenger-mutual-row>span{background:var(--sc-v2-bg-control)}

.messenger-shell[data-section="saved"] .messenger-sidebar-head{margin-bottom:6px}.messenger-shell[data-section="saved"] .messenger-list{padding-top:0}
.messenger-shell[data-section="saved"] #messenger-compose[hidden],.messenger-shell[data-section="saved"] .messenger-search[hidden],.messenger-shell[data-section="saved"] .messenger-list-tabs[hidden]{display:none!important}
@media(max-width:1180px){:root{--app-section-rail-width:78px}.messenger-shell,.messenger-shell.profile-open{grid-template-columns:260px minmax(360px,1fr)}.messenger-shell.profile-open{grid-template-columns:260px minmax(360px,1fr) 290px}}
@media(max-width:900px) and (min-width:761px){:root{--app-section-rail-width:72px}.messenger-shell,.messenger-shell.profile-open{grid-template-columns:240px minmax(340px,1fr)}}
@media(max-width:760px){:root{--app-section-rail-width:0px}.app-section-rail{width:auto;min-width:0;flex-basis:auto;background:var(--sc-v2-bg-sidebar)}.messenger-shell,.messenger-shell.profile-open,#app-workspace .messenger-shell,#app-workspace:not(.sidebar-left-collapsed) .messenger-shell,#app-workspace.sidebar-left-collapsed .messenger-shell{left:0!important;grid-template-columns:1fr}.app-section-rail button>span:first-child,.app-section-rail #messenger-launch>span:first-child{width:28px;height:28px;border-radius:9px}.app-section-rail .app-section-icon{width:19px;height:19px}}

/* Friends tab presence glow: color on the left fading to transparent. */
.messenger-person.presence-glow{position:relative;isolation:isolate;overflow:hidden}
.messenger-person.presence-glow::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none}
.messenger-person.presence-online::before{background:linear-gradient(90deg,rgba(35,165,90,.34) 0%,rgba(35,165,90,.12) 45%,rgba(35,165,90,0) 80%)}
.messenger-person.presence-dnd::before{background:linear-gradient(90deg,rgba(237,66,69,.34) 0%,rgba(237,66,69,.12) 45%,rgba(237,66,69,0) 80%)}

/* Chat font size setting (Settings > Application). "Обычный" removes the attribute. */
:root[data-chat-font-scale] .chat-message-body{font-size:calc(12px * var(--chat-font-scale,1));line-height:1.4}
:root[data-chat-font-scale] .messenger-message-text{font-size:calc(1em * var(--chat-font-scale,1));line-height:1.4}