.custom-message{padding:12px;margin-bottom:8px;border-radius:8px;background-color:var(--message-bg-color)}.message-header{display:flex;align-items:center;margin-bottom:6px}.avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;margin-right:8px;border:2px solid var(--avatar-border-color)}.avatar img{width:100%;height:100%;object-fit:cover}.username{font-weight:600;font-size:.9rem;color:var(--username-color);margin-right:8px}.timestamp{font-size:.7rem;color:var(--timestamp-color)}.message-content{font-size:.95rem;line-height:1.5;color:var(--message-text-color)}.mobile-message{display:flex;margin-bottom:12px;padding:0 16px}.my-message{justify-content:flex-end}.other-message{justify-content:flex-start}.message-bubble{max-width:80%;border-radius:16px;padding:10px 14px;display:flex;flex-direction:column}.my-message .message-bubble{background-color:#8b5cf6}.other-message .message-bubble{background-color:#2d2d2d}.message-user{font-size:12px;font-weight:500;margin-bottom:4px;color:hsla(0,0%,100%,.8)}.message-text{word-break:break-word;color:#fff}.message-time{align-self:flex-end;margin-top:2px}.mobile-input-container{margin:0 8px}.input-wrapper{flex:1;margin-right:8px}.input-wrapper textarea{width:100%;height:auto;min-height:24px;max-height:80px;resize:none;border:none;background:transparent;color:#fff;font-family:Roboto,sans-serif;font-size:14px;line-height:1.4;padding:0;outline:none}.send-button{width:32px;height:32px;cursor:pointer;border:none}.send-button:disabled{opacity:.5;cursor:not-allowed}.mobile-chat-header{background:linear-gradient(90deg,#121212,#1a1a1a);padding:14px 16px;border-bottom:1px solid rgba(139,92,246,.2)}.header-title{display:flex;align-items:center}.header-title h3{font-family:Roboto,sans-serif;font-weight:700;font-size:16px;color:#fff;margin-left:6px}.online-indicator{box-shadow:0 0 8px rgba(16,185,129,.6);position:relative}.online-indicator:after{content:"";position:absolute;width:14px;height:14px;background:transparent;border:1px solid #10b981;border-radius:50%;top:-2px;left:-2px;opacity:.5}.my-message .message-bubble{background:#8b5cf6;border-bottom-right-radius:4px;border-bottom-left-radius:18px}.my-message .message-bubble,.other-message .message-bubble{border-top-left-radius:18px;border-top-right-radius:18px;padding:12px 16px}.other-message .message-bubble{background:#2d2d2d;border-bottom-left-radius:4px;border-bottom-right-radius:18px}.message-time{opacity:.7;margin-top:4px;font-weight:500}.mobile-input-container{padding:8px 16px;margin:8px;border:1px solid rgba(139,92,246,.3);transition:border-color .2s ease}.mobile-input-container:focus-within{border-color:rgba(139,92,246,.7);box-shadow:0 0 0 2px rgba(139,92,246,.1)}.send-button{width:40px;height:40px;box-shadow:0 2px 5px rgba(109,40,217,.3);transition:transform .2s ease,box-shadow .2s ease}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 3px 7px rgba(109,40,217,.4)}.send-button:active:not(:disabled){transform:scale(.95)}@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");.mobile-chat-header h3{font-family:Roboto,sans-serif;font-weight:700;font-size:16px;line-height:1.2}.message-author{font-weight:500;font-size:12px;line-height:12px;color:hsla(0,0%,100%,.7);padding-left:12px}.message-author,.message-text{font-family:Roboto,sans-serif;margin-bottom:4px}.message-text{font-weight:400;font-size:14px;line-height:1.4;white-space:pre-wrap}.message-time{font-family:Roboto,sans-serif;font-weight:700;line-height:1;text-transform:uppercase;color:hsla(0,0%,100%,.5);text-align:right}.str-chat__textarea{font-family:Roboto,sans-serif!important;font-weight:400!important;font-size:14px!important}.attachment-label{font-family:Roboto,sans-serif;font-weight:400;font-size:14px;color:hsla(0,0%,100%,.7);margin-bottom:8px;padding:4px 8px;background:rgba(0,0,0,.2);border-radius:4px;display:inline-block}.mobile-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#121212;border-bottom:1px solid #2d2d2d}.online-indicator{width:10px;height:10px;background:#10b981;border-radius:50%;margin-right:8px}.user-count-badge{background:rgba(0,0,0,.2);border:none;padding:3px 8px;border-radius:12px;color:hsla(0,0%,100%,.8);font-family:Roboto,sans-serif;font-weight:500;font-size:12px}.user-count-icon{height:14px;width:14px;margin-right:4px;opacity:.8}.mobile-input-container{display:flex;align-items:center;background:#1e1e1e;border-radius:24px;padding:8px 12px;border:1px solid #2d2d2d}.send-button{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6d28d9);display:flex;align-items:center;justify-content:center}.typing-indicator{font-size:12px;color:hsla(0,0%,100%,.6);font-style:italic;margin-bottom:4px;padding-left:16px}.str-chat__message-list::-webkit-scrollbar{width:6px}.str-chat__message-list::-webkit-scrollbar-track{background:transparent}.str-chat__message-list::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3);border-radius:3px}.str-chat__list{padding:16px 0}.str-chat__message-list{background:#121212}.str-chat__li{margin-bottom:8px;list-style-type:none}.str-chat-channel{padding-bottom:env(safe-area-inset-bottom,0)}.mobile-chat-header{padding-top:calc(env(safe-area-inset-top, 0) + 8px);background:linear-gradient(180deg,#121212,hsla(0,0%,7%,.95));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10;position:sticky;top:0}.message-container{position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%}.scroll-anchor{height:1px;width:1px;opacity:0}.scroll-down-container{position:absolute;right:16px;bottom:80px;z-index:20}.scroll-down-button{width:36px;height:36px;border-radius:50%;background:rgba(139,92,246,.8);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.25);border:none;cursor:pointer;transition:transform .2s,background-color .2s}.scroll-down-button:hover{background:#8b5cf6;transform:scale(1.05)}.scroll-down-button:active{transform:scale(.95)}.message-container::-webkit-scrollbar{width:4px}.message-container::-webkit-scrollbar-track{background:transparent}.message-container::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3);border-radius:4px}.str-chat,.str-chat-channel,.str-chat__container{height:100%}.str-chat__message-list-container{overflow-y:auto;height:calc(100% - 16px);padding-bottom:16px}.str-chat__message-list{-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,16px)}@supports (-webkit-touch-callout:none){.message-container,.str-chat__message-list-container{overflow-y:scroll;-webkit-overflow-scrolling:touch}}.str-chat-channel{height:100%;width:100%;display:flex;flex-direction:column}.str-chat__message-list-scroll{flex:1;overflow-y:auto!important}.str-chat__input-flat{display:flex!important}.str-chat__message-simple{margin-bottom:8px;padding:8px 12px;border-radius:12px;background-color:#2d3748;max-width:80%}.str-chat__message-simple--me{background-color:#553c9a;align-self:flex-end}.str-chat__message-simple__content{color:#f7fafc}.str-chat__input{background-color:#1a202c;border-top:1px solid #2d3748;padding:8px}.str-chat__input-flat{background-color:#2d3748;border-radius:20px;padding:8px 12px}.str-chat__input-flat__textarea{color:#f7fafc}.str-chat__send-button{background-color:#6b46c1;border-radius:50%;height:32px;width:32px;display:flex;align-items:center;justify-content:center}.chat-message{padding:10px 12px;margin-bottom:8px;border-radius:12px;max-width:80%;word-break:break-word}.my-message{background-color:#553c9a;align-self:flex-end;margin-left:auto;border-bottom-right-radius:4px}.other-message{background-color:#2d3748;align-self:flex-start;border-bottom-left-radius:4px}.message-time{font-size:10px;color:hsla(0,0%,100%,.6);margin-left:6px}.message-input{background-color:#1a202c;border:1px solid #2d3748;color:#fff;padding:8px 12px;border-radius:4px;outline:none}.message-input:focus{border-color:#553c9a}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_d65c78;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_d65c78{font-family:__Inter_d65c78,__Inter_Fallback_d65c78;font-style:normal}