.gai-root{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  z-index:2147483000!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  pointer-events:none;
}
.gai-root *{box-sizing:border-box}
.gai-fab{
  pointer-events:auto!important;
  min-width:238px!important;
  min-height:68px!important;
  padding:8px 14px 8px 8px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  border:1px solid rgba(91,173,255,.42)!important;
  border-radius:22px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 85% 10%,rgba(144,67,255,.16),transparent 32%),
    linear-gradient(145deg,rgba(7,24,58,.98),rgba(3,13,34,.99))!important;
  box-shadow:0 18px 55px rgba(0,0,0,.42),0 0 30px rgba(55,139,255,.12)!important;
  backdrop-filter:blur(20px)!important;
  cursor:pointer!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}
.gai-fab:hover{transform:translateY(-2px)!important;border-color:rgba(91,216,255,.64)!important}
.gai-avatar-ring{
  position:relative!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  display:block!important;
  border-radius:17px!important;
  overflow:visible!important;
  background:linear-gradient(135deg,#2d8cff,#9a45ff)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 24px rgba(88,155,255,.22)!important;
}
.gai-avatar-ring img,
.gai-head-avatar img{
  width:100%!important;height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:inherit!important;
  visibility:visible!important;
  opacity:1!important;
}
.gai-online-dot{
  position:absolute!important;
  right:-2px!important;bottom:-2px!important;
  width:13px!important;height:13px!important;
  border-radius:50%!important;
  border:3px solid #06152f!important;
  background:#64f0b7!important;
  box-shadow:0 0 12px rgba(100,240,183,.7)!important;
}
.gai-fab-copy{display:grid!important;gap:2px!important;text-align:left!important}
.gai-fab-copy strong{font-size:.78rem!important;font-weight:950!important;letter-spacing:-.01em!important}
.gai-fab-copy small{color:#8fa8c9!important;font-size:.57rem!important;font-weight:700!important}

.gai-panel{
  pointer-events:auto!important;
  position:absolute!important;
  right:0!important;
  bottom:82px!important;
  width:min(410px,calc(100vw - 28px))!important;
  height:min(620px,calc(100vh - 130px))!important;
  min-height:440px!important;
  overflow:hidden!important;
  border:1px solid rgba(83,158,255,.38)!important;
  border-radius:25px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(145,57,255,.13),transparent 30%),
    linear-gradient(180deg,rgba(6,23,55,.99),rgba(2,11,29,.995))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.56),0 0 45px rgba(47,127,255,.10)!important;
  backdrop-filter:blur(25px)!important;
}
.gai-panel[hidden]{display:none!important}
.gai-head{
  min-height:76px!important;
  padding:12px 14px!important;
  display:grid!important;
  grid-template-columns:48px 1fr 38px!important;
  gap:10px!important;
  align-items:center!important;
  border-bottom:1px solid rgba(81,145,255,.20)!important;
  background:rgba(4,17,42,.78)!important;
}
.gai-head-avatar{
  width:48px!important;height:48px!important;
  border-radius:15px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#338aff,#9747ff)!important;
}
.gai-head strong{display:block!important;font-size:.85rem!important}
.gai-head small{display:flex!important;align-items:center!important;gap:6px!important;margin-top:3px!important;color:#8da4c6!important;font-size:.56rem!important}
.gai-head small i{width:7px!important;height:7px!important;border-radius:50%!important;background:#65efb5!important}
.gai-head>button{
  width:38px!important;height:38px!important;
  border:1px solid rgba(83,148,255,.24)!important;
  border-radius:11px!important;
  color:#dce8fa!important;
  background:#071936!important;
  font-size:1.2rem!important;
  cursor:pointer!important;
}
.gai-tabs{
  padding:9px 12px!important;
  display:flex!important;
  gap:7px!important;
  border-bottom:1px solid rgba(81,145,255,.13)!important;
  overflow-x:auto!important;
}
.gai-tabs button{
  flex:0 0 auto!important;
  padding:7px 10px!important;
  border:1px solid rgba(81,147,255,.18)!important;
  border-radius:999px!important;
  color:#abc1df!important;
  background:rgba(255,255,255,.025)!important;
  font-size:.55rem!important;
  cursor:pointer!important;
}
.gai-messages{
  height:calc(100% - 190px)!important;
  padding:14px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  overflow-y:auto!important;
}
.gai-bubble{
  max-width:88%!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  line-height:1.5!important;
  font-size:.69rem!important;
  white-space:pre-wrap!important;
}
.gai-bubble.ai{
  align-self:flex-start!important;
  color:#dce9fb!important;
  border:1px solid rgba(73,142,255,.16)!important;
  background:#071a3a!important;
}
.gai-bubble.user{
  align-self:flex-end!important;
  color:#fff!important;
  background:linear-gradient(135deg,#147cff,#823eff)!important;
}
.gai-bubble.thinking{color:#8fa5c6!important;font-style:italic!important}
.gai-form{
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  min-height:72px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:1fr 46px!important;
  gap:8px!important;
  border-top:1px solid rgba(81,145,255,.16)!important;
  background:#04132d!important;
}
.gai-form input{
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  padding:0 13px!important;
  border:1px solid rgba(80,148,255,.25)!important;
  border-radius:13px!important;
  outline:none!important;
  color:#fff!important;
  background:#061731!important;
  font-size:.7rem!important;
}
.gai-form input:focus{border-color:#54d1ff!important;box-shadow:0 0 0 3px rgba(84,209,255,.08)!important}
.gai-form button{
  min-height:48px!important;
  border:0!important;
  border-radius:13px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#187cff,#8a3fff)!important;
  font-size:1rem!important;
  cursor:pointer!important;
}
@media(max-width:700px){
  .gai-root{right:10px!important;bottom:10px!important}
  .gai-fab{min-width:0!important;width:62px!important;height:62px!important;min-height:62px!important;padding:5px!important;border-radius:20px!important}
  .gai-avatar-ring{width:50px!important;height:50px!important;min-width:50px!important}
  .gai-fab-copy{display:none!important}
  .gai-panel{
    position:fixed!important;
    left:8px!important;right:8px!important;bottom:80px!important;
    width:auto!important;
    height:min(620px,calc(100vh - 96px))!important;
    border-radius:20px!important;
  }
}