.cil-qa-screen{
  width:100%; min-height:60vh; box-sizing:border-box;
  background: var(--cil-theme-bg, #111b21);
  color: var(--cil-theme-text, #e9edef);
  padding:2rem; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Arial;
}
.cil-qa-container{ max-width:1600px; margin:0 auto; }
.pinned{
  position:sticky; top:0; z-index:5;
  background: var(--cil-pinned-bg, rgba(0,0,0,.15));
  color: var(--cil-pinned-text, #e9edef);
  backdrop-filter: blur(4px);
  border-radius: var(--cil-pinned-radius, 14px);
  padding:10px 14px; margin-bottom:12px;
  border:1px solid rgba(255,255,255,.08);
}
.pinned .label{ font-size:14px; opacity:.85; margin-bottom:4px; }
.pinned .title{ font-size: clamp(20px, 2.6vw, 36px); font-weight: 800; }
.cil-qa-conversation{ display:flex; flex-direction:column; gap:14px; max-height:78vh; overflow:auto; padding-right:12px; }
.bubble-row{ display:flex; gap:10px; align-items:flex-end; }
.bubble-row.out{ justify-content:flex-end; }
.avatar{ width:44px; height:44px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:#1f2c34; color:#fff; flex:0 0 auto; }
.usericon{
  width:22px; height:22px; display:inline-block; background: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"%23000\"><path d=\"M12 12c2.761 0 5-2.239 5-5s-2.239-5-5-5-5 2.239-5 5 2.239 5 5 5zm0 2c-4.418 0-8 2.239-8 5v1h16v-1c0-2.761-3.582-5-8-5z\"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"%23000\"><path d=\"M12 12c2.761 0 5-2.239 5-5s-2.239-5-5-5-5 2.239-5 5 2.239 5 5 5zm0 2c-4.418 0-8 2.239-8 5v1h16v-1c0-2.761-3.582-5-8-5z\"/></svg>');
  background:#e9edef;
}
.bubble{ max-width: var(--cil-bubble-maxw, 900px); padding:14px 16px; border-radius: var(--cil-bubble-radius, 16px); box-shadow: 0 4px 14px rgba(0,0,0,.08); position:relative; }
.bubble .q{ font-size: clamp(18px, 2.4vw, 34px); line-height:1.25; font-weight:800; margin-bottom:6px; }
.cil-qa-meta{ font-size: clamp(12px, 1.2vw, 18px); opacity:.9; }
.bubble-in{ background: var(--cil-bubble-in-bg, #202c33); color: var(--cil-bubble-in-text, #e9edef); border-bottom-left-radius:6px; }
.bubble-out{ background: var(--cil-bubble-out-bg, #005c4b); color: var(--cil-bubble-out-text, #e9edef); border-bottom-right-radius:6px; }
.bubble-in:after, .bubble-out:after{ content:""; position:absolute; bottom:0; width:0; height:0; border:12px solid transparent; }
.bubble-in:after{ left:-2px; border-bottom-color: var(--cil-bubble-in-bg, #202c33); border-top:0; border-right:0; }
.bubble-out:after{ right:-2px; border-bottom-color: var(--cil-bubble-out-bg, #005c4b); border-top:0; border-left:0; }
.cil-qa-debug{ color:#fff; }
.cil-qa-conversation .hint{ opacity:.9; font-size: clamp(14px, 1.6vw, 20px); background: rgba(255,255,255,.06); padding:10px 12px; border-radius:10px; border:1px dashed rgba(255,255,255,.18); }