
/* Orbix AENKI Floating Assistant V13 - Camera + Caterpillar Neon */
#orbix-aenki-assistant{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:2147483000;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  color:#eef6ff;
  --cat-yellow:#ffcd11;
  --cat-yellow-2:#f5a400;
  --cat-yellow-soft:rgba(255,205,17,.18);
  --orbix-cyan:#67f2ca;
  --orbix-blue:#74a7ff;
  --orbix-violet:#8d6cff;
}
#orbix-aenki-assistant *{box-sizing:border-box}

.aenki-bubble{
  width:72px;
  height:72px;
  border-radius:999px;
  border:2px solid var(--cat-yellow);
  background:
    radial-gradient(circle at 35% 22%,rgba(255,255,255,.65),transparent 16px),
    radial-gradient(circle at 70% 72%,rgba(255,205,17,.65),transparent 18px),
    linear-gradient(135deg,var(--cat-yellow),var(--cat-yellow-2));
  color:#111;
  font-weight:950;
  font-size:1.45rem;
  cursor:grab;
  display:grid;
  place-items:center;
  user-select:none;
  box-shadow:
    0 0 16px rgba(255,205,17,.95),
    0 0 36px rgba(255,205,17,.65),
    0 0 72px rgba(255,205,17,.28),
    0 22px 80px rgba(0,0,0,.55);
}
.aenki-bubble::after{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  border-radius:50%;
  background:var(--orbix-cyan);
  right:3px;
  top:6px;
  box-shadow:0 0 18px rgba(103,242,202,.9);
}
.aenki-bubble.speaking{
  animation:aenkiCatPulse 1.05s infinite ease-in-out;
}
@keyframes aenkiCatPulse{
  0%,100%{transform:scale(1);box-shadow:0 0 16px rgba(255,205,17,.95),0 0 36px rgba(255,205,17,.65),0 0 72px rgba(255,205,17,.28),0 22px 80px rgba(0,0,0,.55)}
  50%{transform:scale(1.08);box-shadow:0 0 22px rgba(255,205,17,1),0 0 52px rgba(255,205,17,.82),0 0 110px rgba(255,205,17,.38),0 22px 90px rgba(0,0,0,.58)}
}

.aenki-panel{
  width:min(460px,calc(100vw - 28px));
  max-height:min(780px,calc(100vh - 105px));
  overflow:hidden;
  border:1px solid rgba(255,205,17,.44);
  border-radius:28px;
  background:
    radial-gradient(circle at 12% 0%,rgba(255,205,17,.16),transparent 20rem),
    radial-gradient(circle at 90% 12%,rgba(103,242,202,.11),transparent 18rem),
    linear-gradient(180deg,rgba(10,18,32,.985),rgba(5,9,20,.985));
  box-shadow:
    0 0 22px rgba(255,205,17,.35),
    0 0 55px rgba(255,205,17,.18),
    0 34px 120px rgba(0,0,0,.62);
  display:none;
}
#orbix-aenki-assistant.open .aenki-panel{display:block}
#orbix-aenki-assistant.open .aenki-bubble{display:none}

.aenki-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.7rem;
  padding:.9rem 1rem;
  border-bottom:1px solid rgba(255,205,17,.24);
  background:linear-gradient(90deg,rgba(255,205,17,.10),rgba(255,255,255,.02));
}
.aenki-title{display:flex;align-items:center;gap:.7rem}
.aenki-orb{
  width:42px;
  height:42px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--cat-yellow),var(--cat-yellow-2));
  color:#111;
  font-weight:950;
  box-shadow:0 0 18px rgba(255,205,17,.82);
}
.aenki-title strong{display:block}
.aenki-title small{display:block;color:#9fb3d2}
.aenki-head-actions{display:flex;gap:.4rem}
.aenki-icon-btn{
  border:1px solid rgba(255,205,17,.32);
  background:rgba(255,205,17,.08);
  color:#fff3b5;
  border-radius:12px;
  padding:.45rem .55rem;
  cursor:pointer;
}

.aenki-body{
  padding:1rem;
  display:grid;
  gap:.75rem;
  max-height:700px;
  overflow:auto;
}
.aenki-status{
  border-left:4px solid var(--cat-yellow);
  background:rgba(255,205,17,.09);
  color:#fff3b5;
  border-radius:14px;
  padding:.75rem .85rem;
  font-size:.92rem;
}
.aenki-row{display:grid;gap:.35rem}
.aenki-row label{
  color:#9fb3d2;
  font-weight:800;
  font-size:.86rem;
}
.aenki-select,.aenki-input,.aenki-textarea{
  width:100%;
  border:1px solid rgba(255,205,17,.20);
  background:#07101e;
  color:#eef6ff;
  border-radius:14px;
  padding:.75rem .85rem;
  font:inherit;
}
.aenki-controls{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.aenki-btn{
  border:0;
  border-radius:14px;
  padding:.72rem .82rem;
  font-weight:900;
  cursor:pointer;
  color:#111;
  background:linear-gradient(135deg,var(--cat-yellow),var(--cat-yellow-2));
  box-shadow:0 0 16px rgba(255,205,17,.20);
}
.aenki-btn.secondary{
  color:#eef6ff;
  background:transparent;
  border:1px solid rgba(255,205,17,.24);
  box-shadow:none;
}
.aenki-btn.warn{
  background:linear-gradient(135deg,#ffdf66,#ff9f1c);
}
.aenki-btn.vision{
  background:linear-gradient(135deg,var(--cat-yellow),#fff1a8);
  color:#111;
}

.aenki-messages{
  max-height:250px;
  overflow:auto;
  display:grid;
  gap:.65rem;
  padding-right:.2rem;
}
.aenki-msg{
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:.78rem .88rem;
  background:rgba(255,255,255,.045);
  white-space:pre-wrap;
  line-height:1.35;
}
.aenki-msg.user{
  background:rgba(116,167,255,.10);
  border-color:rgba(116,167,255,.24);
}
.aenki-msg.bot{
  background:rgba(255,205,17,.075);
  border-color:rgba(255,205,17,.24);
}

.aenki-camera-box{
  display:none;
  border:1px solid rgba(255,205,17,.28);
  border-radius:18px;
  overflow:hidden;
  background:#050914;
}
.aenki-camera-box.active{display:block}
.aenki-camera-box video,
.aenki-camera-box canvas,
.aenki-upload-preview img{
  display:block;
  width:100%;
  max-height:260px;
  object-fit:contain;
  background:#050914;
}
.aenki-camera-actions{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  padding:.7rem;
  border-top:1px solid rgba(255,205,17,.22);
}
.aenki-upload-preview{
  display:none;
  border:1px solid rgba(255,205,17,.22);
  border-radius:16px;
  overflow:hidden;
}
.aenki-mini-note{
  color:#9fb3d2;
  font-size:.82rem;
}
.aenki-footer{
  display:flex;
  gap:.5rem;
}
.aenki-footer input{flex:1}

@media(max-width:620px){
  #orbix-aenki-assistant{right:12px;bottom:12px}
  .aenki-panel{width:calc(100vw - 24px)}
}
