:root{
  --zyra-purple:#7b2cff;
  --zyra-purple-2:#a64dff;
  --zyra-ink:#17131f;
  --zyra-muted:#766d80;
  --zyra-card:#ffffff;
  --zyra-border:#eee8f5;
  --zyra-bg:#faf8fd;
  --zyra-shadow:0 24px 80px rgba(42,16,76,.22);
}
.zyra-widget{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.zyra-launcher{
  position:fixed;right:24px;bottom:24px;width:72px;height:72px;border:0;border-radius:50%;
  background:linear-gradient(145deg,#8b32ff,#5e17d6);box-shadow:0 12px 34px rgba(106,34,218,.36);
  cursor:pointer;z-index:2147483000;padding:0;transition:.22s ease;display:grid;place-items:center
}
.zyra-launcher:hover{transform:translateY(-4px) scale(1.03)}
.zyra-launcher img{width:62px;height:62px;border-radius:50%;object-fit:cover;object-position:center 20%;border:3px solid #fff;background:#111}
.zyra-launcher-ring{position:absolute;inset:-5px;border:1px solid rgba(151,86,255,.38);border-radius:50%;animation:zyraPulse 2.4s infinite}
.zyra-online-dot{position:absolute;right:2px;bottom:4px;width:13px;height:13px;border-radius:50%;background:#35d27d;border:3px solid #fff}
.zyra-launcher-label{
  position:absolute;right:0;bottom:80px;white-space:nowrap;background:#19131f;color:#fff;
  padding:9px 13px;border-radius:12px;font-size:12px;font-weight:700;box-shadow:0 8px 25px rgba(0,0,0,.15)
}
.zyra-panel{
  position:fixed;left:20px;bottom:110px;width:min(320px,calc(100vw - 28px));height:min(480px,calc(100vh - 150px));
  background:var(--zyra-card);border:1px solid var(--zyra-border);border-radius:20px;overflow:hidden;
  box-shadow:var(--zyra-shadow);z-index:2147483001;display:flex;flex-direction:column;transform-origin:bottom left;
  animation:zyraOpen .2s ease-out
}
.zyra-panel[hidden]{display:none}
.zyra-header{padding:15px 16px;display:flex;align-items:center;gap:11px;background:linear-gradient(135deg,#6d20e8,#a244ff);color:#fff}
.zyra-header-avatar{position:relative;width:48px;height:48px;flex:0 0 48px}
.zyra-header-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 20%;border-radius:15px;background:#111;border:2px solid rgba(255,255,255,.8)}
.zyra-header-avatar span{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#39df83;border:2px solid #8a38ff}
.zyra-header-copy{display:flex;flex-direction:column;min-width:0}
.zyra-header-copy strong{font-size:16px}
.zyra-header-copy small{font-size:11px;opacity:.84;margin-top:2px}
.zyra-icon-btn{margin-left:auto;border:0;background:rgba(255,255,255,.14);color:#fff;width:34px;height:34px;border-radius:10px;font-size:23px;cursor:pointer}
.zyra-messages{flex:1;overflow:auto;padding:18px 14px 10px;background:linear-gradient(#fff,#fbf9fe)}
.zyra-msg{display:flex;gap:8px;margin:0 0 12px;align-items:flex-end}
.zyra-msg.user{justify-content:flex-end}
.zyra-bubble{max-width:84%;padding:11px 13px;border-radius:16px 16px 16px 5px;background:#f2edf8;color:var(--zyra-ink);font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.zyra-msg.user .zyra-bubble{background:linear-gradient(135deg,#7022ea,#963fff);color:#fff;border-radius:16px 16px 5px 16px}
.zyra-mini-avatar{width:28px;height:28px;border-radius:9px;object-fit:cover;object-position:center 20%;background:#111;border:1px solid #eee}
.zyra-quick{padding:6px 13px 9px;display:flex;gap:7px;overflow:auto;background:#fff;border-top:1px solid #f3eef7}
.zyra-quick button{flex:0 0 auto;border:1px solid #e8def3;background:#fff;border-radius:999px;padding:8px 10px;color:#4c3b5c;font-size:11px;font-weight:650;cursor:pointer}
.zyra-quick button:hover{border-color:#a96bff;background:#fbf6ff}
.zyra-input-row{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--zyra-border);background:#fff}
.zyra-input-row input{min-width:0;flex:1;border:1px solid #e6dfed;border-radius:13px;padding:11px 12px;outline:none;font-size:13px}
.zyra-input-row input:focus{border-color:#9c59f5;box-shadow:0 0 0 3px rgba(137,53,240,.08)}
.zyra-input-row button{width:43px;border:0;border-radius:13px;background:#7626e8;color:#fff;font-size:17px;cursor:pointer}
.zyra-footer{display:flex;justify-content:space-between;align-items:center;padding:7px 13px 10px;background:#fff;color:#9a91a2;font-size:9px}
.zyra-footer button{border:0;background:none;color:#7225db;font-weight:800;font-size:10px;cursor:pointer}
.zyra-typing{display:inline-flex;gap:4px;align-items:center}
.zyra-typing i{width:5px;height:5px;background:#9b8da8;border-radius:50%;animation:zyraDot 1s infinite}
.zyra-typing i:nth-child(2){animation-delay:.15s}.zyra-typing i:nth-child(3){animation-delay:.3s}
.zyra-lead{padding:12px 14px;background:#faf7ff;border-top:1px solid #eee4f7;max-height:320px;overflow:auto}
.zyra-lead-title{font-size:14px;font-weight:800;color:#2b2036}.zyra-lead p{font-size:11px;color:#756b80;margin:4px 0 10px}
.zyra-lead form{display:grid;gap:7px}.zyra-lead input,.zyra-lead textarea{width:100%;box-sizing:border-box;border:1px solid #e3d9ed;border-radius:10px;padding:9px 10px;font:inherit;font-size:12px;outline:none;background:#fff}
.zyra-lead textarea{min-height:70px;resize:vertical}.zyra-lead button{border:0;border-radius:10px;padding:10px;background:#7526e7;color:#fff;font-weight:800;cursor:pointer}
.zyra-form-note{font-size:9px;color:#8c8295;text-align:center}
@keyframes zyraPulse{0%,100%{transform:scale(.96);opacity:.55}50%{transform:scale(1.08);opacity:.1}}
@keyframes zyraOpen{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@keyframes zyraDot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}
@media(max-width:600px){
  .zyra-launcher{right:15px;bottom:15px;width:64px;height:64px}
  .zyra-launcher img{width:56px;height:56px}
  .zyra-launcher-label{display:none}
  .zyra-panel{left:10px;bottom:90px;width:calc(100vw - 20px);height:min(460px,calc(100vh - 120px));border-radius:18px}
}