.cc{--bg:#1a1b1d;--panel:#24262a;--line:#3a3d42;--txt:#e8e6e1;--mut:#9a9890;--acc:#e0a526;--me:#33301f;
 display:flex;flex-direction:column;height:560px;max-height:85vh;background:var(--bg);color:var(--txt);border:2px solid var(--line);border-radius:10px;overflow:hidden;font:16px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;box-sizing:border-box}
.cc *{box-sizing:border-box}
.cc-bars{height:10px;flex:none;background:repeating-linear-gradient(90deg,#d9d9d9 0 6px,transparent 6px 22px);opacity:.35}
.cc-head{flex:none;padding:10px 14px 6px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.cc-title{font:700 18px/1.1 Georgia,"Times New Roman",serif;letter-spacing:.14em;text-transform:uppercase}
.cc-title small{display:block;font:12px system-ui,sans-serif;letter-spacing:.04em;color:var(--mut);text-transform:none;margin-top:3px}
.cc-nick{background:var(--panel);border:1px solid var(--line);color:var(--txt);border-radius:6px;padding:6px 9px;font:13px system-ui;max-width:48%;cursor:pointer;text-align:left}
.cc-nick b{color:var(--acc)}
.cc-tabs{flex:none;display:flex;gap:6px;overflow-x:auto;padding:4px 14px 8px}
.cc-tabs button{flex:none;background:var(--panel);color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font:14px system-ui;cursor:pointer}
.cc-tabs button.on{color:#1a1b1d;background:var(--acc);border-color:var(--acc);font-weight:600}
.cc-desc{flex:none;padding:0 14px 8px;font-size:13px;color:var(--mut)}
.cc-feed{flex:1;overflow-y:auto;padding:8px 14px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cc-m{max-width:86%;background:var(--panel);border:1px solid var(--line);border-radius:10px 10px 10px 2px;padding:7px 10px;overflow-wrap:anywhere}
.cc-m.me{align-self:flex-end;background:var(--me);border-radius:10px 10px 2px 10px}
.cc-meta{font-size:12px;color:var(--mut);display:flex;gap:8px;align-items:baseline}
.cc-meta b{color:var(--acc);font-weight:600}
.cc-meta button{margin-left:auto;background:none;border:0;color:var(--mut);cursor:pointer;font-size:12px;padding:0}
.cc-empty{margin:auto;color:var(--mut);text-align:center;font-size:14px;padding:20px}
.cc-sys{align-self:center;margin:4px 0;padding:6px 10px;border:1px dashed var(--line);border-radius:8px;color:var(--mut);font-size:14px;text-align:center}
.cc-st{flex:none;padding:6px 14px 0;font-size:12px;color:var(--mut);min-height:22px}
.cc-form{flex:none;display:flex;gap:8px;padding:6px 14px 12px}
.cc-form input{flex:1;min-width:0;background:var(--panel);color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:11px 12px;font:16px system-ui;margin:0}
.cc-form button{background:var(--acc);color:#1a1b1d;border:0;border-radius:8px;padding:0 16px;font:600 15px system-ui;cursor:pointer}
.cc button:disabled,.cc input:disabled{opacity:.5}