*{user-select:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif,Arial}a,body,button,div,footer,h1,h2,h3,h4,h5,h6,header,html,input,main,p,span,textarea{transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease}main{display:flex;flex-direction:column;scrollbar-width:none;padding-bottom:80px;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.my-message{align-self:flex-end}.my-message,.other-message{padding:8px 12px;border-radius:12px;max-width:85%;margin-bottom:8px;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.other-message{align-self:flex-start}.flex.items-center.justify-center.gap-3{display:flex;align-items:center;margin:1rem auto;max-width:600px}.flex.items-center.justify-center.gap-3 p{text-align:left;margin:0}@media (max-width:640px){.flex.items-center.justify-center.gap-3{padding:0 1rem}}.message-link{text-decoration:underline}.message-link-container{display:flex;flex-direction:column;width:100%;max-width:100%}.message-link{color:#056cc0;word-break:break-all;margin-bottom:4px;display:inline-block;max-width:100%}.message-link,.message-text{word-wrap:break-word;overflow-wrap:break-word}.message-text{width:100%;word-break:break-word;hyphens:auto}@media (min-width:768px){.my-message,.other-message{max-width:60%}}.link-preview,.message img{max-width:100%}.message img{height:auto}.relative .absolute.inset-0{border-radius:.375rem;transition:all .2s ease}.relative:hover .absolute.inset-0{background-color:rgba(0,0,0,.6)}.relative .absolute.inset-0.flex{display:flex;align-items:center;justify-content:center}footer{position:fixed;bottom:0;left:0;right:0;z-index:50}.message{position:relative;padding:8px 12px;border-radius:10px;max-width:70%;margin-bottom:24px}.my-message .reaction-picker{right:29px;left:auto}.reaction-emoji{cursor:pointer;padding:4px;border-radius:30px;transition:background-color .2s}.reaction-emoji:hover{background-color:#4a5568;border-radius:30px}.reaction-badge{position:relative;display:inline-flex;align-items:center;gap:2px;padding:2px 4px;border-radius:12px;font-size:.9em;background-color:#2d3748;box-shadow:0 1px 3px rgba(0,0,0,.2);margin-right:4px}.reaction-count{font-size:.8em;margin-left:2px}.reactions-display{position:absolute;bottom:-24px;left:4px;display:flex;gap:4px;z-index:10}.my-message .reactions-display{right:4px;left:auto}.reaction-picker{position:absolute;left:29px;border-radius:30px;padding:5px;display:flex;gap:2px;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:100}.message.has-image .reaction-picker{bottom:-10px}.other-message.has-image .reaction-picker{left:5}.my-message.has-image .reaction-picker{right:25px;left:auto}.my-message:not(.has-image) .reaction-picker{right:29px;left:auto}.other-message:not(.has-image) .reaction-picker{left:29px}.message.has-image{background:none}.emoji-picker-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;transition:color .2s}.emoji-picker-button:hover{color:#9ca3af}.emoji-picker-popup{position:absolute;bottom:100%;right:0;margin-bottom:8px;background-color:#1f2937;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);z-index:50}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:8px}.emoji-item{cursor:pointer;padding:4px;border-radius:4px;text-align:center;transition:background-color .2s}.emoji-item:hover{background-color:#374151}.em-emoji-picker{--background-rgb:31,41,55!important;--border-radius:8px!important;--category-icon-size:20px!important;--font-size:14px!important;--rgb-accent:59,130,246!important;--rgb-background:31,41,55!important;--rgb-color:255,255,255!important;--rgb-input:55,65,81!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important}.emoji-picker-container{position:relative}.giphy-grid{background-color:transparent!important}.giphy-gif{cursor:pointer;transition:transform .2s;border-radius:8px;overflow:hidden}.giphy-gif:hover{transform:scale(1.05)}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:#1f2937}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:#6b7280}.timestamp{font-size:9px;align-self:flex-end;margin-left:5px}.typing-indicator{display:flex;align-items:center}.typing-indicator .dots{display:inline-flex}.typing-indicator .dot{animation:typingDot 1.4s infinite;opacity:0;margin-left:2px}.theme-toggle-button{transition:transform .7s ease}.theme-toggle-button:hover{transform:rotate(25deg)}.theme-toggle-icon{transition:opacity .3s ease}.link-preview-wrapper{text-decoration:none;color:inherit;display:block;margin-top:8px;width:100%;max-width:100%}.link-preview{background:#ffffff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.1);transition:background-color .2s;width:100%}@media (prefers-color-scheme:dark){.link-preview{background:#6b6969;border-color:rgba(255,255,255,.1)}}.preview-content{padding:12px;flex:1;min-width:0}.preview-site{display:flex;align-items:center;gap:6px;margin-bottom:8px;min-width:0}.site-favicon{width:16px;height:16px;object-fit:contain}.link-icon{width:14px;height:14px;color:#666}.site-domain{font-size:13px;color:#bcb8b8;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-width:0;flex:1}.preview-title{margin:0 0 4px;font-size:15px;font-weight:600;line-height:1.3;color:#ffffff}.preview-description,.preview-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-description{margin:0;font-size:13px;color:#a7a5a5}.preview-image{width:100%;position:relative;padding-top:52.5%;overflow:hidden}.preview-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.link-preview-loading{display:flex;align-items:center;gap:8px;padding:8px;background:rgba(0,0,0,.05);border-radius:8px;margin-top:8px;width:100%;overflow:hidden}.link-url{font-size:13px;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1;min-width:0}@media (min-width:768px){.link-preview{flex-direction:row;max-height:120px}.preview-content{flex:1;padding:16px}.preview-image{width:120px;padding-top:0}.preview-title{font-size:16px}.preview-description{font-size:14px}}.link-preview-wrapper:hover .link-preview{background-color:rgba(0,0,0,.02)}@media (prefers-color-scheme:dark){.link-preview-wrapper:hover .link-preview{background-color:#333}}