:root{--chat-background: #1a1a1a;--chat-foreground: #ccc;--chat-primary: #d4b45c;--chat-primary-fg: #1a1a1a;--chat-card: #1e1e1e;--chat-border: #444;--chat-secondary: #2a2a2a;--chat-muted-fg: #999;--chat-input: #222;--chat-font: var(--font-sans)}.chat-bar-collapsed,.chat-bar-minimized{position:fixed;bottom:0;right:24px;background:var(--chat-card);border:1px solid var(--chat-border);border-bottom:none;border-radius:8px 8px 0 0;padding:14px 28px;cursor:pointer;display:flex;align-items:center;gap:10px;font-family:var(--chat-font);font-size:13px;font-weight:500;color:var(--chat-foreground);z-index:50;transition:background .2s}.chat-bar-collapsed:hover,.chat-bar-minimized:hover{background:var(--chat-secondary)}.chat-bar-icon{font-size:16px}.chat-bar-offline{color:#e55;animation:blink 1s infinite}.chat-bar-close{margin-left:auto;background:none;border:none;color:#9999;cursor:pointer;padding:2px 6px}.chat-bar-close:hover{color:var(--chat-foreground)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.chat-panel{position:fixed;bottom:0;right:24px;width:640px;max-width:90vw;height:560px;background:var(--chat-background);border:1px solid var(--chat-border);border-bottom:none;border-radius:8px 8px 0 0;display:flex;flex-direction:column;font-family:var(--chat-font);font-size:13px;color:var(--chat-foreground);z-index:50;box-shadow:0 -4px 24px #00000080}.chat-panel--embedded{position:relative;bottom:auto;right:auto;width:100%;max-width:100%;height:100%;border:none;border-radius:0;box-shadow:none;z-index:auto}.chat-header{display:flex;align-items:center;justify-content:space-between;background:#1e1e1e99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(68,68,68,.4);padding:0;flex-shrink:0;position:relative}.chat-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(212,180,92,.3),transparent)}.chat-header-actions{display:flex;align-items:center;gap:2px;padding-right:8px}.chat-status-offline{color:#e6a23c;font-size:13px;margin-right:4px}.chat-btn-minimize,.chat-btn-close{background:transparent;border:none;color:#99999980;padding:6px 8px;cursor:pointer;font-family:var(--chat-font);font-size:11px;border-radius:4px;transition:color .15s,background .15s}.chat-btn-minimize:hover,.chat-btn-close:hover{color:var(--chat-foreground);background:#2a2a2a80}.chat-tabs{display:flex;gap:0;flex:1;padding:0 4px}.chat-tab{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;padding:8px 14px;cursor:pointer;color:#9999;font-family:var(--chat-font);font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;transition:color .15s,border-color .15s,background .15s;flex:1;min-width:0;position:relative}.chat-tab:hover{color:var(--chat-muted-fg);background:#2a2a2a4d}.chat-tab.active{color:var(--chat-foreground);font-weight:600;border-bottom:2px solid rgba(212,180,92,.6);background:var(--chat-background)}.chat-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--chat-primary);color:var(--chat-primary-fg);font-size:9px;font-weight:700;line-height:1}.chat-tab.has-unread{position:relative}.chat-tab.has-unread:after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;background:var(--chat-primary);border-radius:50%;box-shadow:0 0 6px #d4b45c99;animation:pulse-unread 1.5s ease-in-out infinite}.chat-tab.has-unread:not(.active){color:#d4b45ccc}.chat-tab.updates-tab.has-unread:after{background:#e6a23c;box-shadow:0 0 6px #e6a23c99}.chat-tab.updates-tab.has-unread:not(.active){color:#e6a23ccc}@keyframes pulse-unread{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.chat-tab-icon{font-size:12px}.chat-tab-label{font-size:11px}.settings-btn{background:transparent;border:none;color:#99999980;padding:6px 8px;cursor:pointer;border-radius:4px;transition:color .15s;font-size:14px;line-height:1}.settings-btn:hover{color:var(--chat-foreground)}.chat-subbar{display:flex;align-items:center;justify-content:space-between;padding:5px 16px;border-bottom:1px solid rgba(68,68,68,.3);flex-shrink:0}.chat-subbar-left{display:flex;align-items:center;gap:6px}.online-dot{position:relative;width:8px;height:8px}.online-dot:before{content:"";position:absolute;inset:0;border-radius:50%;background:#10b981}.online-dot:after{content:"";position:absolute;inset:-2px;border-radius:50%;background:#10b981;opacity:.4;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.online-count{font-size:11px;color:#9999}.chat-subbar-right{font-size:10px;color:#9999994d}.chat-subheader{background:var(--chat-card);border-bottom:1px solid rgba(68,68,68,.4);padding:6px 8px;flex-shrink:0}.chat-body{flex:1;overflow:hidden;min-height:0}.message-list{height:100%;overflow-y:auto;overflow-x:hidden;padding:4px 0;scrollbar-width:thin}.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-track{background:transparent}.message-list::-webkit-scrollbar-thumb{background:#44444480;border-radius:3px}.message-list::-webkit-scrollbar-thumb:hover{background:#444c}.message-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:64px 16px;gap:12px}.empty-icon-circle{width:40px;height:40px;border-radius:50%;background:#2a2a2a80;display:flex;align-items:center;justify-content:center}.empty-icon-circle svg{width:20px;height:20px;color:#9999994d}.empty-text{font-size:12px;color:#9996}.date-separator{display:flex;align-items:center;gap:12px;padding:12px 16px}.date-separator-line{flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(68,68,68,.5),transparent)}.date-separator-text{font-size:10px;color:#9996;font-weight:500;letter-spacing:.05em;text-align:center}.message-item{padding:10px 16px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;position:relative;transition:background .15s}.message-item:hover{background:#2a2a2a4d}.message-item.my-message{background:#d4b45c08}.message-item.my-message:hover{background:#2a2a2a4d}.system-message-wrapper{width:100%}.system-message-wrapper>.reactions{padding-left:52px}.message-item.system-message{display:flex;align-items:center;gap:12px;padding:8px 16px;justify-content:center;border-bottom:none}.system-line-left,.system-line-right{flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(100,90,60,.5),transparent)}.system-icon{width:12px;height:12px;opacity:.65;color:#8a7a5e;flex-shrink:0}.system-content{font-size:11px;color:#9a8a6e;font-style:normal;text-align:center}.system-message .message-time{font-size:10px;color:#998f7880;text-align:center}.message-item.admin-message{background:linear-gradient(135deg,#d4b45c14,#d4b45c08);border:1px solid rgba(212,180,92,.2);border-radius:6px;margin:4px 12px 8px;padding:12px 14px}.admin-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.admin-badge{background:linear-gradient(135deg,var(--chat-primary),#b8952f);color:var(--chat-primary-fg);padding:3px 10px;border-radius:4px;font-size:11px;font-weight:700;font-family:var(--chat-font)}.admin-message-content{color:#cccccce6;line-height:1.6;font-size:13px;white-space:pre-wrap}.sender-column{display:flex;flex-direction:column;align-items:center;min-width:60px;max-width:60px;flex-shrink:0;padding-top:2px}.sender-avatar-large{width:52px;height:52px;border-radius:4px;border:none;background:var(--chat-secondary);cursor:pointer;object-fit:contain;image-rendering:pixelated;box-shadow:0 0 0 1px #44444480}.sender-avatar-large:hover{opacity:.85}.avatar-fallback{width:52px;height:52px;border-radius:4px;background:var(--chat-secondary);box-shadow:0 0 0 1px #44444480;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--chat-muted-fg)}.message-column{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.sender-name-vertical{display:none}.sender-rebirth{font-size:9px;color:var(--chat-primary)}.sender-avatar{width:44px;height:44px;border-radius:4px;object-fit:contain;image-rendering:pixelated;background:var(--chat-secondary);box-shadow:0 0 0 1px #44444480}.sender-avatar-small{width:28px;height:28px;border-radius:4px;object-fit:contain;image-rendering:pixelated}.message-header-row{display:flex;align-items:baseline;gap:8px;margin-bottom:1px;flex-wrap:wrap}.message-sender-name{font-weight:600;font-size:13px;text-decoration:none;text-align:center;color:#d4b45ce6}.message-sender-name:hover{text-decoration:underline}.sender-job-badge{font-size:9px;padding:1px 6px;border-radius:3px;border:1px solid;text-align:center;line-height:1.3;font-family:var(--chat-font)}.message-time-inline{font-size:10px;color:#9999;text-align:center;font-variant-numeric:tabular-nums;line-height:1}.message-time-top,.message-time{font-size:10px;color:#9999;font-variant-numeric:tabular-nums}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.sender-info{display:flex;align-items:center;gap:8px}.sender-details{display:flex;flex-direction:column;gap:2px}.sender-name-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.sender-name{font-weight:600;font-size:13px;color:#d4b45ce6}.sender-info-simple{display:flex;align-items:baseline;gap:6px}.sender-meta{color:#9999;font-size:10px}.sender-job{color:#d4b45cb3;font-size:10px;background:#d4b45c1a;padding:1px 5px;border-radius:3px}.rebirth-badge{background:#d4b45c1a;border:1px solid rgba(212,180,92,.25);color:var(--chat-primary);padding:1px 6px;font-size:10px;border-radius:3px}.message-content{line-height:1.625;word-break:break-word;white-space:pre-wrap;font-size:13px;font-weight:400;color:#cccccce6}.mention{color:#1d9bd1;font-weight:600;background:#1d9bd126;padding:1px 4px;border-radius:3px;cursor:pointer;transition:background .15s ease,text-decoration .15s ease}.mention:hover{background:#1d9bd14d;text-decoration:underline}.mention.self{color:#f2c744;background:#f2c74426;font-weight:700}.mention.self:hover{background:#f2c7444d;text-decoration:underline}.message-item.mentioned{background:#f2c7440f;border-left:3px solid rgba(242,199,68,.6);padding-left:9px}.message-item.mentioned:hover{background:#f2c7441a}.reply-quote{display:flex;gap:0;flex-direction:row;margin-bottom:4px;margin-top:2px;cursor:pointer;align-items:stretch;max-width:320px}.reply-quote:hover .reply-content{color:#999999b3}.reply-bar{width:2px;flex-shrink:0;background:#d4b45c4d;border-radius:1px}.reply-body{display:flex;flex-direction:column;gap:1px;padding-left:10px;min-width:0}.reply-sender{font-size:11px;color:#999999b3;font-weight:500}.reply-content{font-size:12px;color:#99999980;line-height:1.4;overflow:hidden;text-overflow:ellipsis;text-align:center;max-width:280px}.message-footer{margin-top:4px}.reactions{display:inline-flex;gap:6px;align-items:center;margin-top:4px}.reaction-badge{display:inline-flex;align-items:center;gap:4px;background:#2a2a2a66;border:1px solid rgba(68,68,68,.4);padding:2px 6px;font-size:12px;cursor:pointer;border-radius:4px;transition:background .15s,border-color .15s;color:var(--chat-muted-fg)}.reaction-count{font-size:11px;font-variant-numeric:tabular-nums}.reaction-badge:hover{background:#2a2a2a99}.reaction-badge.mine{border-color:#d4b45c4d;background:#d4b45c26;color:var(--chat-primary)}.reaction-badge.mine:hover{background:#d4b45c33}.message-hover-actions{position:absolute;right:12px;top:-12px;display:flex;align-items:center;gap:0;background:var(--chat-card);border:1px solid rgba(68,68,68,.6);border-radius:6px;box-shadow:0 4px 12px #0000004d;opacity:0;transform:translateY(-4px);transition:opacity .15s,transform .15s;pointer-events:none;z-index:5}.message-item:hover .message-hover-actions{opacity:1;transform:translateY(0);pointer-events:auto}.hover-action-btn{background:transparent;border:none;padding:6px;cursor:pointer;color:var(--chat-muted-fg);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .1s,background .1s}.hover-action-btn:hover{color:var(--chat-foreground);background:#2a2a2a80}.hover-action-btn svg{width:14px;height:14px}.message-actions{display:none!important}.reaction-picker{display:inline-flex;background:var(--chat-card);border:1px solid var(--chat-border);border-radius:8px;padding:4px;gap:2px;margin-top:6px;box-shadow:0 4px 12px #0000004d}.reaction-picker-btn{background:transparent;border:none;font-size:16px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:background .1s}.reaction-picker-btn:hover{background:#2a2a2a99}.chat-notice{background:#d4b45c0f;border-top:1px solid rgba(212,180,92,.15);border-bottom:1px solid rgba(212,180,92,.15);padding:4px 8px;font-size:9px;color:#d4b45c99;text-align:center;line-height:1.4;flex-shrink:0}.chat-footer{border-top:1px solid rgba(68,68,68,.5);flex-shrink:0}.chat-input-area{background:#1e1e1ecc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px 12px 4px;position:relative}.reply-preview{display:flex;justify-content:space-between;align-items:center;background:#2a2a2a80;border:1px solid rgba(68,68,68,.4);border-radius:6px;padding:4px 8px;margin-bottom:8px;font-size:11px;color:var(--chat-muted-fg)}.reply-preview-cancel{background:none;border:none;color:#9999;cursor:pointer;padding:2px 4px}.reply-preview-cancel:hover{color:var(--chat-foreground)}.chat-input-form{display:flex;gap:4px;align-items:flex-end}.chat-input-attach,.chat-input-emoji{background:transparent;border:none;color:var(--chat-muted-fg);padding:6px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:2px;transition:color .15s,background .15s}.chat-input-attach:hover,.chat-input-emoji:hover{color:var(--chat-foreground);background:#2a2a2a80}.chat-input-attach svg,.chat-input-emoji svg{width:18px;height:18px}.chat-input{flex:1;background:#22222280;border:1px solid rgba(68,68,68,.5);border-radius:8px;color:var(--chat-foreground);font-family:var(--chat-font);font-size:13px;padding:8px 12px;transition:border-color .2s,box-shadow .2s,background .2s;resize:none;overflow-y:auto;max-height:96px;line-height:1.5}.chat-input:focus{outline:none;border-color:#d4b45c66;background:var(--chat-background);box-shadow:0 0 0 1px #d4b45c26}.chat-input:disabled{background:#1e1e1e66;color:#9996}.chat-input::placeholder{color:#99999980}.chat-input-help{display:flex;align-items:center;gap:8px;font-size:10px;color:#9996;padding:4px 16px 6px;-webkit-user-select:none;user-select:none}.chat-input-help kbd{display:inline-block;padding:1px 4px;border-radius:3px;background:#2a2a2a80;border:1px solid rgba(68,68,68,.3);color:#99999980;font-family:var(--font-sans);font-size:9px;line-height:1.4}.help-sep{color:#44444480}.chat-emoji-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:6px;background:var(--chat-card);border:1px solid var(--chat-border);border-radius:6px;margin:0 8px}.chat-emoji-item{background:transparent;border:none;font-size:18px;padding:4px;cursor:pointer;border-radius:4px;transition:background .1s;line-height:1}.chat-emoji-item:hover{background:#2a2a2a99}.send-button{background:transparent;border:none;color:#9999994d;padding:6px;cursor:not-allowed;display:flex;align-items:center;justify-content:center;border-radius:6px;margin-bottom:2px;transition:all .15s}.send-button svg{width:18px;height:18px}.send-button.has-text{color:var(--chat-primary-fg);background:var(--chat-primary);cursor:pointer;box-shadow:0 1px 3px #0000004d}.send-button.has-text:hover{background:#d4b355}.send-button:disabled{opacity:.3;cursor:not-allowed}.mention-autocomplete{position:absolute;bottom:100%;left:12px;right:12px;background:var(--chat-card);border:1px solid var(--chat-border);border-radius:8px;max-height:150px;overflow-y:auto;margin-bottom:4px;box-shadow:0 -4px 12px #0000004d}.mention-loading{padding:8px;color:var(--chat-muted-fg);text-align:center;font-size:11px}.mention-item{display:flex;justify-content:space-between;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--chat-foreground);cursor:pointer;font-family:var(--chat-font);font-size:12px;text-align:left;transition:background .1s}.mention-item:hover{background:#2a2a2a80}.mention-username{color:var(--chat-muted-fg);font-size:10px}.context-menu{background:var(--chat-card);border:1px solid var(--chat-border);border-radius:8px;box-shadow:0 4px 16px #0006;min-width:140px;overflow:hidden}.context-menu-header{padding:8px 12px;background:#2a2a2a4d;border-bottom:1px solid rgba(68,68,68,.4);font-weight:600;font-size:12px;color:var(--chat-primary)}.context-menu-item{display:block;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--chat-foreground);cursor:pointer;font-family:var(--chat-font);font-size:12px;text-align:left;transition:background .1s}.context-menu-item:hover{background:#2a2a2a80}.group-dropdown,.dm-selector{position:relative}.group-dropdown-btn,.dm-selector-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--chat-secondary);border:1px solid rgba(68,68,68,.5);border-radius:6px;color:var(--chat-foreground);padding:6px 10px;cursor:pointer;font-family:var(--chat-font);font-size:11px;transition:background .15s}.group-dropdown-btn:hover,.dm-selector-btn:hover{background:var(--chat-card)}.group-dropdown-menu,.dm-selector-menu{position:absolute;top:100%;left:0;right:0;background:var(--chat-card);border:1px solid var(--chat-border);border-radius:8px;max-height:200px;overflow-y:auto;z-index:10;margin-top:4px;box-shadow:0 4px 12px #0000004d}.group-dropdown-loading,.dm-selector-loading,.dm-selector-empty{padding:10px;text-align:center;color:var(--chat-muted-fg);font-size:11px}.group-section{border-bottom:1px solid rgba(68,68,68,.3)}.group-section:last-child{border-bottom:none}.group-section-title{padding:6px 10px;background:#2a2a2a4d;color:var(--chat-muted-fg);font-size:10px}.group-item,.dm-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;background:transparent;border:none;color:var(--chat-foreground);cursor:pointer;font-family:var(--chat-font);font-size:11px;text-align:left;transition:background .1s}.group-item:hover,.dm-item:hover{background:#2a2a2a80}.group-item.active,.dm-item.active{background:#d4b45c1a}.group-role,.group-members{color:var(--chat-muted-fg);font-size:10px}.group-create-btn{display:block;width:100%;padding:10px;background:#d4b45c14;border:none;color:#d4b45ccc;cursor:pointer;font-family:var(--chat-font);font-size:11px;text-align:center;transition:background .15s}.group-create-btn:hover:not(:disabled){background:#d4b45c26}.group-create-btn:disabled{opacity:.5;cursor:not-allowed}.dm-item-info{display:flex;align-items:center;gap:6px}.dm-partner-rebirth{font-size:10px;color:var(--chat-primary)}.dm-last-message{font-size:10px;color:var(--chat-muted-fg);text-align:center;overflow:hidden;text-overflow:ellipsis;max-width:150px}.dm-partner-username{font-size:10px;color:var(--chat-muted-fg)}.dm-search-area{padding:8px}.dm-search-row{display:flex;gap:6px;margin-bottom:8px}.dm-search-input{flex:1;background:#22222280;border:1px solid rgba(68,68,68,.5);border-radius:6px;color:var(--chat-foreground);padding:6px 8px;font-family:var(--chat-font);font-size:11px}.dm-search-input:focus{outline:none;border-color:#d4b45c66}.dm-search-btn{background:#d4b45c1a;border:1px solid rgba(212,180,92,.25);color:var(--chat-primary);padding:6px 12px;cursor:pointer;font-family:var(--chat-font);font-size:11px;border-radius:6px;transition:background .15s}.dm-search-btn:hover:not(:disabled){background:#d4b45c33}.dm-search-btn:disabled{opacity:.5;cursor:not-allowed}.chat-support-footer{background:#1e1e1e66;border-top:1px solid rgba(68,68,68,.3);padding:5px 16px;display:flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0}.chat-support-footer svg{width:10px;height:10px;color:#d4b45c66;flex-shrink:0}.chat-support-footer span{font-size:10px;color:#9996}.chat-support-footer .support-link{font-size:10px;color:#d4b45c99;text-decoration:underline;text-underline-offset:2px;background:none;border:none;cursor:pointer;font-family:var(--chat-font);padding:0;transition:color .15s}.chat-support-footer .support-link:hover{color:var(--chat-primary)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}.modal-content{background:var(--chat-background);border:1px solid var(--chat-border);border-radius:12px;width:360px;max-width:90vw;font-family:var(--chat-font);overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;background:var(--chat-card);padding:12px 16px;border-bottom:1px solid rgba(68,68,68,.4)}.modal-header h3{margin:0;font-size:14px;font-weight:600;color:var(--chat-foreground)}.modal-close{background:none;border:none;color:var(--chat-muted-fg);cursor:pointer;font-size:14px;padding:2px;border-radius:4px}.modal-close:hover{color:var(--chat-foreground)}.modal-body{padding:16px}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:6px;color:var(--chat-foreground);font-size:12px;font-weight:500}.form-group input[type=text]{width:100%;background:#22222280;border:1px solid rgba(68,68,68,.5);border-radius:6px;color:var(--chat-foreground);font-family:var(--chat-font);font-size:12px;padding:8px 10px}.form-group input[type=text]:focus{outline:none;border-color:#d4b45c66}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:var(--chat-foreground)}.radio-label input[type=radio]{accent-color:var(--chat-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;background:var(--chat-card);border-top:1px solid rgba(68,68,68,.4)}.btn-cancel,.btn-submit{padding:8px 16px;font-family:var(--chat-font);font-size:12px;cursor:pointer;border-radius:6px;transition:background .15s}.btn-cancel{background:var(--chat-secondary);border:1px solid rgba(68,68,68,.5);color:var(--chat-foreground)}.btn-cancel:hover:not(:disabled){background:var(--chat-card)}.btn-submit{background:#d4b45c26;border:1px solid rgba(212,180,92,.3);color:var(--chat-primary)}.btn-submit:hover:not(:disabled){background:#d4b45c40}.btn-submit:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.chat-panel{width:100%;max-width:100%;border-radius:0;border-left:none;border-right:none}.chat-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0}.chat-tabs::-webkit-scrollbar{display:none}.chat-tab{padding:10px 12px;min-height:44px;flex:0 0 auto;text-align:center;font-size:13px}.chat-tab-label{display:inline}.chat-tab-icon{font-size:14px}.chat-input{font-size:16px;padding:10px 12px;min-height:44px}.chat-input-attach,.chat-input-emoji{min-width:44px;min-height:44px}.chat-input-area{padding:8px 8px 6px}.chat-input-help{display:none}}@media(max-width:768px){.chat-panel{display:flex;flex-direction:column;overflow:hidden}.chat-body{flex:1 1 auto;min-height:0;overflow:hidden}.chat-footer,.embedded-chat-footer{position:sticky;bottom:0;z-index:20;background:var(--chat-background)}.chat-input-area{padding:8px 8px calc(6px + env(safe-area-inset-bottom))}.message-list{padding:2px 0}.date-separator{gap:8px;padding:8px 10px}.message-item{padding:7px 10px;gap:8px}.message-item.system-message{gap:8px;padding:6px 10px}.message-item.admin-message{margin:3px 8px 6px;padding:10px}.sender-column{min-width:46px;max-width:46px}.sender-avatar-large,.avatar-fallback{width:40px;height:40px}.message-header-row{gap:6px}.message-time-inline,.message-time-top,.message-time,.system-message .message-time{font-size:9px;color:#99999961}.message-content,.admin-message-content,.system-content{word-break:break-word;overflow-wrap:break-word;max-width:100%}}.embedded-chat{background:var(--chat-background, #1a1a1a);border:1px solid var(--chat-border, #444);border-radius:8px;display:flex;flex-direction:column;width:640px;height:580px;font-family:var(--chat-font);font-size:13px;color:var(--chat-foreground, #ccc);margin-top:0;margin-left:0;margin-right:0;overflow:hidden;overflow:clip;scrollbar-width:none;position:relative;z-index:100}.embedded-chat::-webkit-scrollbar{display:none;width:0;height:0}.embedded-chat--floating{box-shadow:0 8px 32px #0009,0 0 0 1px #d4b45c26}.embedded-chat-drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:100%;min-height:32px;background:none;border:none;cursor:grab;color:#8a7e6e80;touch-action:none;flex-shrink:0;padding:0 2px;user-select:none;-webkit-user-select:none}.embedded-chat-drag-handle:hover{color:#d4b45cb3}.embedded-chat-drag-handle:active{cursor:grabbing}.embedded-chat-header{display:flex;align-items:center;justify-content:flex-start;background:#1e1e1e99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(68,68,68,.4);padding:0 4px;flex-shrink:0;position:relative}.embedded-chat-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(212,180,92,.3),transparent)}.embedded-chat-title{display:flex;align-items:center;gap:6px}.embedded-chat-title-text{font-weight:600;font-size:12px;color:var(--chat-foreground)}.embedded-chat-offline{color:#e6a23c;font-size:12px}.embedded-chat-subheader{background:var(--chat-card, #1e1e1e);border-bottom:1px solid rgba(68,68,68,.4);padding:6px 8px;flex-shrink:0}.embedded-chat-body{flex:1;overflow:hidden;overflow:clip;scrollbar-width:none;min-height:0}.embedded-chat-body::-webkit-scrollbar{display:none;width:0;height:0}.embedded-chat-body .message-list{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:4px 0}.embedded-chat-body .empty-icon-circle{width:40px;height:40px;border-radius:50%;background:#2a2a2a80;display:flex;align-items:center;justify-content:center}.embedded-chat-body .empty-icon-circle svg{width:20px;height:20px;color:#9999994d}.embedded-chat-support svg{width:10px;height:10px;color:#d4b45c66;flex-shrink:0}.embedded-chat-notice{background:#d4b45c0f;border-top:1px solid rgba(212,180,92,.15);border-bottom:1px solid rgba(212,180,92,.15);padding:4px 10px;font-size:10px;color:#d4b45c99;text-align:center;line-height:1.4;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px}.notice-close-btn{background:#0003;border:1px solid rgba(212,180,92,.3);border-radius:3px;color:#d4b45c99;font-size:12px;cursor:pointer;padding:4px 8px;min-width:28px;min-height:28px;margin-left:4px;transition:all .15s}.notice-close-btn:hover{background:#d4b45c26;color:var(--chat-foreground)}.embedded-chat-footer{border-top:1px solid rgba(68,68,68,.5);flex-shrink:0}.embedded-chat-help{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 16px;font-size:10px;color:#9996;flex-shrink:0;border-top:1px solid rgba(68,68,68,.2)}.embedded-chat-support{background:#1e1e1e99;border-top:1px solid rgba(68,68,68,.4);padding:7px 16px;font-size:11px;color:#ccc9;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:5px}.embedded-chat-support .support-link{color:var(--chat-primary, #d4b45c);text-decoration:underline;font-weight:600;font-size:11px;margin:0 2px;padding:0;border:none;border-radius:0;background:none}.embedded-chat-support .support-link:hover{color:#e6c96e;background:none;border-color:transparent}.embedded-chat-header-right{display:flex;align-items:center;gap:4px;margin-left:auto;padding-right:4px}.embedded-chat-header-right .settings-btn{background:none;border:none;color:#888;cursor:pointer;font-size:14px;padding:6px 8px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.settings-panel{background:var(--chat-card, #1e1e1e);border-bottom:1px solid rgba(68,68,68,.4);flex:1;display:flex;flex-direction:column;overflow:hidden}.settings-tabs{display:flex;gap:4px;padding:6px 8px;background:#1e1e1e99;border-bottom:1px solid rgba(68,68,68,.3)}.settings-tab{background:transparent;border:1px solid transparent;color:#9999;padding:4px 10px;font-size:11px;cursor:pointer;font-family:var(--chat-font);border-radius:4px;transition:all .15s}.settings-tab:hover{color:var(--chat-muted-fg, #999);background:#2a2a2a4d}.settings-tab.active{background:var(--chat-secondary, #2a2a2a);border-color:#44444480;color:var(--chat-foreground, #ccc)}.settings-close{background:none;border:none;color:#99999980;cursor:pointer;margin-left:auto;font-size:12px;padding:4px;border-radius:4px}.settings-close:hover{color:var(--chat-foreground)}.settings-content{flex:1;overflow-y:auto;padding:8px}.settings-loading,.settings-empty{color:#99999980;text-align:center;padding:20px;font-size:11px}.mute-list,.group-list{display:flex;flex-direction:column;gap:4px}.mute-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--chat-secondary, #2a2a2a);border-radius:4px}.mute-name{color:var(--chat-foreground);font-size:11px}.unmute-btn,.leave-btn{margin-left:auto;background:#b464501a;border:1px solid rgba(180,100,80,.25);color:#dc9682cc;padding:3px 10px;font-size:10px;cursor:pointer;border-radius:4px;font-family:var(--chat-font);transition:all .15s}.unmute-btn:hover,.leave-btn:hover{background:#b4645033;color:#eaa}.group-item-full{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--chat-secondary, #2a2a2a);border-radius:6px;margin-bottom:6px;border:1px solid rgba(68,68,68,.3)}.group-item-info{display:flex;flex-direction:column;gap:4px}.group-item-full .group-name{color:var(--chat-foreground);font-size:13px;font-weight:500}.group-role-badge{font-size:10px;color:var(--chat-muted-fg)}.group-role-badge[data-role=owner]{color:var(--chat-primary, #d4b45c)}.group-role-badge[data-role=admin]{color:#81c784}.group-item-actions{display:flex;gap:6px}.manage-btn{background:#d4b45c1a;border:1px solid rgba(212,180,92,.25);color:var(--chat-primary, #d4b45c);padding:6px 14px;font-size:11px;cursor:pointer;border-radius:4px;font-family:var(--chat-font);font-weight:500;transition:background .15s}.manage-btn:hover{background:#d4b45c33}.embedded-chat-resize-handle{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize;z-index:30;touch-action:none}.embedded-chat-resize-handle:after{content:"";position:absolute;bottom:3px;right:3px;width:8px;height:8px;border-right:2px solid rgba(138,126,110,.4);border-bottom:2px solid rgba(138,126,110,.4)}.embedded-chat-resize-handle:hover:after{border-color:#d4b45c99}@media(max-width:900px){.embedded-chat{width:100%;height:360px;margin-left:0;margin-right:0}}@media(max-width:600px){.embedded-chat{width:100%;height:calc(100vh - 200px);min-height:320px;max-height:500px;border-radius:0;border-left:none;border-right:none;margin-top:8px}.embedded-chat--floating{width:92vw!important;height:60vh!important;min-height:240px;max-height:80vh;border-radius:8px;border:1px solid var(--chat-border, #444)}.embedded-chat-resize-handle{display:none}.embedded-chat-header{flex-wrap:nowrap;gap:0}.embedded-chat-header .chat-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.embedded-chat-header .chat-tabs::-webkit-scrollbar{display:none}.embedded-chat-header .chat-tab{padding:10px 12px;min-height:44px;flex:0 0 auto;white-space:nowrap;font-size:13px}.embedded-chat .chat-input{font-size:16px;padding:10px 12px;min-height:44px}.embedded-chat .chat-input-help{display:none}.embedded-chat-notice{font-size:11px;padding:6px 10px}.embedded-chat-drag-handle{width:32px;min-height:44px}}@media(max-width:768px){.embedded-chat{width:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}.embedded-chat-body{flex:1 1 auto;min-height:0;overflow:hidden}.embedded-chat-body .message-list{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.embedded-chat-footer{position:sticky;bottom:0;z-index:20;background:var(--chat-background, #1a1a1a);padding-bottom:env(safe-area-inset-bottom)}}.embedded-chat-collapsed{background:var(--chat-background, #1a1a1a);border:1px solid var(--chat-border, #444);padding:6px 12px;cursor:pointer;text-align:center;margin-top:8px}.embedded-chat-collapsed:hover{border-color:var(--color-border-accent, #665a30)}.embedded-chat-collapsed-text{color:var(--color-text-sub, #888);font-size:12px}.embedded-chat-close-btn{color:#888}.embedded-chat-close-btn:hover{color:#c94c4c}.floating-chat-widget{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:1100;pointer-events:none}.floating-chat-widget>*{pointer-events:auto}.floating-chat-fab{width:64px;height:64px;border-radius:50%;border:1px solid #333;background:#141414f5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#d4b45c;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .2s ease,background .2s ease;box-shadow:0 4px 16px #0006;flex-shrink:0;touch-action:manipulation;user-select:none;-webkit-user-select:none}.floating-chat-fab:hover{background:#1e1e1efa;transform:scale(1.05)}.floating-chat-fab:active{transform:scale(.95)}.floating-chat-fab--active{background:#282828f5;color:#999}.floating-chat-fab--dragging,.floating-chat-fab--dragging:hover,.floating-chat-fab--dragging:active{transform:none}.floating-chat-fab--dragging{cursor:grabbing;animation:floating-chat-fab-wiggle .18s ease-in-out infinite}@keyframes floating-chat-fab-wiggle{0%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}to{transform:rotate(-2deg)}}.floating-chat-fab svg{width:30px;height:30px}.floating-chat-badge{position:absolute;top:-4px;right:-4px;background:#c0392b;color:#fff;font-size:10px;font-weight:600;line-height:1;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid rgba(20,20,20,.96)}.floating-chat-panel{position:absolute;left:0;top:calc(100% + 12px);right:auto;bottom:auto;width:360px;max-width:min(90vw,360px);height:min(72vh,480px);background:#141414f5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #333;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;overflow:hidden;transition:opacity .2s ease,transform .2s ease;transform-origin:left top}.floating-chat-panel--open{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.floating-chat-panel--closed{opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden}.floating-chat-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #2a2a2a;min-height:40px;flex-shrink:0}.floating-chat-header .chat-tabs{gap:2px}.floating-chat-header .chat-tab{font-size:11px;padding:4px 8px}.floating-chat-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.floating-chat-btn{background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.floating-chat-btn:hover{color:#ccc;background:#ffffff0f}.floating-chat-offline{color:#e55;font-size:14px;animation:floating-chat-blink 1s infinite}@keyframes floating-chat-blink{0%,to{opacity:1}50%{opacity:.3}}.floating-chat-subbar{display:flex;align-items:center;gap:6px;padding:4px 12px;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0}.floating-chat-subbar .online-dot{width:6px;height:6px;border-radius:50%;background:#666;flex-shrink:0}.floating-chat-subbar .online-dot.connected{background:#4ade80}.floating-chat-channel{font-size:11px;color:#8a7e6eb3}.floating-chat-body{flex:1;min-height:0;overflow:hidden;padding:4px 0}.floating-chat-body .message-item{padding:4px 10px}.floating-chat-body .message-text{font-size:12px}.floating-chat-body .message-sender{font-size:11px}.floating-chat-body .message-time{font-size:10px}.floating-chat-footer{border-top:1px solid #2a2a2a;padding:6px 8px;flex-shrink:0}.floating-chat-footer .chat-input-container,.floating-chat-footer .chat-input-container textarea,.floating-chat-footer .chat-input-container input{font-size:12px}@media(max-width:768px){.floating-chat-widget{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.floating-chat-panel{width:min(90vw,360px);max-width:min(90vw,360px);height:min(60vh,400px)}.floating-chat-fab{width:52px;height:52px}.floating-chat-fab svg{width:24px;height:24px}}
