/* Cauxavi AI Receptionist — isolated public widget styles */
:root{
  --cxai-bg:#120d0b;
  --cxai-panel:#211a17;
  --cxai-panel-2:#17110f;
  --cxai-line:rgba(255,176,105,.24);
  --cxai-fire:#d84b1b;
  --cxai-fire-2:#ff7a34;
  --cxai-gold:#f0c77a;
  --cxai-text:#fff4e8;
  --cxai-muted:#bdaea3;
  --cxai-green:#85ed9e;
}
@property --cxai-a{syntax:"<angle>";inherits:false;initial-value:0deg}

.cxai-launcher{
  position:fixed;right:22px;bottom:92px;z-index:19990;isolation:isolate;
  width:60px;height:60px;padding:0;border:1px solid rgba(255,209,143,.28);
  border-radius:50%;background:
    radial-gradient(circle at 42% 34%,rgba(255,204,123,.22) 0,transparent 36%),
    radial-gradient(circle at 52% 64%,rgba(216,75,27,.28) 0,transparent 44%),
    linear-gradient(145deg,#3a211a,#120c0a 68%,#070504 100%);
  color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.52),inset 0 0 14px rgba(255,184,104,.08);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:transform .24s cubic-bezier(.2,.9,.2,1),box-shadow .24s ease,filter .24s ease;
}
.cxai-launcher::before{
  content:"";position:absolute;inset:-6px;z-index:-1;border:2px solid transparent;border-radius:50%;
  background:linear-gradient(#120c0a,#120c0a) padding-box,
    conic-gradient(from 0deg,transparent 0 8%,#8f2f18 20%,#ff8e42 36%,#f0c77a 48%,transparent 62% 82%,#d84b1b 96%) border-box;
  box-shadow:none;animation:cxai-orbit 5.2s linear infinite;pointer-events:none;
}
.cxai-launcher::after{
  content:none;
}
.cxai-launcher:hover,.cxai-launcher:focus-visible{
  transform:translateY(-3px) scale(1.04);filter:saturate(1.08);
  box-shadow:0 14px 32px rgba(0,0,0,.58),inset 0 0 16px rgba(255,184,104,.1);
  outline:2px solid rgba(240,199,122,.62);outline-offset:7px;
}
#cxai-root.cxai-lift-burst::before{
  content:"";position:fixed;left:var(--cxai-burst-left,auto);top:var(--cxai-burst-top,auto);z-index:19989;width:170px;height:170px;pointer-events:none;
  border-radius:50%;transform:translate(-50%,-50%);
  background:
    radial-gradient(circle at 50% 56%,rgba(255,246,208,.55) 0 5%,rgba(255,176,66,.45) 7% 16%,rgba(217,58,18,.24) 24%,transparent 62%),
    radial-gradient(circle at 44% 46%,rgba(255,232,154,.35),transparent 32%),
    radial-gradient(circle at 58% 62%,rgba(136,24,10,.3),transparent 48%);
  filter:blur(8px) drop-shadow(0 0 22px rgba(214,58,18,.42));
  animation:cxai-fire-burst .95s cubic-bezier(.16,1,.3,1) both;
}
#cxai-root.cxai-lift-burst::after{
  content:"";position:fixed;left:var(--cxai-burst-left,auto);top:var(--cxai-burst-top,auto);z-index:19990;width:236px;height:390px;pointer-events:none;
  transform-origin:50% 100%;
  border-radius:52% 48% 40% 44%/62% 60% 36% 38%;
  background:
    radial-gradient(ellipse at 50% 96%,rgba(255,247,212,.92) 0 6%,rgba(255,172,54,.74) 8% 18%,rgba(150,28,10,.26) 28%,transparent 62%),
    radial-gradient(ellipse at 38% 72%,rgba(255,222,125,.62),rgba(240,74,18,.42) 32%,transparent 64%),
    radial-gradient(ellipse at 62% 66%,rgba(255,141,41,.58),rgba(154,30,10,.36) 36%,transparent 70%),
    radial-gradient(ellipse at 46% 42%,rgba(255,238,182,.42),rgba(239,92,22,.28) 38%,transparent 70%),
    radial-gradient(ellipse at 56% 18%,rgba(80,60,48,.18),rgba(20,16,14,.14) 38%,transparent 70%),
    linear-gradient(180deg,transparent 0,rgba(255,183,65,.16) 20%,rgba(198,47,14,.36) 55%,transparent 100%);
  filter:blur(3px) drop-shadow(0 0 18px rgba(225,69,18,.58)) drop-shadow(0 0 42px rgba(255,136,36,.24));
  mix-blend-mode:screen;
  animation:cxai-fire-plume 1.08s cubic-bezier(.16,1,.3,1) both;
}
.cxai-ai-face{
  position:relative;display:block;width:39px;height:39px;border:1px solid rgba(255,201,132,.48);
  border-radius:46% 46% 50% 50%;background:
    radial-gradient(circle at 50% 26%,rgba(255,222,160,.28),transparent 40%),
    linear-gradient(145deg,#472117,#1b100e 72%);
  box-shadow:inset 0 0 16px rgba(255,134,69,.2),0 0 18px rgba(216,75,27,.3);
  animation:cxai-breathe 3.1s ease-in-out infinite;
}
.cxai-eye{position:absolute;top:13px;width:5px;height:7px;border-radius:50%;background:#ffd894;box-shadow:0 0 6px #ffac62,0 0 12px rgba(255,128,66,.85);transform-origin:center;animation:cxai-blink 5.2s ease-in-out infinite}
.cxai-eye-left{left:9px}.cxai-eye-right{right:9px;animation-delay:.08s}
.cxai-mouth{position:absolute;left:50%;bottom:8px;width:11px;height:5px;border-bottom:2px solid #f0c77a;border-radius:0 0 12px 12px;transform:translateX(-50%);filter:drop-shadow(0 0 4px rgba(255,166,92,.6))}
.cxai-signal{position:absolute;top:-4px;right:-4px;width:8px;height:8px;border:2px solid #17100e;border-radius:50%;background:var(--cxai-green);box-shadow:0 0 8px #65d985;animation:cxai-signal 1.8s ease-in-out infinite}
.cxai-launcher-label{
  position:absolute;right:70px;white-space:nowrap;background:rgba(18,13,11,.78);backdrop-filter:blur(10px);
  color:var(--cxai-text);border:1px solid rgba(240,199,122,.24);padding:8px 12px;border-radius:7px;
  font:800 12px/1.2 Arial,sans-serif;letter-spacing:.02em;box-shadow:0 10px 26px rgba(0,0,0,.42),0 0 18px rgba(216,75,27,.12);
}

.cxai-panel{
  position:fixed;right:22px;bottom:162px;z-index:19991;width:min(392px,calc(100vw - 28px));
  height:min(600px,calc(100vh - 190px));min-height:420px;display:none;flex-direction:column;overflow:hidden;
  color:var(--cxai-text);font-family:Arial,sans-serif;border-radius:34px 48px 38px 52px/42px 30px 58px 36px;
  background:
    radial-gradient(circle at 82% 4%,rgba(255,181,68,.12),transparent 28%),
    radial-gradient(circle at 10% 13%,rgba(170,39,14,.18),transparent 34%),
    radial-gradient(ellipse at 50% 111%,rgba(255,94,20,.18),rgba(95,18,8,.09) 34%,transparent 54%),
    linear-gradient(180deg,rgba(31,24,21,.97),rgba(14,10,9,.985));
  border:1px solid rgba(173,64,25,.26);
  box-shadow:0 24px 74px rgba(0,0,0,.7),0 0 28px rgba(177,43,14,.18),0 0 90px rgba(255,97,22,.06);
  transform-origin:var(--cxai-origin-x,calc(100% - 31px)) var(--cxai-origin-y,calc(100% + 42px));
}
.cxai-panel::before{
  content:"";position:absolute;inset:-2px;border-radius:inherit;padding:3px;pointer-events:none;
  background:
    conic-gradient(from -82deg at 72% 98%,
      rgba(255,238,176,.68) 0 4%,
      rgba(255,151,45,.58) 8%,
      rgba(139,28,10,.42) 16%,
      rgba(255,205,95,.6) 24%,
      rgba(210,53,15,.5) 34%,
      rgba(74,20,12,.34) 47%,
      rgba(255,230,154,.54) 58%,
      rgba(231,77,18,.58) 70%,
      rgba(99,24,12,.42) 83%,
      rgba(255,201,105,.62) 100%);
  filter:blur(.25px) drop-shadow(0 0 7px rgba(204,55,14,.46)) drop-shadow(0 0 19px rgba(255,126,36,.18));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
}
.cxai-panel::after{
  content:"";position:absolute;inset:-8px;pointer-events:none;border-radius:inherit;
  background:
    radial-gradient(ellipse at 20% 102%,rgba(255,226,125,.32),rgba(222,59,16,.18) 28%,transparent 60%),
    radial-gradient(ellipse at 80% 101%,rgba(255,132,35,.28),rgba(120,25,10,.18) 35%,transparent 66%),
    radial-gradient(ellipse at 52% 108%,rgba(255,246,205,.18),rgba(232,74,18,.18) 30%,transparent 58%),
    linear-gradient(115deg,transparent 0 31%,rgba(255,232,174,.1) 39%,rgba(220,61,17,.16) 45%,transparent 56%),
    linear-gradient(90deg,transparent 10%,rgba(255,122,52,.34) 50%,transparent 90%);
  background-size:100% 100%,100% 100%,100% 100%,240% 100%,calc(100% - 44px) 1px;
  background-position:0 0,0 0,0 0,130% 0,22px calc(100% - 8px);
  background-repeat:no-repeat;
  opacity:.92;
}
.cxai-panel.cxai-open{display:flex;animation:cxai-icon-bloom-open .78s cubic-bezier(.16,1,.3,1);will-change:transform,opacity,filter}
.cxai-panel.cxai-open::before{animation:cxai-fire-frame 1.04s cubic-bezier(.16,1,.3,1) .02s both,cxai-fire-rim-live 2.8s ease-in-out 1.08s infinite alternate}
.cxai-panel.cxai-open::after{animation:cxai-fire-lick 1.16s cubic-bezier(.16,1,.3,1) .04s both,cxai-fire-ember-live 2.4s ease-in-out 1.16s infinite alternate}
.cxai-panel.cxai-open > *{animation:cxai-bloom-content .58s cubic-bezier(.16,1,.3,1) .16s both}

#cxai-root.cxai-with-menu .cxai-launcher{right:31px;bottom:194px}
#cxai-root.cxai-with-menu .cxai-panel{bottom:264px;height:min(600px,calc(100vh - 282px));min-height:320px;transform-origin:var(--cxai-origin-x,calc(100% - 31px)) var(--cxai-origin-y,calc(100% + 42px))}

.cxai-header{
  position:relative;display:flex;align-items:center;gap:12px;padding:15px 16px 14px;
  background:linear-gradient(135deg,rgba(47,31,25,.96),rgba(20,14,12,.92));
  border-bottom:1px solid rgba(255,184,104,.16);
}
.cxai-header::after{
  content:"";position:absolute;left:14px;right:14px;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,122,52,.72),rgba(240,199,122,.5),transparent);
}
.cxai-avatar{
  position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;
  background:radial-gradient(circle at 42% 35%,rgba(255,230,172,.35),rgba(216,75,27,.18) 48%,rgba(18,13,11,.7));
  border:1px solid rgba(240,199,122,.36);font-size:20px;box-shadow:0 0 22px rgba(216,75,27,.26),inset 0 0 16px rgba(255,184,104,.14);
}
.cxai-avatar::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(240,199,122,.2);animation:cxai-listen 2.6s ease-out infinite}
.cxai-title{font-family:'Bebas Neue',Arial,sans-serif;font-size:19px;letter-spacing:.1em;line-height:1;text-shadow:0 0 14px rgba(240,199,122,.18)}
.cxai-status{margin-top:5px;color:#8deaa4;font-size:11px;text-shadow:0 0 9px rgba(133,237,158,.35)}
.cxai-header-copy{flex:1}.cxai-close{border:0;background:transparent;color:var(--cxai-muted);font-size:22px;cursor:pointer;padding:5px 8px;border-radius:8px;transition:background .18s ease,color .18s ease,transform .18s ease}
.cxai-close:hover{color:#fff;background:rgba(255,255,255,.08);transform:rotate(90deg)}

.cxai-messages{
  position:relative;flex:1;overflow-y:auto;padding:16px;scroll-behavior:smooth;overscroll-behavior:contain;
  background:
    radial-gradient(circle at 18% 0,rgba(240,199,122,.055),transparent 34%),
    linear-gradient(180deg,rgba(18,13,11,.24),rgba(13,9,8,.48));
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.cxai-messages::-webkit-scrollbar{width:8px}.cxai-messages::-webkit-scrollbar-thumb{background:rgba(216,75,27,.55);border-radius:20px}.cxai-messages::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}
.cxai-message{display:flex;margin:0 0 12px;animation:cxai-message-in .22s ease-out both}.cxai-message.user{justify-content:flex-end}
.cxai-bubble{max-width:84%;padding:11px 13px;border-radius:16px 16px 16px 5px;background:rgba(43,35,30,.64);border:1px solid rgba(255,184,104,.2);color:var(--cxai-text);font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 10px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,244,216,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.cxai-message.user .cxai-bubble{background:linear-gradient(135deg,rgba(159,55,25,.84),rgba(200,73,29,.88));border-color:rgba(255,155,93,.56);border-radius:16px 16px 5px 16px;box-shadow:0 10px 30px rgba(216,75,27,.24),inset 0 1px 0 rgba(255,244,216,.12)}
.cxai-message.typing .cxai-bubble{color:var(--cxai-muted);font-size:18px;letter-spacing:3px}
.cxai-note{
  font-size:10px;line-height:1.35;color:rgba(255,244,216,.62);text-align:center;padding:1px 18px 10px;
  background:
    radial-gradient(ellipse at 50% 0,rgba(240,199,122,.09),transparent 62%),
    linear-gradient(180deg,rgba(36,24,18,.34),rgba(19,12,9,.48));
  text-shadow:0 0 10px rgba(240,199,122,.12);
  backdrop-filter:blur(14px) saturate(1.18);
  -webkit-backdrop-filter:blur(14px) saturate(1.18);
}
.cxai-chips{
  position:relative;display:flex;gap:8px;overflow-x:auto;padding:10px 14px 12px;
  background:
    linear-gradient(180deg,rgba(255,244,216,.045),transparent 28%),
    radial-gradient(circle at 18% 28%,rgba(240,199,122,.085),transparent 32%),
    radial-gradient(circle at 84% 78%,rgba(216,75,27,.105),transparent 38%),
    linear-gradient(180deg,rgba(23,15,12,.36),rgba(14,9,8,.5));
  border-top:1px solid rgba(240,199,122,.08);
  box-shadow:inset 0 1px 0 rgba(255,244,216,.045),inset 0 -18px 36px rgba(255,122,52,.035);
  backdrop-filter:blur(14px) saturate(1.2);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);
  scrollbar-width:none;
}
.cxai-chips::before{
  content:"";position:absolute;left:18px;right:18px;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(240,199,122,.34),rgba(255,122,52,.18),transparent);
}
.cxai-chips::-webkit-scrollbar{display:none}
.cxai-chip{flex:0 0 auto;border:1px solid rgba(240,199,122,.36);background:linear-gradient(180deg,rgba(255,244,216,.08),rgba(255,255,255,.026));color:#f8dfce;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:700;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,244,216,.08),0 0 18px rgba(216,75,27,.045);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.cxai-chip:hover{transform:translateY(-1px);border-color:rgba(255,122,52,.8);background:rgba(216,75,27,.15);box-shadow:0 0 18px rgba(216,75,27,.14)}
.cxai-actions{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 12px 0}
.cxai-action{border:1px solid rgba(255,122,52,.82);background:rgba(216,75,27,.13);color:#ffe1d3;border-radius:7px;padding:8px 10px;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 0 16px rgba(216,75,27,.1)}
.cxai-action:hover{background:var(--cxai-fire);color:#fff}
.cxai-form{
  position:relative;display:flex;gap:8px;margin:0 10px 10px;padding:8px;
  border:1px solid rgba(240,199,122,.2);border-radius:16px;
  background:
    linear-gradient(135deg,rgba(255,244,216,.105),rgba(255,244,216,.026) 42%,rgba(216,75,27,.06)),
    rgba(18,12,10,.48);
  box-shadow:0 12px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,244,216,.12),inset 0 -18px 34px rgba(255,122,52,.04);
  backdrop-filter:blur(18px) saturate(1.22);
  -webkit-backdrop-filter:blur(18px) saturate(1.22);
}
.cxai-form::before{
  content:"";position:absolute;left:14px;right:14px;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,244,216,.36),rgba(255,122,52,.16),transparent);
}
.cxai-input{
  flex:1;min-width:0;border:1px solid rgba(255,184,104,.2);background:rgba(255,244,216,.055);color:#fff;
  border-radius:11px;padding:11px 12px;font:13px Arial,sans-serif;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,244,216,.07);
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.cxai-input:focus{outline:0;border-color:rgba(255,122,52,.78);background:rgba(255,244,216,.085);box-shadow:0 0 0 3px rgba(255,122,52,.14),inset 0 1px 0 rgba(255,244,216,.1)}
.cxai-send{width:44px;border:0;border-radius:12px;background:linear-gradient(135deg,#f05a22,#bd3918);color:#fff;font-size:19px;cursor:pointer;box-shadow:0 10px 24px rgba(216,75,27,.28),inset 0 1px 0 rgba(255,244,216,.24);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.cxai-send:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 14px 30px rgba(216,75,27,.38),inset 0 1px 0 rgba(255,244,216,.28)}
.cxai-send:disabled,.cxai-input:disabled{opacity:.55;cursor:not-allowed}

body.admin-mode-active .cxai-launcher,body.admin-mode-active .cxai-panel{display:none!important}

@keyframes cxai-orbit{to{transform:rotate(360deg)}}
@keyframes cxai-listen{0%{opacity:.72;transform:scale(.78)}68%,100%{opacity:0;transform:scale(1.24)}}
@keyframes cxai-breathe{0%,100%{transform:translateY(1px) scale(.97);box-shadow:inset 0 0 12px rgba(255,119,58,.14),0 0 14px rgba(216,75,27,.22)}50%{transform:translateY(-1px) scale(1.03);box-shadow:inset 0 0 18px rgba(255,154,91,.25),0 0 24px rgba(224,120,61,.38)}}
@keyframes cxai-blink{0%,43%,47%,100%{transform:scaleY(1)}44.5%,45.5%{transform:scaleY(.12)}}
@keyframes cxai-signal{0%,100%{opacity:.65;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
@keyframes cxai-icon-bloom-open{
  0%{
    opacity:0;
    transform:scale(.18);
    filter:blur(12px) saturate(1.22);
    box-shadow:0 10px 36px rgba(0,0,0,.32),0 0 8px rgba(216,75,27,.08);
  }
  20%{
    opacity:.74;
    transform:scale(.52);
    filter:blur(7px) saturate(1.2);
    box-shadow:0 18px 58px rgba(0,0,0,.5),0 0 30px rgba(255,122,52,.22);
  }
  56%{
    opacity:1;
    transform:scale(1.018);
    filter:blur(.35px) saturate(1.08);
    box-shadow:0 32px 92px rgba(0,0,0,.76),0 0 58px rgba(255,122,52,.38),0 0 92px rgba(240,199,122,.13);
  }
  78%{
    transform:scale(.996);
    filter:blur(0);
  }
  100%{
    opacity:1;
    transform:scale(1);
    filter:none;
    box-shadow:0 24px 74px rgba(0,0,0,.68),0 0 30px rgba(216,75,27,.2);
  }
}
@keyframes cxai-bloom-content{
  0%,22%{opacity:0;transform:translateY(12px) scale(.985);filter:blur(5px)}
  72%{opacity:.92;filter:blur(0)}
  100%{opacity:1;transform:none;filter:none}
}
@keyframes cxai-fire-frame{
  0%,18%{opacity:0;filter:blur(7px) drop-shadow(0 0 4px rgba(255,82,20,.2));transform:scale(.974) rotate(.2deg)}
  34%{opacity:1;filter:blur(1.3px) drop-shadow(0 0 16px rgba(255,92,20,.9)) drop-shadow(0 0 36px rgba(255,190,78,.38));transform:scale(1.012) rotate(-.18deg)}
  62%{opacity:.96;filter:blur(.35px) drop-shadow(0 0 12px rgba(255,92,20,.72)) drop-shadow(0 0 26px rgba(255,190,78,.26));transform:scale(1) rotate(.12deg)}
  100%{opacity:.88;filter:drop-shadow(0 0 9px rgba(255,90,20,.64)) drop-shadow(0 0 24px rgba(255,159,57,.24));transform:scale(1) rotate(0)}
}
@keyframes cxai-fire-lick{
  0%{opacity:0;background-position:0 14px,0 12px,0 16px,130% 0,22px calc(100% - 8px);filter:blur(8px)}
  22%{opacity:1;filter:blur(2px)}
  58%{opacity:.78;background-position:0 -4px,0 -10px,0 -2px,-65% 0,22px calc(100% - 8px);filter:blur(.5px)}
  100%{opacity:.55;background-position:0 -12px,0 -18px,0 -10px,-130% 0,22px calc(100% - 8px);filter:blur(.2px)}
}
@keyframes cxai-fire-rim-live{
  from{opacity:.74;filter:blur(.35px) drop-shadow(0 0 6px rgba(204,55,14,.36)) drop-shadow(0 0 16px rgba(255,126,36,.14));transform:scale(.998) rotate(-.08deg)}
  to{opacity:.92;filter:blur(.15px) drop-shadow(0 0 10px rgba(255,86,20,.52)) drop-shadow(0 0 23px rgba(255,151,45,.2));transform:scale(1.002) rotate(.08deg)}
}
@keyframes cxai-fire-ember-live{
  from{opacity:.42;background-position:0 -8px,0 -14px,0 -7px,-100% 0,22px calc(100% - 8px);filter:blur(.6px)}
  to{opacity:.64;background-position:0 -18px,0 -4px,0 -14px,-150% 0,22px calc(100% - 8px);filter:blur(.2px)}
}
@keyframes cxai-fire-burst{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.22) rotate(-14deg)}
  18%{opacity:1;transform:translate(-50%,-50%) scale(.82) rotate(8deg)}
  62%{opacity:.62;transform:translate(-50%,-50%) scale(1.65) rotate(34deg)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(2.2) rotate(58deg)}
}
@keyframes cxai-fire-plume{
  0%{opacity:0;transform:translate(-50%,-96%) scale(.18,.08) rotate(-6deg);filter:blur(8px) drop-shadow(0 0 8px rgba(255,88,20,.45))}
  18%{opacity:.9;transform:translate(-50%,-101%) scale(.48,.42) rotate(4deg);filter:blur(4px) drop-shadow(0 0 18px rgba(255,88,20,.72))}
  46%{opacity:1;transform:translate(-50%,-108%) scale(.88,1.04) rotate(-3deg);filter:blur(1.2px) drop-shadow(0 0 24px rgba(255,96,24,.92)) drop-shadow(0 0 48px rgba(255,183,75,.38))}
  74%{opacity:.56;transform:translate(-50%,-113%) scale(1.08,1.16) rotate(3deg)}
  100%{opacity:0;transform:translate(-50%,-118%) scale(1.18,1.28) rotate(-2deg);filter:blur(7px) drop-shadow(0 0 12px rgba(255,88,20,.42))}
}
@keyframes cxai-message-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}

/* AI 2026 holographic override — replaces the fire experiment with a neural/aurora interface */
#cxai-root.cxai-lift-burst::before{
  content:none!important;
}
#cxai-root.cxai-lift-burst::after{
  content:none!important;
}
.cxai-panel{
  border-radius:26px!important;
  background:
    linear-gradient(142deg,rgba(255,244,216,.1),rgba(255,244,216,.025) 16%,transparent 38%),
    radial-gradient(circle at 88% 2%,rgba(255,199,122,.18),transparent 30%),
    radial-gradient(circle at 4% 10%,rgba(216,75,27,.18),transparent 32%),
    radial-gradient(ellipse at 50% 112%,rgba(255,122,52,.14),transparent 48%),
    linear-gradient(135deg,rgba(23,21,20,.74),rgba(10,9,12,.82) 54%,rgba(16,10,12,.86));
  border:1px solid rgba(240,199,122,.28)!important;
  box-shadow:
    0 24px 58px rgba(0,0,0,.68),
    0 0 0 1px rgba(255,244,216,.05) inset,
    inset 0 1px 0 rgba(255,244,216,.16),
    inset 0 -28px 70px rgba(255,122,52,.055)!important;
  backdrop-filter:blur(24px) saturate(1.34) contrast(1.04);
  -webkit-backdrop-filter:blur(24px) saturate(1.34) contrast(1.04);
}
.cxai-panel::before{
  inset:0!important;padding:1px!important;border-radius:inherit!important;
  background:
    conic-gradient(from var(--cxai-a,0deg),
      rgba(255,231,176,.95),
      rgba(240,199,122,.82),
      rgba(255,122,52,.62),
      rgba(143,47,24,.5),
      rgba(255,231,176,.95))!important;
  filter:none!important;
  animation:cxai-ai-frame 4.8s linear infinite!important;
}
.cxai-panel::after{
  inset:0!important;border-radius:inherit!important;opacity:.82!important;
  background:
    linear-gradient(132deg,rgba(255,244,216,.18) 0 1px,transparent 2px 34%,rgba(255,244,216,.055) 46%,transparent 62%),
    linear-gradient(180deg,rgba(255,244,216,.075),transparent 18%,transparent 74%,rgba(255,122,52,.06)),
    linear-gradient(180deg,transparent 0 42%,rgba(240,199,122,.1) 49%,transparent 56%),
    radial-gradient(circle at 18% 20%,rgba(255,184,104,.13),transparent 26%),
    radial-gradient(circle at 82% 80%,rgba(216,75,27,.12),transparent 30%),
    linear-gradient(rgba(240,199,122,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(240,199,122,.038) 1px,transparent 1px);
  background-size:220% 100%,100% 100%,100% 220%,100% 100%,100% 100%,24px 24px,24px 24px!important;
  background-position:-120% 0,0 0,0 130%,0 0,0 0,0 0,0 0!important;
  animation:cxai-ai-scan 3.2s ease-in-out infinite!important;
}
.cxai-panel.cxai-open{animation:cxai-ai-materialize .72s cubic-bezier(.16,1,.3,1)!important}
.cxai-panel.cxai-open > *{animation:cxai-ai-content .58s cubic-bezier(.16,1,.3,1) .12s both!important}
.cxai-header{
  background:linear-gradient(135deg,rgba(43,34,29,.58),rgba(15,12,16,.56))!important;
  border-bottom:1px solid rgba(240,199,122,.16)!important;
  backdrop-filter:blur(14px) saturate(1.18);
  -webkit-backdrop-filter:blur(14px) saturate(1.18);
}
.cxai-header::after{background:linear-gradient(90deg,transparent,rgba(240,199,122,.75),rgba(255,122,52,.5),transparent)!important}
.cxai-core{
  overflow:visible;background:
    radial-gradient(circle at 50% 50%,rgba(255,244,216,.96) 0 9%,rgba(240,199,122,.56) 11% 21%,rgba(255,122,52,.28) 32%,rgba(24,13,9,.92) 60%)!important;
  border:1px solid rgba(240,199,122,.48)!important;
  box-shadow:0 0 20px rgba(240,199,122,.38),0 0 36px rgba(216,75,27,.22),inset 0 0 18px rgba(255,184,104,.12)!important;
}
.cxai-core::before,.cxai-core::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(240,199,122,.25);animation:cxai-core-radar 2.6s ease-out infinite}
.cxai-core::after{inset:-14px;border-color:rgba(216,75,27,.2);animation-delay:.55s}
.cxai-core-ring{position:absolute;inset:5px;border-radius:50%;border:1px dashed rgba(240,199,122,.48);animation:cxai-core-spin 4.8s linear infinite}
.cxai-core-ring.r2{inset:10px;border-style:solid;border-color:rgba(255,122,52,.42);animation-duration:3.3s;animation-direction:reverse}
.cxai-core-ring.r3{inset:15px;border-color:rgba(255,190,113,.32);animation-duration:2.4s}
.cxai-core-pulse{position:absolute;inset:16px;border-radius:50%;background:#fff4d8;box-shadow:0 0 10px rgba(240,199,122,.95),0 0 24px rgba(255,122,52,.72);animation:cxai-core-heart 1.65s ease-in-out infinite}
.cxai-core-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffd894;box-shadow:0 0 8px rgba(240,199,122,.95)}
.cxai-core-dot.d1{left:5px;top:17px;animation:cxai-node-1 2.7s ease-in-out infinite}
.cxai-core-dot.d2{right:7px;top:11px;animation:cxai-node-2 2.3s ease-in-out infinite}
.cxai-core-dot.d3{right:12px;bottom:6px;animation:cxai-node-3 2.9s ease-in-out infinite}
.cxai-title{text-shadow:0 0 16px rgba(240,199,122,.18)!important}
.cxai-status{color:#f0c77a!important;text-shadow:0 0 10px rgba(240,199,122,.45)!important}
#cxai-root.cxai-thinking .cxai-panel::before{animation:cxai-ai-frame 2.15s linear infinite!important;filter:drop-shadow(0 0 8px rgba(240,199,122,.34))!important}
#cxai-root.cxai-thinking .cxai-header::after{animation:cxai-thinking-sweep 1.18s ease-in-out infinite!important}
#cxai-root.cxai-thinking .cxai-core{
  animation:cxai-thinking-core 1.05s ease-in-out infinite!important;
  box-shadow:0 0 26px rgba(240,199,122,.52),0 0 46px rgba(216,75,27,.32),inset 0 0 20px rgba(255,184,104,.18)!important;
}
#cxai-root.cxai-thinking .cxai-core-ring{animation-duration:2.2s}
#cxai-root.cxai-thinking .cxai-core-ring.r2{animation-duration:1.65s}
#cxai-root.cxai-thinking .cxai-core-pulse{animation:cxai-core-heart .72s ease-in-out infinite}
#cxai-root.cxai-thinking .cxai-form{box-shadow:0 14px 38px rgba(0,0,0,.3),0 0 22px rgba(216,75,27,.09),inset 0 1px 0 rgba(255,244,216,.14),inset 0 -18px 34px rgba(255,122,52,.055)}
.cxai-transfer-dot{
  position:fixed;left:var(--cxai-burst-left,0);top:var(--cxai-burst-top,0);z-index:19994;width:10px;height:10px;border-radius:50%;pointer-events:none;opacity:0;
  background:radial-gradient(circle,#fff4d8 0 18%,#f0c77a 24% 46%,#ff7a34 68%,transparent 72%);
  box-shadow:0 0 8px rgba(240,199,122,.9),0 0 16px rgba(216,75,27,.55);
  transform:translate(-50%,-50%) scale(.3);
}
.cxai-transfer-dot.td2{
  background:radial-gradient(circle,#ffe8b6 0 18%,#ffad62 24% 48%,#d84b1b 70%,transparent 74%);
  box-shadow:0 0 8px rgba(255,173,98,.9),0 0 17px rgba(216,75,27,.58);
}
.cxai-transfer-dot.td3{
  background:radial-gradient(circle,#fff1c6 0 16%,#d9a84e 24% 46%,#8f2f18 70%,transparent 74%);
  box-shadow:0 0 8px rgba(240,199,122,.82),0 0 16px rgba(143,47,24,.58);
}
.cxai-build-line{
  position:fixed;z-index:19993;pointer-events:none;opacity:0;border-radius:999px;
  background:linear-gradient(90deg,transparent 0 2%,rgba(255,244,216,1),rgba(240,199,122,.98),rgba(255,122,52,.84),transparent 98% 100%);
  box-shadow:0 0 8px rgba(240,199,122,.72),0 0 14px rgba(216,75,27,.24);
  transform-origin:left center;
}
.cxai-build-line.bl1{
  left:calc(var(--cxai-panel-left) + 34px);top:calc(var(--cxai-panel-top) + 2px);
  width:calc(var(--cxai-panel-width) - 82px);height:3px;
}
.cxai-build-line.bl2{
  left:calc(var(--cxai-panel-right) - 2px);top:calc(var(--cxai-panel-top) + 48px);
  width:3px;height:calc(var(--cxai-panel-height) - 106px);transform-origin:center top;
  background:linear-gradient(180deg,transparent 0 2%,rgba(255,244,216,1),rgba(240,199,122,.98),rgba(255,122,52,.84),transparent 98% 100%);
}
.cxai-build-line.bl3{
  left:calc(var(--cxai-panel-left) + 52px);top:calc(var(--cxai-panel-bottom) - 2px);
  width:calc(var(--cxai-panel-width) - 90px);height:3px;transform-origin:right center;
}
#cxai-root.cxai-lift-burst .cxai-build-line.bl1{animation:cxai-build-top .52s ease-out .2s both}
#cxai-root.cxai-lift-burst .cxai-build-line.bl2{animation:cxai-build-side .52s ease-out .34s both}
#cxai-root.cxai-lift-burst .cxai-build-line.bl3{animation:cxai-build-bottom .52s ease-out .48s both}
#cxai-root.cxai-lift-burst .cxai-transfer-dot.td1{animation:cxai-dot-build-top 1.18s cubic-bezier(.16,1,.3,1) .02s both}
#cxai-root.cxai-lift-burst .cxai-transfer-dot.td2{animation:cxai-dot-build-side 1.18s cubic-bezier(.16,1,.3,1) .12s both}
#cxai-root.cxai-lift-burst .cxai-transfer-dot.td3{animation:cxai-dot-build-bottom 1.18s cubic-bezier(.16,1,.3,1) .22s both}
#cxai-root.cxai-lift-burst .cxai-core-dot{animation-play-state:paused;opacity:0}
#cxai-root.cxai-lift-burst .cxai-core-dot.d1{animation:cxai-core-dot-arrive .52s ease-out .86s both,cxai-node-1 2.7s ease-in-out 1.38s infinite}
#cxai-root.cxai-lift-burst .cxai-core-dot.d2{animation:cxai-core-dot-arrive .52s ease-out .96s both,cxai-node-2 2.3s ease-in-out 1.48s infinite}
#cxai-root.cxai-lift-burst .cxai-core-dot.d3{animation:cxai-core-dot-arrive .52s ease-out 1.06s both,cxai-node-3 2.9s ease-in-out 1.58s infinite}

@keyframes cxai-ai-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(-20deg)}26%{opacity:1;transform:translate(-50%,-50%) scale(.72) rotate(12deg)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.75) rotate(64deg)}}
@keyframes cxai-ai-stream{0%{opacity:0;transform:translate(-50%,-96%) scale(.22,.08);filter:blur(10px)}38%{opacity:1;transform:translate(-50%,-105%) scale(.82,1);filter:blur(2px)}100%{opacity:0;transform:translate(-50%,-114%) scale(1.12,1.18);filter:blur(8px)}}
@keyframes cxai-ai-materialize{
  0%{opacity:0;transform:scale(.96);filter:blur(6px)}
  45%{opacity:.42;transform:scale(.985);filter:blur(3px)}
  100%{opacity:1;transform:scale(1);filter:none}
}
@keyframes cxai-ai-content{0%,25%{opacity:0;transform:translateY(12px);filter:blur(5px)}100%{opacity:1;transform:none;filter:none}}
@keyframes cxai-ai-frame{to{--cxai-a:360deg}}
@keyframes cxai-ai-scan{
  0%,100%{background-position:-120% 0,0 0,0 130%,0 0,0 0,0 0,0 0;opacity:.68;filter:saturate(1)}
  50%{background-position:120% 0,0 0,0 -40%,0 0,0 0,8px 10px,10px 8px;opacity:.9;filter:saturate(1.08)}
}
@keyframes cxai-core-spin{to{transform:rotate(360deg)}}
@keyframes cxai-core-radar{0%{opacity:.9;transform:scale(.72)}100%{opacity:0;transform:scale(1.35)}}
@keyframes cxai-core-heart{0%,100%{transform:scale(.82);opacity:.86}50%{transform:scale(1.1);opacity:1}}
@keyframes cxai-thinking-core{0%,100%{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.045);filter:saturate(1.16)}}
@keyframes cxai-thinking-sweep{0%,100%{opacity:.34;transform:translateX(-18%)}50%{opacity:1;transform:translateX(18%)}}
@keyframes cxai-node-1{50%{transform:translate(7px,-5px);opacity:.55}}
@keyframes cxai-node-2{50%{transform:translate(-8px,8px);opacity:.6}}
@keyframes cxai-node-3{50%{transform:translate(-5px,-9px);opacity:.5}}
@keyframes cxai-dot-to-core{
  0%{left:var(--cxai-burst-left);top:var(--cxai-burst-top);opacity:0;transform:translate(-50%,-50%) scale(.24);filter:blur(3px)}
  14%{left:var(--cxai-burst-left);top:var(--cxai-burst-top);opacity:1;transform:translate(-50%,-50%) translate(-12px,-42px) scale(1.05);filter:blur(.4px)}
  42%{left:calc(var(--cxai-burst-left) + var(--cxai-dot-x));top:calc(var(--cxai-burst-top) + var(--cxai-dot-y));opacity:1;transform:translate(-50%,-50%) translate(-42px,-74px) scale(.92);filter:blur(0)}
  74%{left:calc(var(--cxai-burst-left) + var(--cxai-dot-x));top:calc(var(--cxai-burst-top) + var(--cxai-dot-y));opacity:1;transform:translate(-50%,-50%) translate(-12px,-18px) scale(.78)}
  100%{left:calc(var(--cxai-burst-left) + var(--cxai-dot-x));top:calc(var(--cxai-burst-top) + var(--cxai-dot-y));opacity:0;transform:translate(-50%,-50%) scale(.25);filter:blur(2px)}
}
@keyframes cxai-build-top{
  0%{opacity:0;transform:scaleX(.02);filter:blur(6px)}
  32%{opacity:1;filter:blur(.5px)}
  78%{opacity:1;transform:scaleX(1);filter:blur(0)}
  100%{opacity:0;transform:scaleX(1);filter:blur(3px)}
}
@keyframes cxai-build-side{
  0%{opacity:0;transform:scaleY(.02);filter:blur(6px)}
  32%{opacity:1;filter:blur(.5px)}
  78%{opacity:1;transform:scaleY(1);filter:blur(0)}
  100%{opacity:0;transform:scaleY(1);filter:blur(3px)}
}
@keyframes cxai-build-bottom{
  0%{opacity:0;transform:scaleX(.02);filter:blur(6px)}
  32%{opacity:1;filter:blur(.5px)}
  78%{opacity:1;transform:scaleX(1);filter:blur(0)}
  100%{opacity:0;transform:scaleX(1);filter:blur(3px)}
}
@keyframes cxai-dot-build-top{
  0%{left:var(--cxai-burst-left);top:var(--cxai-burst-top);opacity:0;transform:translate(-50%,-50%) scale(.24);filter:blur(3px)}
  12%{left:calc(var(--cxai-panel-left) + 18px);top:calc(var(--cxai-panel-top) + 20px);opacity:1;transform:translate(-50%,-50%) scale(1.05);filter:blur(.8px)}
  20%{left:calc(var(--cxai-panel-left) + 34px);top:calc(var(--cxai-panel-top) + 2px);opacity:1;transform:translate(-50%,-50%) scale(1.12);filter:blur(.4px)}
  44%{left:calc(var(--cxai-panel-right) - 48px);top:calc(var(--cxai-panel-top) + 2px);opacity:1;transform:translate(-50%,-50%) scale(.95);filter:blur(0)}
  52%{left:calc(var(--cxai-panel-right) - 12px);top:calc(var(--cxai-panel-top) + 28px);opacity:.92;transform:translate(-50%,-50%) scale(.82)}
  74%{left:var(--cxai-core-left);top:var(--cxai-core-top);opacity:1;transform:translate(-50%,-50%) translate(-18px,-28px) scale(.72)}
  100%{left:var(--cxai-core-left);top:var(--cxai-core-top);opacity:0;transform:translate(-50%,-50%) scale(.25);filter:blur(2px)}
}
@keyframes cxai-dot-build-side{
  0%{left:var(--cxai-burst-left);top:var(--cxai-burst-top);opacity:0;transform:translate(-50%,-50%) scale(.24);filter:blur(3px)}
  13%{left:calc(var(--cxai-panel-right) - 48px);top:calc(var(--cxai-panel-top) + 8px);opacity:1;transform:translate(-50%,-50%) scale(1.06);filter:blur(.6px)}
  22%{left:calc(var(--cxai-panel-right) - 2px);top:calc(var(--cxai-panel-top) + 48px);opacity:1;transform:translate(-50%,-50%) scale(1.1);filter:blur(.35px)}
  48%{left:calc(var(--cxai-panel-right) - 2px);top:calc(var(--cxai-panel-bottom) - 58px);opacity:1;transform:translate(-50%,-50%) scale(.94);filter:blur(0)}
  58%{left:calc(var(--cxai-panel-right) - 38px);top:calc(var(--cxai-panel-bottom) - 8px);opacity:.92;transform:translate(-50%,-50%) scale(.82)}
  76%{left:var(--cxai-core-left);top:var(--cxai-core-top);opacity:1;transform:translate(-50%,-50%) translate(22px,-18px) scale(.72)}
  100%{left:var(--cxai-core-left);top:var(--cxai-core-top);opacity:0;transform:translate(-50%,-50%) scale(.25);filter:blur(2px)}
}
@keyframes cxai-dot-build-bottom{
  0%{left:var(--cxai-burst-left);top:var(--cxai-burst-top);opacity:0;transform:translate(-50%,-50%) scale(.24);filter:blur(3px)}
  13%{left:calc(var(--cxai-panel-right) - 22px);top:calc(var(--cxai-panel-bottom) - 28px);opacity:1;transform:translate(-50%,-50%) scale(1.06);filter:blur(.6px)}
  22%{left:calc(var(--cxai-panel-right) - 38px);top:calc(var(--cxai-panel-bottom) - 2px);opacity:1;transform:translate(-50%,-50%) scale(1.1);filter:blur(.35px)}
  48%{left:calc(var(--cxai-panel-left) + 52px);top:calc(var(--cxai-panel-bottom) - 2px);opacity:1;transform:translate(-50%,-50%) scale(.94);filter:blur(0)}
  58%{left:calc(var(--cxai-panel-left) + 16px);top:calc(var(--cxai-panel-bottom) - 28px);opacity:.92;transform:translate(-50%,-50%) scale(.82)}
  78%{left:var(--cxai-core-left);top:var(--cxai-core-top);opacity:1;transform:translate(-50%,-50%) translate(2px,22px) scale(.72)}
  100%{left:var(--cxai-core-left);top:var(--cxai-core-top);opacity:0;transform:translate(-50%,-50%) scale(.25);filter:blur(2px)}
}
@keyframes cxai-core-dot-arrive{
  0%{opacity:0;transform:scale(.15);filter:blur(4px)}
  60%{opacity:1;transform:scale(1.35);filter:blur(0)}
  100%{opacity:1;transform:scale(1);filter:blur(0)}
}

@media(max-width:600px){
  .cxai-launcher{right:14px;bottom:82px}.cxai-launcher-label{display:none}
  .cxai-panel{right:7px;bottom:150px;width:calc(100vw - 14px);height:min(590px,calc(100dvh - 165px));min-height:400px;border-radius:30px 42px 34px 46px/38px 28px 50px 32px}
  .cxai-bubble{max-width:89%}
  #cxai-root.cxai-with-menu .cxai-launcher{right:14px;bottom:178px}
  #cxai-root.cxai-with-menu .cxai-panel{bottom:248px;height:min(604px,calc(100dvh - 262px));min-height:300px}
}
@media(prefers-reduced-motion:reduce){
  .cxai-panel.cxai-open,.cxai-panel.cxai-open::before,.cxai-panel.cxai-open::after,.cxai-panel.cxai-open > *,.cxai-message,#cxai-root.cxai-lift-burst::before,#cxai-root.cxai-lift-burst::after{animation:none}.cxai-launcher,.cxai-chip,.cxai-send,.cxai-close{transition:none}
  .cxai-launcher::before,.cxai-launcher::after,.cxai-ai-face,.cxai-eye,.cxai-signal,.cxai-avatar::before{animation:none}
}
