/* Ask Clayton widget. Brand palette from the site: near-black, warm grey,
   burgundy accent. Mobile first, because most YouTube traffic is phones. */
.cg-launch{position:fixed;right:18px;bottom:18px;z-index:9998;display:flex;align-items:center;
  gap:9px;padding:13px 19px;border:0;border-radius:999px;background:#7d1f4f;color:#fff;
  font:600 15px/1 Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 22px rgba(0,0,0,.28)}
.cg-launch:hover{background:#93265d}
.cg-panel{position:fixed;right:18px;bottom:18px;z-index:9999;width:min(420px,calc(100vw - 24px));
  height:min(620px,calc(100vh - 36px));display:none;flex-direction:column;border-radius:16px;
  overflow:hidden;background:#0a0a0a;box-shadow:0 18px 54px rgba(0,0,0,.5)}
.cg-panel.cg-open{display:flex}
.cg-head{padding:14px 16px;background:#7d1f4f;color:#fff}
.cg-head h3{margin:0;font:700 16px/1.3 Inter,system-ui,sans-serif}
.cg-head p{margin:3px 0 0;font:400 12px/1.4 Inter,system-ui,sans-serif;opacity:.85}
.cg-close{position:absolute;top:12px;right:12px;border:0;background:transparent;color:#fff;
  font-size:22px;line-height:1;cursor:pointer}
.cg-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}
.cg-msg{max-width:88%;padding:11px 14px;border-radius:13px;
  font:400 14px/1.55 Inter,system-ui,sans-serif;white-space:pre-wrap}
.cg-msg.cg-you{align-self:flex-end;background:#7d1f4f;color:#fff}
.cg-msg.cg-bot{align-self:flex-start;background:#1c1c1c;color:#ececec}
.cg-src{margin-top:8px;font-size:12px}
.cg-src a{display:block;color:#e8b9d2;text-decoration:none;margin-top:3px}
.cg-src a:hover{text-decoration:underline}
.cg-play{margin-top:9px;padding:5px 11px;border:1px solid #7d1f4f;border-radius:999px;
  background:transparent;color:#e8b9d2;font:600 12px Inter,system-ui,sans-serif;cursor:pointer}
.cg-play:hover{background:#7d1f4f;color:#fff}
.cg-foot{padding:11px;border-top:1px solid #232323;display:flex;gap:8px;align-items:center}
.cg-foot input{flex:1;padding:11px 13px;border:1px solid #333;border-radius:9px;
  background:#141414;color:#fff;font:400 14px Inter,system-ui,sans-serif}
.cg-foot button{border:0;border-radius:9px;background:#7d1f4f;color:#fff;padding:11px 15px;
  font:600 14px Inter,system-ui,sans-serif;cursor:pointer}
.cg-mic.cg-live{background:#c0392b}
.cg-gate{padding:14px 16px;border-top:1px solid #232323;background:#141414;color:#ececec;
  font:400 13px/1.55 Inter,system-ui,sans-serif}
.cg-gate input{width:100%;margin:9px 0;padding:10px 12px;border:1px solid #333;border-radius:9px;
  background:#0a0a0a;color:#fff;font:400 14px Inter,system-ui,sans-serif}
.cg-gate button{width:100%;border:0;border-radius:9px;background:#7d1f4f;color:#fff;padding:11px;
  font:600 14px Inter,system-ui,sans-serif;cursor:pointer}
.cg-gate .cg-alt{margin-top:9px;text-align:center;font-size:12px;color:#9a9a9a;cursor:pointer}
@media (max-width:520px){.cg-panel{right:0;bottom:0;width:100vw;height:100dvh;border-radius:0}}