:root{--chat-primary:hsl(var(--primary));--chat-primary-foreground:hsl(var(--primary-foreground));--chat-background:hsl(var(--background));--chat-card:hsl(var(--card));--chat-muted:hsl(var(--muted));--chat-border:hsl(var(--border));--chat-foreground:hsl(var(--foreground));--chat-muted-foreground:hsl(var(--muted-foreground));--messenger-blue:#0084ff;--messenger-gray:#f0f0f0;--messenger-light-gray:#e9e9e9;--messenger-dark-gray:#606060}.messenger-container{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--chat-background);border-radius:8px;overflow:hidden;position:relative}.str-chat__container{height:100%}.str-chat.messaging,.str-chat.messaging .str-chat__main-panel,.str-chat__window{height:100%;display:flex;flex-direction:column}.str-chat__channel{height:100%;position:relative}.str-chat__list{height:100%;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.str-chat__message-list-scroll,.str-chat__virtual-list,.str-chat__virtual-list__wrapper{overflow-y:auto!important;height:100%!important}.str-chat__message-list-scroll{overflow-x:hidden!important}.messenger-header{padding:10px 16px;background-color:var(--chat-card);border-bottom:1px solid var(--chat-border);height:60px}.messenger-header,.messenger-header-avatar,.messenger-header-info{display:flex;align-items:center}.messenger-header-avatar{width:36px;height:36px;border-radius:50%;background-color:var(--chat-muted);justify-content:center;margin-right:12px;overflow:hidden}.messenger-header-avatar-text,.messenger-header-title h4{font-weight:600;color:var(--chat-foreground)}.messenger-header-title h4{font-size:16px;margin:0}.messenger-message-list{position:absolute;top:60px;bottom:60px;left:0;right:0;overflow-y:auto;padding:16px;background-color:var(--chat-background);-webkit-overflow-scrolling:touch}.str-chat__list--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--chat-muted-foreground);font-size:16px;text-align:center}.str-chat__empty-channel{padding:0;margin:0;list-style:none}.str-chat__channel-empty,.str-chat__empty-channel{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.str-chat__channel-empty{text-align:center;color:var(--chat-muted-foreground);font-size:16px;padding:20px}.str-chat__channel-empty svg{margin-bottom:16px;width:60px;height:60px;color:var(--chat-muted)}.messenger-message{display:flex;margin-bottom:8px;max-width:80%;position:relative}.messenger-message--mine{margin-left:auto;flex-direction:row-reverse}.messenger-message--other{margin-right:auto}.messenger-bubble-container{display:flex;flex-direction:column;max-width:100%}.messenger-sender-name{font-size:12px;font-weight:500;color:var(--chat-muted-foreground);margin-bottom:2px;margin-left:12px}.messenger-timestamp{font-size:11px;color:var(--chat-muted-foreground);margin-top:2px;margin-bottom:4px;align-self:flex-start}.messenger-message--mine .messenger-timestamp{align-self:flex-end;margin-right:4px}.messenger-message--other .messenger-timestamp{margin-left:12px}.messenger-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;margin:0 8px;display:flex;align-items:center;justify-content:center;background-color:var(--chat-muted)}.messenger-avatar img{width:100%;height:100%;object-fit:cover}.messenger-avatar-text{font-weight:600;font-size:12px;color:var(--chat-foreground)}.messenger-bubble{padding:8px 12px;border-radius:18px;position:relative;max-width:100%;word-break:break-word;margin:2px 0;display:inline-block}.messenger-message--mine .messenger-bubble{background-color:var(--messenger-blue);color:white;border-bottom-right-radius:4px;margin-left:auto}.messenger-message--other .messenger-bubble{background-color:var(--messenger-gray);color:black;border-bottom-left-radius:4px}.messenger-bubble--with-tail:after{content:"";position:absolute;bottom:0;width:10px;height:10px}.messenger-message--mine .messenger-bubble--with-tail:after{right:-5px;border-left:10px solid var(--messenger-blue);border-bottom-left-radius:10px}.messenger-message--other .messenger-bubble--with-tail:after{left:-5px;border-right:10px solid var(--messenger-gray);border-bottom-right-radius:10px}.messenger-text{font-size:14px;line-height:1.4;white-space:pre-wrap}.messenger-input-wrapper{padding:8px 16px;background-color:var(--chat-card);border-top:1px solid var(--chat-border);position:absolute;bottom:0;left:0;right:0;z-index:10}.messenger-input-container{display:flex;align-items:center;background-color:var(--chat-background);border-radius:20px;padding:8px 12px;margin:0 auto;width:100%;max-width:600px;position:relative;border:1px solid var(--chat-border)}.messenger-emoji-wrapper{position:relative}.messenger-emoji-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:transparent;cursor:pointer;border:none;margin-right:8px;color:var(--chat-muted-foreground);transition:color .2s ease}.messenger-emoji-button:hover{color:var(--chat-foreground)}.messenger-emoji-picker{position:absolute;bottom:40px;left:0;background-color:var(--chat-card);border:1px solid var(--chat-border);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;z-index:10}.messenger-emoji-item{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:20px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.messenger-emoji-item:hover{background-color:var(--chat-muted)}.messenger-attachment-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:transparent;cursor:pointer;border:none;margin-right:8px;color:var(--chat-muted-foreground);transition:color .2s ease}.messenger-attachment-button:hover{color:var(--chat-foreground)}.messenger-input-form{display:flex;align-items:center;flex:1;position:relative}.messenger-input-field{width:100%;border:none;background:transparent;font-size:14px;padding:8px 12px;color:var(--chat-foreground);outline:none;resize:none}.messenger-input-field::placeholder{color:var(--chat-muted-foreground)}.messenger-send-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--messenger-blue);cursor:pointer;border:none;color:white;transition:all .2s ease;margin-left:8px;padding:8px}.messenger-send-button:disabled{background-color:var(--chat-muted);color:var(--chat-muted-foreground);cursor:default}.messenger-send-button:not(:disabled):hover{background-color:var(--chat-primary);transform:scale(1.05)}.str-chat__input-flat--send-button-active .str-chat__emoji-picker-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:transparent;cursor:pointer;border:none;margin-right:8px}.str-chat__emoji-picker-button svg{width:20px;height:20px;fill:var(--chat-muted-foreground)}.str-chat__input-flat--send-button-active .str-chat__file-upload-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:transparent;cursor:pointer;border:none;margin-right:8px}.str-chat__file-upload-button svg{width:20px;height:20px;fill:var(--chat-muted-foreground)}.str-chat{height:100%;width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.str-chat__textarea{background:transparent;border:none;color:var(--chat-foreground);font-size:14px;padding:8px 12px;resize:none;width:100%}.str-chat__textarea:focus{outline:none}.str-chat__textarea::placeholder{color:var(--chat-muted-foreground)}.str-chat__send-button{background-color:transparent;border:none;color:var(--messenger-blue);cursor:pointer;padding:0 8px;margin-left:8px}.str-chat__send-button:hover{color:var(--chat-primary)}.str-chat__send-button svg{width:24px;height:24px}.str-chat__message-status{font-size:12px;color:var(--chat-muted-foreground);margin-top:4px;text-align:right}.str-chat__ul{list-style:none;width:100%}.str-chat__li,.str-chat__ul{padding:0;margin:0}.str-chat__main-panel{display:flex;flex-direction:column;height:100%;width:100%}.str-chat__input-flat,.str-chat__messaging-input{border:none;background:transparent;padding:0}.str-chat__thread{display:none}.str-chat__emoji-picker{background:var(--chat-card);border:1px solid var(--chat-border);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.str-chat__message-actions{display:none}.str-chat__message-data{font-size:11px;color:var(--chat-muted-foreground);margin-top:4px}.str-chat__loading-indicator{display:flex;align-items:center;justify-content:center;height:100%;width:100%}