.cchat-bad{z-index:70;background:#0508109e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.cchat{background:#10131c;border:1px solid #ffd68c47;border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;width:min(400px,100%);height:min(560px,100dvh - 32px);display:grid;overflow:hidden;box-shadow:0 24px 60px #00000073}.cchat header,.cchat form{align-items:center;gap:8px;padding:12px;display:grid}.cchat header{border-bottom:1px solid #ffffff0f;grid-template-columns:minmax(0,1fr) auto}.cchat header b{font:800 13px var(--display);letter-spacing:.12em;text-transform:uppercase;color:#e7c27a}.cchat header b.cchat-title{letter-spacing:.04em;font-size:12px;line-height:1.25}.cchat header small{color:var(--dim);font-size:12px}.cchat header button,.cchat form button{color:#e7c27a;cursor:pointer;background:#ffd68c14;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.cchat-split{grid-template-columns:220px minmax(0,1fr);min-height:0;display:grid}.cchat-people{border-right:1px solid #ffffff0f;min-height:0;overflow:auto}.cchat-people button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff0d;grid-template-rows:auto auto;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:10px 12px;display:grid;position:relative}.cchat-dot{background:#ffffff2e;border-radius:50%;grid-area:1/1/span 2;justify-self:center;width:8px;height:8px}.cchat-people b{grid-area:1/2}.cchat-people small{grid-area:2/2}.cchat-people b,.cchat-people small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cchat-people small{color:var(--dim);font-size:11px}.cchat-people i{color:#fff;width:max-content;min-width:16px;height:16px;font:700 10px var(--display);text-align:center;background:#ff5d73;border-radius:99px;grid-area:1/3/span 2;justify-self:end;padding:0 4px;line-height:16px}.cchat-people p{color:var(--dim);margin:12px;font-size:13px}.cchat-thread{grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.cchat-log{align-content:start;gap:8px;min-width:0;min-height:0;padding:12px;display:grid;overflow:auto}.cchat-log strong{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.cchat-log article{overflow-wrap:anywhere;background:#ffffff0d;border-radius:12px 12px 12px 4px;justify-self:start;max-width:80%;padding:8px 10px;display:grid}.cchat-log p{margin:0;font-size:14px;line-height:1.35}.cchat-log time,.cchat-log em{color:var(--dim);font-size:11px}.cchat form{border-top:1px solid #ffffff0f;grid-template-columns:minmax(0,1fr) auto}.cchat form input{color:#fff;background:#0c0f16;border:1px solid #ffd68c33;border-radius:10px;min-width:0;height:38px;padding:0 10px}@media (width<=720px){.cchat-split{grid-template-rows:140px minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.cchat-people{border-bottom:1px solid #ffffff0f;border-right:0}}.cchat.is-admin{grid-template-rows:auto minmax(0,1fr);width:min(760px,100%)}.cchat.is-admin header{grid-template-columns:minmax(0,1fr) auto auto}.cchat header small.is-on{color:#6affc0}.cchat-dot.is-on{background:#3ddc84;box-shadow:0 0 0 2px #10131c}.cchat-log strong.is-on{color:#6affc0}.cchat-people button.is-on{background:#ffd68c14}.cchat-people button.is-hot b{color:#fff}.cchat-log article.is-me{background:#ffc45c29;border-radius:12px 12px 4px;justify-self:end}