:root{ --cklc-bg:#111; --cklc-pane:#1b1b1b; --cklc-accent:#4caf50; --cklc-text:#f1f1f1; --cklc-muted:#9aa0a6; }
.cklc-wrap{ font: 14px/1.4 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: var(--cklc-text); }
.cklc-join{ display:flex; gap:.5rem; align-items:center; background:var(--cklc-pane); padding:.5rem; border-radius:.5rem; }
.cklc-join input{ background:#000; color:var(--cklc-text); border:1px solid #333; border-radius:.375rem; padding:.4rem .6rem; }
.cklc-join button{ background:var(--cklc-accent); border:none; color:#fff; padding:.45rem .8rem; border-radius:.4rem; cursor:pointer; }
.cklc-chat{ display:flex; flex-direction:column; gap:.5rem; background:var(--cklc-pane); padding:.5rem; border-radius:.5rem; }
.cklc-messages{ background:#000; border:1px solid #333; border-radius:.375rem; padding:.5rem; overflow:auto; height:100%; }
.cklc-form{ display:flex; gap:.5rem; }
.cklc-input{ flex:1; background:#000; color:var(--cklc-text); border:1px solid #333; border-radius:.375rem; padding:.5rem .6rem; }
.cklc-send{ background:var(--cklc-accent); border:none; color:#fff; padding:.55rem .9rem; border-radius:.4rem; cursor:pointer; }
.cklc-msg{ margin:.25rem 0; }
.cklc-time{ color:var(--cklc-muted); font-size:.85em; margin-right:.35rem; }