#cnc-chat{position:fixed;bottom:20px;right:20px;width:320px;background:#050505;color:#fff;border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.35);overflow:hidden;z-index:999999;font-family:Arial, Helvetica, sans-serif;transition:box-shadow .25s ease, background-color .25s ease, opacity .25s ease;}
#cnc-chat.cnc-offline{opacity:.75;}
#cnc-chat.cnc-flash{box-shadow:0 0 0 3px rgba(255,0,0,.35), 0 14px 40px rgba(255,0,0,.25);}
#cnc-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#0d0d0d;border-bottom:1px solid #1d1d1d;cursor:pointer;}
#cnc-topbar-left{display:flex;align-items:center;gap:10px;min-width:0;}
#cnc-topbar-meta{min-width:0;}
#cnc-header-title{font-weight:700;font-size:14px;line-height:1.1;}
#cnc-header-sub{font-size:11px;color:#b4b4b4;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#cnc-toggle{width:30px;height:30px;border:none;border-radius:999px;background:#202020;color:#fff;cursor:pointer;}
#cnc-body{padding:10px 10px 12px 10px;}
#cnc-log{height:300px;overflow:auto;padding:4px 2px 10px 2px;}
.cnc-system{font-size:11px;color:#9f9f9f;margin:8px 6px;}
.cnc-msg-row{display:flex;align-items:flex-end;gap:8px;margin:8px 0;}
.cnc-left{justify-content:flex-start;}
.cnc-right{justify-content:flex-end;}
.cnc-stack{display:flex;flex-direction:column;gap:6px;max-width:78%;}
.cnc-bubble-row{display:flex;align-items:flex-end;gap:6px;position:relative;}
.cnc-bubble{padding:10px 12px;border-radius:18px;line-height:1.35;font-size:13px;word-wrap:break-word;white-space:pre-wrap;}
.cnc-user{background:#2a2a2a;color:#fff;border-bottom-right-radius:6px;}
.cnc-character{background:#141414;color:#fff;border:1px solid #2a2a2a;border-bottom-left-radius:6px;}
.cnc-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:999px;overflow:hidden;background:#202020;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;}
.cnc-avatar-top{width:36px;height:36px;flex:0 0 36px;}
.cnc-avatar-img{width:100%;height:100%;object-fit:cover;display:block;}
#cnc-input-row{display:flex;align-items:center;gap:8px;}
#cnc-input{flex:1;box-sizing:border-box;padding:10px 12px;border-radius:999px;border:1px solid #292929;background:#121212;color:#fff;outline:none;}
#cnc-input:disabled{opacity:.7;}
#cnc-send{width:38px;height:38px;border:none;border-radius:999px;background:#262626;color:#fff;cursor:pointer;}
#cnc-send:disabled{opacity:.5;cursor:default;}
#cnc-privacy-note{font-size:11px;line-height:1.35;padding:8px 12px 0;opacity:.78}
.cnc-reaction-ui{display:flex;flex-direction:column;align-items:flex-start;gap:4px;position:relative;}
.cnc-reaction-actions{display:flex;align-items:center;gap:6px;}
.cnc-react-trigger,.cnc-report-btn{border:1px solid #222;background:#0f0f0f;color:#d6d6d6;border-radius:999px;cursor:pointer;font-size:10px;line-height:1;padding:5px 8px;opacity:.82;}
.cnc-react-trigger:hover,.cnc-report-btn:hover{opacity:1;}
.cnc-selected-reaction{min-height:18px;font-size:15px;line-height:1;opacity:0;transform:translateY(2px);transition:opacity .18s ease, transform .18s ease;}
.cnc-selected-reaction.has-reaction{opacity:1;transform:translateY(0);}
.cnc-reaction-picker{display:none;position:absolute;right:0;bottom:100%;margin-bottom:6px;width:196px;padding:24px 8px 8px;background:#0b0b0b;border:1px solid #242424;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.35);z-index:4;}
.cnc-reaction-picker.is-open{display:block;}
.cnc-picker-close{position:absolute;top:6px;right:6px;width:20px;height:20px;border:none;border-radius:999px;background:#181818;color:#fff;cursor:pointer;font-size:14px;line-height:1;}
.cnc-picker-grid{display:flex;flex-wrap:wrap;gap:6px;}
.cnc-picker-emoji{width:28px;height:28px;border:1px solid #202020;background:#101010;border-radius:8px;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;}
.cnc-picker-emoji.is-selected{border-color:#4b4b4b;background:#1a1a1a;}