.chat-message{position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transform:translateX(var(--reply-drag,0px))}.chat-message.has-reactions{margin-bottom:22px}.chat-message.message-settling{transition:transform .2s cubic-bezier(.2,1.4,.45,1)}.chat-message:before{content:'↩';position:absolute;top:50%;left:-36px;transform:translateY(-50%);display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-size:19px;color:var(--chat-accent);background:var(--chat-paper);opacity:0}.chat-message.message-swiping:before{opacity:.5}.chat-message.message-swipe-ready:before{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--chat-accent) 20%,transparent)}.chat-message.message-selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--chat-accent) 45%,transparent)}.chat-message.message-highlight{outline:2px solid var(--chat-accent);outline-offset:2px}.chat-message:focus-visible{outline:2px solid var(--chat-accent);outline-offset:3px}.chat-messages{overflow-x:hidden}.chat-message .message-more{position:absolute;top:1px;right:1px;display:none;width:25px;height:25px;min-height:25px!important;padding:0;background:var(--chat-paper);color:var(--chat-ink);border-radius:50%;font-size:18px;opacity:.85}@media(hover:hover) and (pointer:fine){.chat-message:hover .message-more,.chat-message:focus-within .message-more{display:block}}.chat-message .message-quote{display:block;width:100%;min-height:0!important;text-align:left;border-left:3px solid var(--chat-accent);padding:7px 9px;margin:0 0 7px;border-radius:6px;background:var(--chat-paper);color:var(--chat-ink);opacity:.95}.message-quote b,.message-quote span{display:block;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.message-quote span{max-height:30px;overflow:hidden;font-size:11px}
.chat-message .message-reactions{position:absolute;bottom:-23px;left:7px;z-index:1;display:flex;gap:1px;align-items:center;width:max-content;max-width:160px;padding:1px 3px;border:2px solid var(--chat-paper);border-radius:20px;background:var(--chat-paper);box-shadow:0 2px 5px #51304f22;transform-origin:15px 0}.chat-message.mine .message-reactions{left:auto;right:7px;transform-origin:calc(100% - 15px) 0}.chat-message .message-reactions button{display:flex;align-items:center;gap:3px;min-height:23px!important;min-width:24px;padding:0 3px;border:0;border-radius:15px;background:transparent;color:var(--chat-ink);font-size:16px;line-height:23px}.chat-message .message-reactions button[aria-pressed=true]{background:color-mix(in srgb,var(--chat-accent) 14%,var(--chat-paper))}.message-reactions button span{font-size:10px}.reaction-pop{animation:reaction-hinge .26s ease-out}@keyframes reaction-hinge{0%{transform:rotate(-12deg) scale(.82)}60%{transform:rotate(5deg) scale(1.05)}100%{transform:rotate(0) scale(1)}}.message-heart-pop:after{content:'♥';position:absolute;left:50%;top:50%;z-index:3;color:#e55591;font:50px/1 Georgia;text-shadow:0 2px 5px #70294b55;pointer-events:none;animation:message-heart .45s ease-out forwards}@keyframes message-heart{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}30%{transform:translate(-50%,-50%) scale(1.2);opacity:1}70%{opacity:1}100%{transform:translate(-50%,-70%) scale(1);opacity:0}}
.message-actions{position:absolute;z-index:8;box-sizing:border-box;padding:6px;border:1px solid color-mix(in srgb,var(--chat-accent) 25%,var(--chat-paper));border-radius:22px;background:var(--chat-paper);color:var(--chat-ink);box-shadow:0 8px 28px #43243932}.message-reaction-picker{display:flex;align-items:center;justify-content:space-between;gap:2px}.message-actions button{min-height:30px!important;padding:4px 8px;border-radius:12px;background:transparent;color:var(--chat-ink);font-size:12px}.message-actions .message-reaction-picker button{display:grid;place-items:center;flex:1;min-width:27px;min-height:36px!important;padding:2px;font-size:25px;line-height:1.3;transition:transform .15s}.message-reaction-picker button:hover,.message-reaction-picker button:focus-visible{transform:translateY(-3px);background:var(--chat-head)}.message-reaction-picker button[aria-pressed=true]{background:var(--chat-head)}.message-actions [data-emoji-open]{font:25px/1 sans-serif;color:var(--chat-accent);background:var(--chat-head);border-radius:50%}.message-action-links{display:flex;align-items:center;gap:3px;border-top:1px solid color-mix(in srgb,var(--chat-accent) 15%,transparent);margin-top:5px;padding-top:4px}.message-action-links [data-message-reply]{display:flex;align-items:center;gap:7px}.message-action-links svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.message-action-links [data-message-dismiss]{margin-left:auto;font-size:21px;min-width:30px}.message-reply-draft{display:flex;gap:6px;align-items:center;padding:7px 10px;flex-shrink:0;background:var(--chat-head);color:var(--chat-ink)}.message-reply-draft>div{flex:1;min-width:0;padding-left:8px;border-left:2px solid var(--chat-accent)}.message-reply-draft b,.message-reply-draft span{display:block;font-size:10px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-reply-draft>button{width:28px;min-height:28px!important;padding:0;background:transparent;color:var(--chat-ink);font-size:20px}
.reaction-emoji-panel{position:absolute;z-index:9;left:8px;right:8px;display:flex;flex-direction:column;height:360px;max-height:60%;box-sizing:border-box;padding:9px;border-radius:20px;border:1px solid color-mix(in srgb,var(--chat-accent) 30%,var(--chat-paper));background:var(--chat-paper);color:var(--chat-ink);box-shadow:0 10px 35px #43243940}.reaction-emoji-panel>header{display:flex;gap:6px;align-items:center;flex:none}.reaction-emoji-panel input{box-sizing:border-box;min-width:0;flex:1;min-height:32px!important;height:34px;margin:0;padding:5px 9px;border:1px solid color-mix(in srgb,var(--chat-accent) 25%,transparent);border-radius:12px;background:var(--chat-paper);color:var(--chat-ink);font-size:16px}.reaction-emoji-panel header>button{flex:none;background:transparent;color:var(--chat-ink);font-size:22px;min-width:28px;min-height:32px!important;padding:0}.reaction-emoji-tabs{display:flex;gap:2px;overflow-x:auto;flex:none;margin:5px 0;scrollbar-width:none}.reaction-emoji-tabs button{flex:none;min-width:32px;min-height:30px!important;padding:2px;border-radius:9px;background:transparent;color:var(--chat-ink);font-size:20px}.reaction-emoji-tabs button[aria-pressed=true]{background:var(--chat-head)}.reaction-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(35px,1fr));align-content:start;gap:3px;overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1}.reaction-emoji-grid button{min-height:37px!important;padding:1px;background:transparent;color:var(--chat-ink);font-size:26px;border-radius:10px}.reaction-emoji-grid button:hover,.reaction-emoji-grid button[aria-pressed=true]{background:var(--chat-head)}.reaction-emoji-grid>p{grid-column:1/-1;font-size:11px;line-height:1.6;text-align:center;padding:8px}.reaction-emoji-more{flex:none;min-height:25px!important;padding:4px;background:transparent;color:var(--chat-accent);font-size:10px}.chat-panel:not(.maximized) .message-actions{border-radius:18px;padding:4px}.chat-panel:not(.maximized) .message-reaction-picker button{font-size:22px;min-height:31px!important}.chat-panel:not(.maximized) .message-action-links{margin-top:3px;padding-top:2px}.chat-panel:not(.maximized) .reaction-emoji-panel{padding:6px;border-radius:15px}.chat-panel:not(.maximized) .reaction-emoji-panel input{height:29px;min-height:29px!important;font-size:12px}.chat-panel:not(.maximized) .reaction-emoji-tabs button{min-height:27px!important;font-size:18px;min-width:28px}.chat-panel:not(.maximized) .reaction-emoji-grid button{font-size:23px;min-height:31px!important}.maximized.in-call.video-call .message-actions,.maximized.in-call.video-call .reaction-emoji-panel,.maximized.in-call.video-call .message-reply-draft{display:none}@media(prefers-reduced-motion:reduce){.chat-message.message-settling,.message-reaction-picker button{transition:none}.reaction-pop,.message-heart-pop:after{animation:none}.message-heart-pop:after{display:none}}
.selected-message-menu{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid color-mix(in srgb,var(--chat-accent) 25%,transparent)}.selected-message-menu>small{display:block;padding:5px 10px;color:var(--chat-accent);font-size:10px}.selected-message-menu [data-message-reply]{justify-content:flex-start;gap:7px}.selected-message-menu svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.selected-message-menu [data-message-delete],.selected-message-menu [data-message-delete-scope]{color:var(--chat-accent)}.message-delete-choices p{font-size:12px;padding:4px 10px;margin:0;color:var(--chat-ink)}.chat-panel.has-message-selection [data-chat=options]{background:var(--chat-mine);box-shadow:0 0 0 1px var(--chat-accent)}.chat-panel:not(.maximized) .chat-options{max-height:calc(100% - 50px);overflow-y:auto;overscroll-behavior:contain}.chat-panel:not(.maximized) .chat-options button{padding:6px 10px;min-height:30px!important;font-size:11px}.chat-message.message-deleted p{font-style:italic;opacity:.65}