#root{width:100vw;height:100vh;margin:0;padding:0;text-align:initial}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.layout{display:flex;height:100vh;width:100vw;overflow:hidden}.ant-layout-sider{width:240px;min-width:240px;max-width:240px;overflow-y:auto;height:100vh}.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.header{height:56px;min-height:56px;max-height:56px;background:#1976d2;display:flex;align-items:center;z-index:1;padding:0 24px}.chat-container{flex:1;display:flex;flex-direction:column;min-height:0;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.message-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:24px}.message-input{display:flex;align-items:center;padding:12px 16px;border-top:1px solid #f0f0f0;background:#fff;width:100%;box-sizing:border-box;min-width:0}.message-input>div{display:flex;align-items:center;width:100%;gap:8px;min-width:0}.ce-chat-list{background-color:#fff!important;border-radius:8px;box-shadow:0 2px 8px #00000026}.ce-chat-card{border-radius:8px!important;margin:8px!important}.ce-chat-feed{background-color:#fff!important;border-radius:8px;box-shadow:0 2px 8px #00000026}.ce-message-bubble{background-color:#1890ff!important;border-radius:16px!important;padding:12px 16px!important}.ce-message-input-form{padding:16px!important}.ce-message-input{border-radius:24px!important;padding:12px 16px!important}.ce-settings{background-color:#fff!important;border-radius:8px;box-shadow:0 2px 8px #00000026}.channel-header{padding:16px 24px;border-bottom:1px solid #f0f0f0}.channel-header h4{margin:0}.channel-header p{margin:4px 0 0;color:#666}.message-item{margin-bottom:16px;display:flex;flex-direction:row;justify-content:flex-start}.message-item.current-user{justify-content:flex-end}.message-content{max-width:70%;padding:12px 16px;border-radius:12px;position:relative}.message-header{display:flex;align-items:center;margin-bottom:8px}.sender-name{margin-left:8px;font-weight:600}.message-text{margin:0;word-break:break-word}.message-image{margin-top:8px}.message-image img{max-height:300px;object-fit:contain}.message-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.no-channel-selected{display:flex;align-items:center;justify-content:center;height:100%;color:#666}.message-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-track{background:#f1f1f1}.message-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.message-list::-webkit-scrollbar-thumb:hover{background:#999}.ant-list-item-meta-title{color:#1d1c1d;font-weight:600}.ant-list-item-meta-description{color:#616061}.ant-avatar{background:#1976d2}.ant-upload.ant-upload-select{margin:0}.ant-upload-list{display:none}.ant-btn-primary{background:#1976d2}.ant-btn-primary:hover{background:#1565c0}@media (max-width: 768px){body,#root{background:#e6f7fa}.header{padding:0 12px;height:48px;min-height:48px;display:flex;align-items:center;position:relative;z-index:1001}.header .ant-btn{display:flex!important;align-items:center;justify-content:center;background:transparent;border:none;box-shadow:none;margin-right:8px;z-index:1002}.ant-layout-sider{display:none!important}.content{padding:0;height:calc(100vh - 48px)}.chat-container{border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%}.channel-header{padding:12px 12px 8px}.message-list{padding:12px;flex:1;overflow-y:auto;max-height:unset;min-height:0;display:flex;flex-direction:column}.message-input{padding:8px 12px;gap:4px}.send-button{width:80px;min-width:80px;font-size:16px}.ant-drawer-body{padding:0!important}}.settings-modal .ant-modal-content{margin-bottom:12px}.message-menu-btn:hover{background:#f5f5f5!important;border-color:#bdbdbd!important;color:#111!important}.message-group-header{display:flex;align-items:center;margin-bottom:2px;margin-left:0;justify-content:flex-start;gap:6px}.message-group-header .sender-name{font-size:13px;color:#888;font-weight:500;margin-left:2px}.message-group{margin-bottom:2px}.message-group.new-group{margin-top:18px}.bubble{position:relative;border-radius:18px;padding:10px 16px;margin:2px 0;display:inline-block;max-width:80%;background:#e5e5ea;color:#111;word-break:break-word;box-shadow:0 1px 4px #0000000f}.bubble.current-user{background:#1976d2;color:#fff;margin-left:auto}.bubble-tail:after{content:"";position:absolute;bottom:10px;left:-8px;width:22px;height:28px;background:#e5e5ea;border-bottom-right-radius:18px 24px;border-top-right-radius:18px 24px;clip-path:polygon(100% 0,0 50%,100% 100%);z-index:0}.bubble.current-user.bubble-tail:after{left:auto;right:-8px;background:#1976d2;border-radius:18px 0 0 18px/24px 0 0 24px;clip-path:polygon(0 0,100% 50%,0 100%)}.bubble img{display:block;max-width:220px;max-height:220px;border-radius:12px;margin-bottom:4px}.sender-name{font-size:12px;color:#888;font-weight:500;margin-bottom:2px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}