/* Vista Messenger: dialogs, pickers, and selection. Structural web rendering only; values come from Vista Design Package. */
.vm-dialog{position:fixed;inset:0;z-index:var(--vz-z50000);background:var(--color-messenger-backdrop);backdrop-filter:blur(var(--vd-u3));display:flex;align-items:center;justify-content:center;padding:var(--vd-u24);box-sizing:border-box}
.vm-dialog-panel{width:min(var(--vd-u460),var(--vp-r1));max-height:min(var(--vdhr-r0-85),var(--vd-u800));overflow:auto;background:var(--vm-panel);color:var(--vm-text);border:var(--vd-u1) solid var(--vm-line);border-radius:var(--vd-u24);box-shadow:0 var(--vd-u20) var(--vd-u80) var(--vista-fixed-srgb-000-000-000-a200000);animation:vm-sheet var(--vt-ms180) ease-out;position:relative}
.vm-dialog-panel>header{display:flex;align-items:center;justify-content:space-between;padding:var(--vd-u13) var(--vd-u18);border-bottom:var(--vd-u1) solid var(--vm-line);gap:var(--vd-u12);position:sticky;top:0;z-index:var(--vz-z3);background:var(--vm-panel)}
.vm-dialog-panel>header b{font-size:var(--vd-u14);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vm-dialog-panel>header button{width:var(--vd-u36);height:var(--vd-u36);font-size:var(--vd-u25)}
.vm-dialog button{font:inherit}
.vm-dialog-copy{padding:var(--vd-u16) var(--vd-u20)}
.vm-confirm{display:flex;padding:var(--vd-u10) var(--vd-u15);gap:var(--vd-u10)}
.vm-confirm button{padding:var(--vd-u10) var(--vd-u16);border-radius:var(--vd-u12);background:var(--vm-bg)}
.vm-danger{color:var(--color-status-danger)!important}
.vm-copy-fallback{width:calc(var(--vp-r1) - var(--vd-u32));margin:var(--vd-u16);min-height:var(--vd-u100);color:var(--vm-text);background:var(--vm-bg);border:0;border-radius:var(--vd-u12);padding:var(--vd-u12);box-sizing:border-box}
.vm-attach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--vd-u12);padding:var(--vd-u22) var(--vd-u16)}
.vm-attach-grid button{display:grid;place-items:center;gap:var(--vd-u10);font-size:var(--vd-u12);padding:var(--vd-u5)}
.vm-attach-grid span{display:grid;place-items:center;width:var(--vd-u62);height:var(--vd-u62);border-radius:var(--vd-u22);background:var(--vm-accent-soft);font-size:var(--vd-u28)}
.vm-attach-grid button:nth-child(2) span{background:var(--vista-fixed-srgb-162-152-237-a145098)}
.vm-attach-grid button:nth-child(3) span{background:var(--vista-fixed-srgb-237-204-120-a145098)}
.vm-business-actions{display:flex;gap:var(--vd-u5);flex-wrap:wrap;padding:var(--vd-u14);border-top:var(--vd-u1) solid var(--vm-line)}
.vm-business-actions button{padding:var(--vd-u8) var(--vd-u13);background:var(--vm-bg);border-radius:var(--vd-u10);font-size:var(--vd-u12)}
.vm-context-actions{display:flex;flex-direction:column;padding:var(--vd-u8)}
.vm-context-actions button{text-align:start;padding:var(--vd-u11) var(--vd-u14);font-size:var(--vd-u13);border-radius:var(--vd-u10)}
.vm-context-actions button:hover{background:var(--vm-bg)}
.vm-reaction-picker{display:flex;justify-content:center;gap:var(--vd-u6);padding:var(--vd-u13);border-bottom:var(--vd-u1) solid var(--vm-line)}
.vm-reaction-picker button{font-size:var(--vd-u24);min-width:var(--vd-u35);height:var(--vd-u42);border-radius:var(--vp-r0-5)}
.vm-reaction-picker button:hover{background:var(--vm-accent-soft)}
.vm-reaction-details{padding:var(--vd-u10) var(--vd-u20)}
.vm-reaction-details p{display:flex;gap:var(--vd-u12);padding:var(--vd-u8)}
.vm-reaction-details b{font-size:var(--vd-u22)}
.vm-dialog-search,.vm-info-search{display:block;width:calc(var(--vp-r1) - var(--vd-u24));margin:var(--vd-u12);box-sizing:border-box;background:var(--vm-bg);border:var(--vd-u1) solid var(--vm-line);border-radius:var(--vd-u12);padding:var(--vd-u10) var(--vd-u13);font:inherit;color:var(--vm-text)}
.vm-forward-list{padding:0 var(--vd-u10);max-height:var(--vdhr-r0-52);overflow:auto}
.vm-forward-list button{display:grid;width:var(--vp-r1);grid-template-columns:var(--vd-u40) 1fr;text-align:start;gap:var(--vd-u3) var(--vd-u10);padding:var(--vd-u12) var(--vd-u5);border-bottom:var(--vd-u1) solid var(--vm-line)}
.vm-forward-list b{font-size:var(--vd-u13)}
.vm-forward-list small{color:var(--vm-muted);font-size:var(--vd-u11);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vm-more{display:block;margin:var(--vd-u12) auto;padding:var(--vd-u8) var(--vd-u22)!important;min-height:var(--vd-u38);border-radius:var(--vd-u18)!important;color:var(--vm-accent)!important;background:var(--vm-accent-soft)!important;font-size:var(--vd-u12)!important}
.vm-emoji-tabs{display:flex;overflow:auto;gap:var(--vd-u4);padding:0 var(--vd-u10) var(--vd-u10);border-bottom:var(--vd-u1) solid var(--vm-line)}
.vm-emoji-tabs button{white-space:nowrap;padding:var(--vd-u4) var(--vd-u10);font-size:var(--vd-u11);border-radius:var(--vd-u14)}
.vm-emoji-tabs [aria-pressed="true"]{color:var(--vm-accent);background:var(--vm-accent-soft)}
.vm-emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));padding:var(--vd-u12);max-height:var(--vdhr-r0-43);min-height:var(--vd-u180);overflow:auto}
.vm-emoji-grid button{display:grid;place-items:center;font:var(--vd-u27) 'Apple Color Emoji','Segoe UI Emoji',sans-serif;min-height:var(--vd-u44);border-radius:var(--vd-u8)}
.vm-emoji-grid button:hover{background:var(--vm-bg)}
.vm-info{position:absolute;top:0;bottom:0;inset-inline-end:0;width:var(--vd-u360);max-width:var(--vp-r1);z-index:var(--vz-z8);background:var(--vm-panel);border-inline-start:var(--vd-u1) solid var(--vm-line);overflow:auto;overscroll-behavior:contain;animation:vm-sheet var(--vt-ms170) ease-out;scrollbar-width:thin}
.vm-info>header{display:flex;gap:var(--vd-u12);align-items:center;padding:var(--vd-u12);position:sticky;top:0;background:var(--vm-panel);z-index:var(--vz-z2);border-bottom:var(--vd-u1) solid var(--vm-line)}
.vm-info>header button{width:var(--vd-u36);height:var(--vd-u36);font-size:var(--vd-u26)}
.vm-info>header b{font-size:var(--vd-u14)}
.vm-info-identity{text-align:center;padding:var(--vd-u25) var(--vd-u18) var(--vd-u8)}
.vm-info-identity>img,.vm-info-identity>span{height:var(--vd-u94);width:var(--vd-u94);border-radius:var(--vp-r0-5);object-fit:cover;display:grid;place-items:center;margin:0 auto var(--vd-u12);background:var(--vm-accent-soft);font-size:var(--vd-u38);color:var(--vm-accent)}
.vm-info h2{margin:var(--vd-u6) 0;font-size:var(--vd-u19)}
.vm-info-identity small{font-size:var(--vd-u11);color:var(--vm-accent)}
.vm-info-identity p{font-size:var(--vd-u12);color:var(--vm-muted);margin:var(--vd-u8) 0}
.vm-info-actions{display:flex;justify-content:center;gap:var(--vd-u8);padding:var(--vd-u12)}
.vm-info-actions button{border-radius:var(--vd-u12);color:var(--vm-accent);background:var(--vm-accent-soft);font-size:var(--vd-u11);padding:var(--vd-u9) var(--vd-u13)}
.vm-mute{display:flex;align-items:center;justify-content:space-between;margin:var(--vd-u4) var(--vd-u15) var(--vd-u14);padding:var(--vd-u12) 0;border-bottom:var(--vd-u1) solid var(--vm-line);gap:var(--vd-u10);font-size:var(--vd-u11)}
.vm-mute select{color:var(--vm-accent);background:var(--vm-bg);border:0;padding:var(--vd-u8);border-radius:var(--vd-u9);font:inherit;max-width:var(--vd-u140)}
.vm-info-tabs{display:flex;overflow:auto;padding:0 var(--vd-u7);gap:var(--vd-u2);border-bottom:var(--vd-u1) solid var(--vm-line)}
.vm-info-tabs button{flex:1;display:grid;place-items:center;white-space:nowrap;padding:var(--vd-u10) var(--vd-u5)!important;font-size:var(--vd-u10)}
.vm-info-tabs small{color:var(--vm-muted);font:var(--vd-u10) system-ui}
.vm-info-tabs [aria-selected="true"]{border-bottom:var(--vd-u2) solid var(--vm-accent);color:var(--vm-accent)}
.vm-shared{padding:var(--vd-u10) var(--vd-u12);display:grid;gap:var(--vd-u9)}
.vm-shared-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--vd-u5);padding:var(--vd-u6)}
.vm-shared-media .vm-shared-item{min-width:0}
.vm-shared-media button.vm-shared-media{display:block;padding:0!important;position:relative;width:var(--vp-r1);aspect-ratio:1;overflow:hidden;border-radius:var(--vd-u7)}
.vm-shared-media img,.vm-shared-media video{width:var(--vp-r1);height:var(--vp-r1);object-fit:cover}
.vm-shared-media span{position:absolute;bottom:var(--vd-u3);right:var(--vd-u2);font:var(--vd-u9) system-ui;color:var(--vista-fixed-srgb-255-255-255-1);background:var(--vista-fixed-srgb-000-000-000-a466667);padding:var(--vd-u2);border-radius:var(--vd-u5)}
.vm-shared-jump{font-size:var(--vd-u9)!important;color:var(--vm-muted)!important;display:block!important;padding:var(--vd-u5) var(--vd-u2)!important;overflow:hidden;max-width:var(--vp-r1);text-overflow:ellipsis}
.vm-shared-media .vm-shared-jump{font-size:var(--vd-u8)!important;text-align:center!important;line-height:1.6}
.vm-shared-voice .vm-shared-item,.vm-shared-files .vm-shared-item,.vm-shared-links .vm-shared-item,.vm-shared-pinned .vm-shared-item{border-bottom:var(--vd-u1) solid var(--vm-line);padding:var(--vd-u8) 0}
.vm-shared-item>b{font-size:var(--vd-u11)}
.vm-shared-links a{display:grid;color:var(--vm-accent);font-size:var(--vd-u12);word-break:break-all;text-decoration:none}
.vm-shared-links small{font:var(--vd-u10) system-ui;color:var(--vm-muted)}
.vm-no-results,.vm-shared-loading{color:var(--vm-muted);text-align:center;font-size:var(--vd-u12);padding:var(--vd-u24) var(--vd-u5);grid-column:1/-1}
.vm-viewer-dialog{padding:0;background:var(--color-messenger-viewer-backdrop);backdrop-filter:blur(var(--vd-u10));--vm-panel:var(--color-messenger-viewer-panel);--vm-text:var(--color-messenger-viewer-text);--vm-muted:var(--color-messenger-viewer-muted);--vm-line:var(--color-messenger-viewer-border);--vm-accent:var(--color-messenger-viewer-accent)}
.vm-viewer-dialog .vm-dialog-panel{width:var(--vp-r1);height:var(--vdhr-r1);max-height:var(--vdhr-r1);border:0;border-radius:0;display:flex;flex-direction:column;background:transparent;box-shadow:none;overflow:hidden}
.vm-viewer-dialog .vm-dialog-panel>header{background:transparent;padding:var(--vd-u8) var(--vd-u20);min-height:var(--vd-u45);border-bottom:0}
.vm-viewer-head{display:flex;justify-content:space-between;gap:var(--vd-u12);align-items:center;padding:var(--vd-u4) var(--vd-u24) var(--vd-u12)}
.vm-viewer-head [data-sender]{display:grid;gap:var(--vd-u2)}
.vm-viewer-head b{font-size:var(--vd-u15)}
.vm-viewer-head small{font-size:var(--vd-u10);color:var(--vm-muted)}
.vm-viewer-actions{display:flex;flex-wrap:wrap;gap:var(--vd-u6)}
.vm-viewer-actions button{width:var(--vd-u38);height:var(--vd-u38);font-size:var(--vd-u24);border-radius:var(--vp-r0-5)}
.vm-viewer-actions button:hover{background:var(--vista-fixed-srgb-255-255-255-a125490)}
.vm-viewer-stage{flex:1;min-height:0;position:relative;overflow:hidden}
.vm-viewer-media{width:var(--vp-r1);height:var(--vp-r1);display:flex;align-items:center;justify-content:center;touch-action:none;overflow:hidden}
.vm-viewer-media img,.vm-viewer-media video{max-width:var(--vp-r1);max-height:var(--vp-r1);object-fit:contain;transform-origin:center;user-select:none}
.vm-viewer-media img{transition:transform var(--vt-ms80) linear}
.vm-view-prev,.vm-view-next{position:absolute;top:var(--vp-r0-5);width:var(--vd-u44);height:var(--vd-u44);border-radius:var(--vp-r0-5);background:var(--vista-fixed-srgb-000-000-000-a466667)!important;color:white!important;font-size:var(--vd-u30)!important;z-index:var(--vz-z1)}
.vm-view-prev{left:var(--vd-u16)}
.vm-view-next{right:var(--vd-u16)}
.vm-viewer-caption{padding:var(--vd-u10) var(--vd-u24);max-height:var(--vdhr-r0-15);overflow:auto;white-space:pre-wrap;text-align:center;overflow-wrap:anywhere;font-size:var(--vd-u13)}
.vm-viewer-foot{display:flex;align-items:center;justify-content:center;gap:var(--vd-u20);padding:var(--vd-u10) var(--vd-u15) calc(var(--vd-u12) + env(safe-area-inset-bottom));color:var(--vm-muted)}
.vm-viewer-foot button{width:var(--vd-u35);height:var(--vd-u32);font-size:var(--vd-u24)}
.vm-viewer-foot span{font:var(--vd-u12) system-ui;min-width:var(--vd-u55);text-align:center}
@media (min-width:1100px){.vm-info-open .vm-timeline,.vm-info-open .vm-bottom,.vm-info-open .vm-tools,.vm-info-open>.chat-top{margin-inline-end:var(--vd-u360)}
.vm-info-open .vm-to-bottom{inset-inline-end:var(--vd-u380)}}
@media (max-width:600px){.vm-dialog:not(.vm-viewer-dialog){align-items:flex-end;padding:0}
.vm-dialog:not(.vm-viewer-dialog) .vm-dialog-panel{border-radius:var(--vd-u24) var(--vd-u24) 0 0;max-height:var(--vdhr-r0-87);padding-bottom:env(safe-area-inset-bottom)}
.vm-info{width:var(--vp-r1)}
.vm-bubble{max-width:var(--vwr-r0-78);padding:var(--vd-u8) var(--vd-u10) var(--vd-u4)}
.vm-avatar,.vm-avatar-spacer{width:var(--vd-u25);height:var(--vd-u25)}
.vm-row{gap:var(--vd-u5)}
.vm-composer{gap:var(--vd-u2);padding:var(--vd-u8) var(--vd-u7)}
.vm-composer button{min-width:var(--vd-u36);width:var(--vd-u36);height:var(--vd-u40)}
.vm-composer textarea{padding:var(--vd-u9) var(--vd-u11);font-size:var(--vd-u14)}
.vm-album button{height:var(--vd-u112)}
.vm-media{width:min(var(--vd-u310),var(--vwr-r0-66))}
.vm-viewer-head{padding:0 var(--vd-u12) var(--vd-u10);align-items:flex-start}
.vm-viewer-actions{gap:var(--vd-u1);max-width:var(--vd-u170);justify-content:flex-end}
.vm-viewer-actions button{height:var(--vd-u32);width:var(--vd-u30);font-size:var(--vd-u21)}
.vm-view-prev,.vm-view-next{width:var(--vd-u32);height:var(--vd-u36)}
.vm-view-prev{left:var(--vd-u6)}
.vm-view-next{right:var(--vd-u6)}
.vm-preview>img,.vm-preview>video{height:var(--vd-u115)}
.vm-search{gap:var(--vd-u3);padding-inline:var(--vd-u8)}
.vm-search button{width:var(--vd-u29);flex:none}}
@keyframes vm-appear{from{opacity:var(--vo-o0-7);transform:translateY(var(--vd-u4))}
to{opacity:var(--vo-o1);transform:translateY(0)}}
@keyframes vm-pop{from{transform:scale(.9)}
to{transform:scale(1)}}
@keyframes vm-sheet{from{opacity:var(--vo-o0-6);transform:translateY(var(--vd-u12))}
to{opacity:var(--vo-o1);transform:translateY(0)}}
@keyframes vm-dot{0%,75%,100%{opacity:var(--vo-o0-35);transform:translateY(0)}
35%{opacity:var(--vo-o1);transform:translateY(var(--vd-un3))}}
@keyframes vm-pulse{50%{opacity:var(--vo-o0-35)}}
@keyframes vm-highlight{0%,60%{box-shadow:0 0 0 var(--vd-u4) var(--vista-fixed-srgb-022-184-147-a313725)}
100%{box-shadow:0 0 0 0 var(--vista-fixed-srgb-022-184-147-a0)}}
@media (prefers-reduced-motion:reduce){.vm-row,.vm-reactions button,.vm-dialog-panel,.vm-info,.vm-dots i,.vm-record-dot,.vm-skeleton i,.vm-highlight .vm-bubble,.vm-search-hit .vm-bubble{animation:none!important;transition:none!important}}
.vm-notes-list{max-height:var(--vdhr-r0-42);overflow:auto;padding:0 var(--vd-u16)}
.vm-notes-list article{padding:var(--vd-u10) 0;border-bottom:var(--vd-u1) solid var(--vm-line)}
.vm-notes-list b{font-size:var(--vd-u11)}
.vm-notes-list p{white-space:pre-wrap;font-size:var(--vd-u13)}
.vm-notes-list small{font-size:var(--vd-u10);color:var(--vm-muted)}
.vm-notes-form{display:grid;gap:var(--vd-u8);padding:var(--vd-u16)}
.vm-notes-form textarea{min-height:var(--vd-u110);border:var(--vd-u1) solid var(--vm-line);background:var(--vm-bg);color:var(--vm-text);border-radius:var(--vd-u12);padding:var(--vd-u12);font:inherit}
.vm-notes-form button{padding:var(--vd-u8) var(--vd-u16);background:var(--vm-accent);color:var(--vm-panel);border-radius:var(--vd-u12)}
.vm-chat-list{display:none;position:absolute;inset-inline-start:0;top:0;bottom:0;width:var(--vd-u240);background:var(--vm-panel);border-inline-end:var(--vd-u1) solid var(--vm-line);overflow:auto;z-index:var(--vz-z3)}
.vm-chat-list header{padding:var(--vd-u20) var(--vd-u16);border-bottom:var(--vd-u1) solid var(--vm-line);color:var(--vm-accent)}
.vm-chat-list input{margin:var(--vd-u12);width:calc(var(--vp-r1) - var(--vd-u24));background:var(--vm-bg);border:0;border-radius:var(--vd-u14);padding:var(--vd-u10);box-sizing:border-box;font:inherit;color:var(--vm-text);font-size:var(--vd-u12)}
.vm-chat-list-items>button{display:grid!important;position:relative;width:var(--vp-r1);grid-template-columns:var(--vd-u34) minmax(0,1fr) auto;gap:var(--vd-u1) var(--vd-u7);text-align:start;padding:var(--vd-u12) var(--vd-u10)!important;border-bottom:var(--vd-u1) solid var(--vm-line)!important}
.vm-list-avatar{height:var(--vd-u34);width:var(--vd-u34);display:grid;place-items:center;grid-row:span 2;background:var(--vm-accent-soft);color:var(--vm-accent);border-radius:var(--vp-r0-5);font-size:var(--vd-u15)}
.vm-chat-list-items b{font-size:var(--vd-u11);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vm-chat-list-items small{font-size:var(--vd-u10);color:var(--vm-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vm-chat-list-items time{font-size:var(--vd-u9);color:var(--vm-muted)}
.vm-chat-list-items em{font:var(--vd-u9) system-ui;font-style:normal;border-radius:var(--vd-u15);padding:var(--vd-u2) var(--vd-u5);background:var(--vm-accent);color:var(--vm-panel);justify-self:end}
.vm-chat-list-items .vm-current{background:var(--vm-accent-soft)!important}
@media (min-width:1280px){.vm-with-chat-list .vm-chat-list{display:block}
.vm-with-chat-list>.vm-timeline,.vm-with-chat-list>.vm-bottom,.vm-with-chat-list>.vm-tools,.vm-with-chat-list>.chat-top,.vm-with-chat-list>.chat-header{margin-inline-start:var(--vd-u240)}}
.vm-icon{width:var(--vd-u23);height:var(--vd-u23);display:inline-block;vertical-align:middle;flex:none}
.vm-composer button{display:grid;place-items:center}
.vm-file .vm-icon{width:var(--vd-u27);height:var(--vd-u27)}
.vm-status,.vm-chat-list-items em{direction:ltr;unicode-bidi:isolate}
.vm-sticker-tabs{display:flex;gap:var(--vd-u6);overflow-x:auto;padding:0 var(--vd-u12) var(--vd-u10);border-bottom:var(--vd-u1) solid var(--vm-line);scrollbar-width:none}
.vm-sticker-tabs::-webkit-scrollbar{display:none}
.vm-sticker-tabs button{flex:0 0 auto;white-space:nowrap;padding:var(--vd-u5) var(--vd-u11);border-radius:var(--vd-u14);font-size:var(--vd-u11);color:var(--vm-muted);background:var(--vm-bg)}
.vm-sticker-tabs button[aria-pressed="true"]{color:var(--vm-accent);background:var(--vm-accent-soft)}
.vm-sticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--vd-u5);padding:var(--vd-u10) var(--vd-u12) var(--vd-u14);max-height:var(--vdhr-r0-52);overflow:auto}
.vm-sticker-choice{min-width:0;aspect-ratio:1;border-radius:var(--vd-u14);padding:var(--vd-u5)!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:var(--vd-u2);background:transparent!important}
.vm-sticker-choice:hover,.vm-sticker-choice:active{background:var(--vm-accent-soft)!important}
.vm-sticker-choice img{display:block;width:var(--vp-r1);height:calc(var(--vp-r1) - var(--vd-u18));min-height:var(--vd-u54);object-fit:contain;filter:drop-shadow(0 var(--vd-u3) var(--vd-u5) var(--vista-fixed-srgb-000-000-000-a133333))}
.vm-sticker-choice small{display:block;width:var(--vp-r1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:var(--vd-u8);color:var(--vm-muted)}
.vm-sticker-row .vm-bubble,.vm-sticker-bubble{background:transparent!important;border:0!important;box-shadow:none!important;padding:var(--vd-u2)!important;min-width:0!important;overflow:visible!important}
.vm-sticker{width:min(var(--vd-u210),var(--vwr-r0-5));height:min(var(--vd-u210),var(--vwr-r0-5));display:grid;place-items:center}
.vm-sticker img{display:block;width:var(--vp-r1);height:var(--vp-r1);object-fit:contain;filter:drop-shadow(0 var(--vd-u4) var(--vd-u7) var(--vista-fixed-srgb-000-000-000-a200000))}
.vm-sticker-bubble .vm-meta{width:max-content;margin-inline-start:auto;background:transparent;color:var(--vm-muted);border-radius:0;padding:0;backdrop-filter:none}
.vm-sticker-bubble .vm-reactions{margin-top:var(--vd-u4)}
.vm-pending-sticker{display:block;width:min(var(--vd-u180),var(--vwr-r0-46));height:min(var(--vd-u180),var(--vwr-r0-46));object-fit:contain;margin:auto;filter:drop-shadow(0 var(--vd-u4) var(--vd-u7) var(--vista-fixed-srgb-000-000-000-a200000))}
.vm-pending:has(.vm-pending-sticker) .vm-bubble{background:transparent;border:0;box-shadow:none}
.vm-pending:has(.vm-pending-sticker) .vm-body:empty{display:none}
@media (max-width:600px){.vm-sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--vd-u3);padding-inline:var(--vd-u8)}
.vm-sticker-choice{padding:var(--vd-u3)!important}
.vm-sticker{width:min(var(--vd-u190),var(--vwr-r0-52));height:min(var(--vd-u190),var(--vwr-r0-52))}}
.chat-screen[data-messenger]{background:var(--color-surface-page,var(--vm-panel))!important}
[data-messenger] .vm-timeline{background:var(--vista-chat-wallpaper-image) 0 0 / var(--vd-u384) var(--vd-u384) repeat var(--vista-chat-wallpaper-base,var(--color-surface-page,var(--vm-bg)))!important}
[data-messenger] .chat-top,[data-messenger] .chat-header{margin:var(--vd-u8) var(--vd-u8) 0!important;border:var(--vd-u1) solid color-mix(in srgb,var(--vm-line) var(--vp-r0-82),transparent)!important;border-radius:var(--vd-u24)!important;background:color-mix(in srgb,var(--vm-panel) var(--vp-r0-88),transparent)!important;box-shadow:0 var(--vd-u8) var(--vd-u24) var(--vista-fixed-srgb-000-000-000-a62745)!important;backdrop-filter:blur(var(--vd-u18)) saturate(var(--vp-r1-35));-webkit-backdrop-filter:blur(var(--vd-u18)) saturate(var(--vp-r1-35));overflow:hidden}
.vm-bottom{background:transparent!important;border-top:0!important;padding:var(--vd-u6) var(--vd-u7) max(var(--vd-u6),env(safe-area-inset-bottom))!important}
.vm-composer{direction:ltr;align-items:flex-end;gap:var(--vd-u5);padding:var(--vd-u5)!important;border:var(--vd-u1) solid color-mix(in srgb,var(--vm-line) var(--vp-r0-82),transparent);border-radius:var(--vd-u28);background:color-mix(in srgb,var(--vm-panel) var(--vp-r0-82),transparent)!important;box-shadow:0 var(--vd-u10) var(--vd-u30) var(--vista-fixed-srgb-000-000-000-a86275);backdrop-filter:blur(var(--vd-u20)) saturate(var(--vp-r1-45));-webkit-backdrop-filter:blur(var(--vd-u20)) saturate(var(--vp-r1-45))}
.vm-composer textarea{direction:rtl;text-align:right;background:transparent!important;border-radius:var(--vd-u22)!important;padding:var(--vd-u10) var(--vd-u8)!important;min-height:var(--vd-u44)!important;max-height:var(--vd-u132)}
.vm-composer button{width:var(--vd-u44)!important;min-width:var(--vd-u44)!important;height:var(--vd-u44)!important;border-radius:var(--vp-r0-5)!important;color:var(--vm-muted)!important;transition:transform var(--vt-ms120) ease,background var(--vt-ms120) ease,color var(--vt-ms120) ease}
.vm-composer button:active{transform:scale(.92)}
.vm-composer .vm-picker-toggle{order:0}
.vm-composer textarea{order:1}
.vm-composer .vm-attach{order:2}
.vm-composer .vm-send,.vm-composer .vm-mic{order:3}
.vm-composer .vm-send,.vm-composer .vm-mic{background:var(--vm-accent)!important;color:var(--color-text-on-accent)!important;box-shadow:0 var(--vd-u5) var(--vd-u14) color-mix(in srgb,var(--vm-accent) var(--vp-r0-27),transparent)}
.vm-composer .vm-send[hidden],.vm-composer .vm-mic[hidden]{display:none!important}
.vm-composer-picker{height:min(var(--vdhr-r0-42),var(--vd-u360));margin-top:var(--vd-u6);border:var(--vd-u1) solid color-mix(in srgb,var(--vm-line) var(--vp-r0-82),transparent);border-radius:var(--vd-u24) var(--vd-u24) var(--vd-u18) var(--vd-u18);background:color-mix(in srgb,var(--vm-panel) var(--vp-r0-94),transparent);box-shadow:0 var(--vd-u10) var(--vd-u28) var(--vista-fixed-srgb-000-000-000-a78431);overflow:hidden;backdrop-filter:blur(var(--vd-u22));-webkit-backdrop-filter:blur(var(--vd-u22));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}
.vm-picker-search{margin:var(--vd-u9) var(--vd-u10) var(--vd-u5);padding:0 var(--vd-u12);height:var(--vd-u42);border-radius:var(--vd-u18);background:var(--vm-bg);display:flex;align-items:center;gap:var(--vd-u8);color:var(--vm-muted)}
.vm-picker-search .vm-icon{width:var(--vd-u18);height:var(--vd-u18)}
.vm-picker-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--vm-text);font:inherit;text-align:right}
.vm-picker-subtabs{display:flex;gap:var(--vd-u3);overflow-x:auto;padding:var(--vd-u3) var(--vd-u9) var(--vd-u6);scrollbar-width:none}
.vm-picker-subtabs::-webkit-scrollbar{display:none}
.vm-picker-subtabs button{white-space:nowrap;min-width:var(--vd-u38);height:var(--vd-u34);padding:0 var(--vd-u10)!important;border-radius:var(--vd-u14)!important;color:var(--vm-muted)!important}
.vm-picker-subtabs button[aria-selected="true"]{background:var(--vm-accent-soft)!important;color:var(--vm-accent)!important}
.vm-picker-grid{overflow:auto;align-content:start;padding:var(--vd-u7) var(--vd-u9)}
.vm-picker-emojis{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--vd-u4)}
.vm-picker-emojis button{aspect-ratio:1;font-size:var(--vd-u28)!important;border-radius:var(--vd-u10)!important;padding:0!important}
.vm-picker-stickers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--vd-u5)}
.vm-picker-stickers button{aspect-ratio:1;border-radius:var(--vd-u14)!important;padding:var(--vd-u4)!important}
.vm-picker-stickers img{width:var(--vp-r1);height:var(--vp-r1);object-fit:contain;filter:drop-shadow(0 var(--vd-u3) var(--vd-u5) var(--vista-fixed-srgb-000-000-000-a133333))}
.vm-picker-main-tabs{direction:rtl;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vd-u5);padding:var(--vd-u6) var(--vd-u9) var(--vd-u8);border-top:var(--vd-u1) solid var(--vm-line)}
.vm-picker-main-tabs button{height:var(--vd-u42)!important;border-radius:var(--vd-u17)!important;display:flex!important;align-items:center;justify-content:center;gap:var(--vd-u7);color:var(--vm-muted)!important}
.vm-picker-main-tabs button[aria-selected="true"]{background:var(--vm-accent-soft)!important;color:var(--vm-accent)!important}
.vm-picker-main-tabs .vm-icon{width:var(--vd-u20);height:var(--vd-u20)}
.vm-picker-main-tabs span{font-size:var(--vd-u12);font-weight:700}
.vm-context-dialog{background:transparent!important;backdrop-filter:none!important;pointer-events:none!important;padding:0!important;align-items:flex-start!important;justify-content:flex-start!important}
.vm-context-dialog .vm-dialog-panel{pointer-events:auto;position:fixed!important;left:var(--vm-context-left,var(--vd-u8))!important;top:var(--vm-context-top,var(--vd-u80))!important;width:var(--vm-context-width,min(var(--vd-u300),calc(var(--vwr-r1) - var(--vd-u16))))!important;max-height:min(var(--vdhr-r0-68),var(--vd-u430))!important;border-radius:var(--vd-u22)!important;background:color-mix(in srgb,var(--vm-panel) var(--vp-r0-92),transparent)!important;backdrop-filter:blur(var(--vd-u20)) saturate(var(--vp-r1-4));-webkit-backdrop-filter:blur(var(--vd-u20)) saturate(var(--vp-r1-4));box-shadow:0 var(--vd-u18) var(--vd-u54) var(--vista-fixed-srgb-000-000-000-0-4)!important;animation:vm-context-pop var(--vt-ms100) ease-out!important;overflow:hidden auto!important}
.vm-context-dialog .vm-dialog-panel>header{display:none!important}
.vm-context-dialog .vm-reaction-picker{padding:var(--vd-u7)!important}
.vm-context-dialog .vm-context-actions{padding:var(--vd-u5)!important}
.vm-context-dialog .vm-context-actions button{min-height:var(--vd-u42);border-radius:var(--vd-u12)!important;padding:var(--vd-u8) var(--vd-u12)!important;text-align:right!important}
.vm-context-dialog .vm-context-actions button:active{background:var(--vm-accent-soft)!important}
@keyframes vm-context-pop{from{opacity:var(--vo-o0-2);transform:scale(.94)}
to{opacity:var(--vo-o1);transform:scale(1)}}
.vm-selection-bar{position:absolute;z-index:var(--vz-z80);top:var(--vd-u8);left:var(--vd-u8);right:var(--vd-u8);height:var(--vd-u60);direction:ltr;display:flex;align-items:center;gap:var(--vd-u4);padding:var(--vd-u5) var(--vd-u7);border:var(--vd-u1) solid color-mix(in srgb,var(--vm-line) var(--vp-r0-76),transparent);border-radius:var(--vd-u24);background:color-mix(in srgb,var(--vm-panel) var(--vp-r0-9),transparent);box-shadow:0 var(--vd-u10) var(--vd-u32) var(--vista-fixed-srgb-000-000-000-a200000);backdrop-filter:blur(var(--vd-u20));-webkit-backdrop-filter:blur(var(--vd-u20))}
.vm-selection-bar b{direction:rtl;flex:1;text-align:left;padding-inline:var(--vd-u8);font-size:var(--vd-u14)}
.vm-selection-bar button{width:var(--vd-u46);height:var(--vd-u46);border-radius:var(--vp-r0-5)!important;font-size:var(--vd-u24)!important}
.vm-selected-message .vm-bubble{outline:var(--vd-u2) solid var(--color-messenger-selection)!important;outline-offset:var(--vd-u2)}
.vm-selected-message:before{content:'✓';position:absolute;inset-inline-start:var(--vd-un2);bottom:var(--vd-u8);width:var(--vd-u25);height:var(--vd-u25);border-radius:var(--vp-r0-5);display:grid;place-items:center;background:var(--color-messenger-selection);color:var(--color-text-on-accent);font-weight:900;z-index:var(--vz-z4)}
.vm-selection-active .chat-top{visibility:hidden!important}
.vm-selection-active .vm-bottom{visibility:hidden!important}
@media (max-width:600px){.vm-composer-picker{height:min(var(--vdhr-r0-46),var(--vd-u390))}
.vm-picker-emojis{grid-template-columns:repeat(7,minmax(0,1fr))}
.vm-picker-stickers{grid-template-columns:repeat(4,minmax(0,1fr))}
.vm-context-dialog .vm-dialog-panel{border-radius:var(--vd-u20)!important;padding-bottom:0!important}}
