/* Floating chat widget */

/* --- Layout and state rules --- */
.chat__msg--bot { align-self: flex-start; background: rgba(255,255,255,.07); color: #eef0e6; }
.chat__msg--user { align-self: flex-end; background: #C9FF35; color: #0a0b08; }

/* --- Section styles --- */
/* <div> */
.chat-01{position:fixed;right:clamp(12px,2vw,24px);bottom:20px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:14px}
/* <div> */
.chat-02{width:min(370px,calc(100vw - 32px));border-radius:24px;background:rgba(14,17,12,.72);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.6);overflow:hidden}
/* <div> */
.chat-03{display:flex;align-items:center;gap:10px;padding:16px;background:#C9FF35;color:#0a0b08}
/* <span> */
.chat-04{width:30px;height:30px;border-radius:10px 10px 10px 3px;background:#0a0b08}
/* <div> · Chatzae assistant */
.chat-05{display:flex;flex-direction:column;flex:1}
/* <span> · Chatzae assistantTrained on chat */
.chat-06{font:600 14px Geist,sans-serif}
/* <span> · Trained on chatzae.com */
.chat-07{font:400 11px Geist,sans-serif}
/* <div> */
.chat-08{display:flex;flex-direction:column;gap:10px;padding:16px;max-height:320px;overflow-y:auto}
/* <div> */
.chat-09{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.07)}
/* <span> */
.chat-10{width:6px;height:6px;border-radius:50%;background:#9a9f90;animation:czpulse 1s infinite}
/* <span> */
.chat-11{width:6px;height:6px;border-radius:50%;background:#9a9f90;animation:czpulse 1s .2s infinite}
/* <span> */
.chat-12{width:6px;height:6px;border-radius:50%;background:#9a9f90;animation:czpulse 1s .4s infinite}
/* <div> */
.chat-13{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}
/* <form> */
.chat-14{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.08)}
/* <input> */
.chat-15{flex:1;min-width:0;border:0;outline:0;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.06);color:#eef0e6;font:400 14px Geist,sans-serif}
/* <button> · → */
.chat-16{cursor:pointer;border:0;width:42px;height:42px;border-radius:50%;background:#C9FF35;color:#0a0b08;font:600 17px Geist,sans-serif}
/* <button> · {{ launcherIcon }} */
.chat-17{cursor:pointer;border:0;width:62px;height:62px;border-radius:22px 22px 22px 6px;background:#C9FF35;color:#0a0b08;font:600 22px Geist,sans-serif;box-shadow:0 12px 40px rgba(201,255,53,.4)}
.chat-17:hover{transform:scale(1.06)}
/* <div> · {{ m.text }} */
.chat-18{max-width:84%;padding:10px 13px;border-radius:14px;font:400 13.5px/1.5 Geist,sans-serif}
/* <button> · {{ q.text }} */
.chat-19{cursor:pointer;padding:7px 12px;border-radius:999px;border:1px solid rgba(201,255,53,.35);background:transparent;color:#C9FF35;font:400 12px Geist,sans-serif}
.chat-19:hover{background:#C9FF35;color:#0a0b08}