.chat-sidebar[data-v-e77f3dab]{left:0;position:fixed;top:0;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:40}.chat-sidebar.is-open[data-v-e77f3dab]{transform:translate(0)}@media (min-width:768px){.chat-sidebar[data-v-e77f3dab]{width:256px}}@media (min-width:1024px){.chat-sidebar[data-v-e77f3dab]{position:static;width:280px;z-index:auto}.chat-sidebar[data-v-e77f3dab],.chat-sidebar.is-open[data-v-e77f3dab]{transform:none}}@media (min-width:1280px){.chat-sidebar[data-v-e77f3dab]{width:320px}}@media (max-width:1023px){.chat-backdrop[data-v-e77f3dab]{background:#00000080;inset:0;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:30}.chat-backdrop.is-visible[data-v-e77f3dab]{opacity:1;visibility:visible}}.chat-sidebar[data-v-e77f3dab]{transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .2s ease,border-color .2s ease}@media (hover:none){.chat-sidebar[data-v-e77f3dab]{-webkit-overflow-scrolling:touch}}.swipe-indicator[data-v-e77f3dab]{background:#3b82f6e6;border-radius:20px;color:#fff;font-size:12px;font-weight:600;left:20px;opacity:0;padding:8px 12px;pointer-events:none;position:fixed;top:50%;transform:translateY(-50%);transition:opacity .2s ease;z-index:60}.swipe-indicator.show[data-v-e77f3dab]{opacity:1}.chat-main-content[data-v-e77f3dab]{display:flex!important;flex-direction:column!important;height:100%;min-height:0;overflow:hidden}.chat-channel-container[data-v-e77f3dab]{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.messages-container[data-v-e77f3dab]{flex:1 1 auto;max-height:calc(100vh - 180px);min-height:200px;overflow-x:hidden;overflow-y:scroll!important;position:relative;scrollbar-width:thin}@media (max-width:1023px){.messages-container[data-v-e77f3dab]{max-height:calc(100vh - 140px);padding-bottom:6rem!important}}@media (min-width:1024px){.messages-container[data-v-e77f3dab]{max-height:calc(100vh - 180px);padding-bottom:1rem!important}}.messages-container[data-v-e77f3dab]::-webkit-scrollbar{background:#0000000d;width:8px}.messages-container[data-v-e77f3dab]::-webkit-scrollbar-track{background:transparent}.messages-container[data-v-e77f3dab]::-webkit-scrollbar-thumb{background:#0006;border-radius:4px}.dark .messages-container[data-v-e77f3dab]::-webkit-scrollbar-thumb{background:#fff3}.messages-container[data-v-e77f3dab]::-webkit-scrollbar-thumb:hover{background:#0000004d}.dark .messages-container[data-v-e77f3dab]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:1023px){[data-v-e77f3dab]{-webkit-tap-highlight-color:transparent}.chat-sidebar[data-v-e77f3dab]{touch-action:pan-y}.chat-main-content[data-v-e77f3dab]{height:100%;touch-action:pan-y}.chat-sidebar[data-v-e77f3dab] *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.message-content[data-v-e77f3dab],input[data-v-e77f3dab],textarea[data-v-e77f3dab]{-webkit-user-select:text;-moz-user-select:text;user-select:text}}.mention-highlight[data-v-e77f3dab]{border-radius:3px;cursor:pointer;display:inline;text-decoration:none;transition:all .2s ease}.mention-highlight[data-v-e77f3dab]:hover{background-color:#3b82f64d!important;color:#2563eb!important}.dark .mention-highlight[data-v-e77f3dab]:hover{background-color:#3b82f666!important;color:#60a5fa!important}.mention-dropdown[data-v-e77f3dab]{animation:slideUpFade-e77f3dab .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 25px #00000026}@keyframes slideUpFade-e77f3dab{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mention-input[data-v-e77f3dab]:focus{box-shadow:0 0 0 3px #3b82f61a}.emoji-picker-popover[data-v-e77f3dab]{animation:slideInUp-e77f3dab .15s ease-out;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;min-width:200px}.emoji-picker-popover button[data-v-e77f3dab]{align-items:center;display:flex;height:40px;justify-content:center;width:40px}@keyframes slideInUp-e77f3dab{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-popover[data-v-e77f3dab]{max-width:calc(100vw - 40px);transform-origin:top right}.message-item[data-v-e77f3dab]{position:relative}.emoji-picker-popover[data-v-e77f3dab]{z-index:60!important}@media (max-width:640px){.emoji-picker-popover[data-v-e77f3dab]{inset:auto 20px 20px!important;position:fixed!important;transform-origin:bottom center}}.chat-input-container[data-v-e77f3dab]{transition:max-height .2s ease-in-out,transform .2s ease-in-out}@media (max-width:1023px){.chat-input-container[data-v-e77f3dab]{bottom:env(safe-area-inset-bottom,0);max-height:min(50vh,calc(100vh - 100px));overflow-y:auto}.chat-input-container>div[data-v-e77f3dab]:first-child{max-height:calc(30vh - 80px);overflow-y:auto}}.messages-container[data-v-e77f3dab]{transition:padding-bottom .2s ease-in-out}.line-clamp-2[data-v-e77f3dab]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-item[data-v-e77f3dab]{animation:fadeInUp-e77f3dab .2s ease-out}@keyframes fadeInUp-e77f3dab{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble-tail[data-v-e77f3dab]:before{border:8px solid transparent;bottom:0;content:"";height:0;position:absolute;width:0}.own-message-tail[data-v-e77f3dab]:before{border-bottom:none;border-left-color:currentColor;border-right:none;right:-7px}.other-message-tail[data-v-e77f3dab]:before{border-bottom:none;border-left:none;border-right-color:currentColor;left:-7px}.message-item:hover .message-bubble[data-v-e77f3dab]{transform:translateY(-1px);transition:transform .2s ease-out,shadow .2s ease-out}.reaction-button[data-v-e77f3dab]{transition:all .2s ease-out}.reaction-button[data-v-e77f3dab]:hover{transform:scale(1.05)}.message-item+.message-item[data-v-e77f3dab]{margin-top:2px}.message-group-continue[data-v-e77f3dab]{margin-top:1px}.message-group-continue .avatar[data-v-e77f3dab]{visibility:hidden}@media (prefers-color-scheme:dark){.message-bubble-own[data-v-e77f3dab]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 8px #3b82f64d}.message-bubble-other[data-v-e77f3dab]{background:#374151;border:1px solid #4b5563;box-shadow:0 2px 8px #0000001a}}