.bia-host {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 60;
  display: grid;
  grid-template-columns: 84px minmax(240px, 360px);
  gap: 10px;
  align-items: end;
  color: #f7f4e8;
  font-family: Inter, Segoe UI, Arial, sans-serif;
}
.bia-avatar {
  position: relative;
  width: 84px;
  min-height: 112px;
  display: grid;
  place-items: end center;
}
.bia-avatar img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 18%;
  border-radius: 42px 42px 18px 18px;
  z-index: 2;
}
.bia-avatar.bia-talking img{animation:biaTalk 1.1s ease-in-out infinite;box-shadow:0 0 22px rgba(212,160,23,.6)}
.bia-avatar.bia-listening img{animation:biaListen 1.8s ease-in-out infinite;box-shadow:0 0 28px rgba(34,211,238,.7)}
.bia-avatar.bia-celebrating img{animation:biaCelebrate .8s ease-in-out 3;box-shadow:0 0 34px rgba(139,92,246,.8)}
@keyframes biaTalk{50%{transform:translateY(-3px) scale(1.02)}}@keyframes biaListen{50%{filter:brightness(1.14);transform:scale(1.025)}}@keyframes biaCelebrate{50%{transform:translateY(-8px) rotate(1.5deg)}}
.bia-placeholder {
  width: 70px;
  height: 94px;
  border-radius: 42px 42px 18px 18px;
  background: linear-gradient(160deg, #0b3440, #061014);
  border: 1px solid rgba(201, 162, 39, .75);
  box-shadow: 0 0 24px rgba(24, 229, 200, .28);
  position: relative;
  overflow: hidden;
}
.bia-placeholder:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 10px;
  width: 28px;
  height: 28px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: #c89b73;
}
.bia-placeholder span {
  position: absolute;
  left: 50%;
  top: 45px;
  width: 44px;
  height: 38px;
  transform: translateX(-50%);
  border-radius: 18px 18px 8px 8px;
  background: #082d37;
  border: 1px solid #c9a227;
}
.bia-placeholder span:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 10px;
  width: 18px;
  height: 18px;
  transform: translateX(-50%) rotate(45deg);
  border: 2px solid #18e5c8;
}
.bia-avatar i {
  position: absolute;
  bottom: -5px;
  width: 74px;
  height: 16px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .38);
  filter: blur(4px);
}
.bia-panel {
  position: relative;
  background: rgba(10, 14, 18, .94);
  border: 1px solid rgba(201, 162, 39, .42);
  border-radius: 8px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .48);
  padding: 14px;
}
.bia-window-actions{position:absolute;right:8px;top:8px;display:flex;z-index:3}.bia-window-button{width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#111c23;color:#fff;font-size:22px;line-height:1;cursor:pointer}.bia-panel>small:first-of-type{padding-right:36px}.bia-launcher{border:1px solid rgba(201,162,39,.75);border-radius:999px;background:#09151b;color:#fff;padding:12px 16px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.4);cursor:pointer}.bia-host.bia-minimized{display:block;left:auto;right:18px;bottom:18px}.bia-voice-status{font-size:12px!important;color:#b8f8ee!important;margin:2px 0 8px!important}.bia-mic{touch-action:none;user-select:none;-webkit-user-select:none}.bia-mic.is-listening{background:#0d625b;border-color:#18e5c8;box-shadow:0 0 0 3px rgba(24,229,200,.2)}
.bia-panel p {
  margin: 0 0 10px;
  color: #f7f4e8;
  font-size: 14px;
  line-height: 1.45;
}
.bia-panel small,
.bia-panel a {
  display: inline-block;
  color: #18e5c8;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 8px;
}
.bia-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.bia-primary,
.bia-secondary,
.bia-danger {
  min-height: 40px;
  border: 0;
  border-radius: 6px;
  padding: 9px 12px;
  font-weight: 900;
  cursor: pointer;
}
.bia-primary {
  background: #c9a227;
  color: #111;
}
.bia-secondary {
  background: #15262e;
  color: #f7f4e8;
  border: 1px solid rgba(255, 255, 255, .12);
}
.bia-danger {
  background: #391d24;
  color: #ffd8d8;
  border: 1px solid rgba(255, 70, 85, .35);
}
.bia-secondary:disabled {
  opacity: .45;
  cursor: default;
}
.bia-tour-highlight {
  outline: 3px solid #18e5c8 !important;
  outline-offset: 5px;
  box-shadow: 0 0 0 8px rgba(24, 229, 200, .12) !important;
}
.bia-thread {
  max-height: 190px;
  overflow: auto;
  margin-bottom: 8px;
}
.bia-thread p {
  background: rgba(255, 255, 255, .05);
  border-radius: 6px;
  padding: 8px;
  margin-bottom: 6px;
}
.bia-thread .assistant {
  border-left: 3px solid #18e5c8;
}
.bia-thread .user {
  border-left: 3px solid #c9a227;
}
.bia-form {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}
.bia-form input {
  min-width: 0;
  flex: 1;
  background: #070b0f;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 6px;
  color: #f7f4e8;
  padding: 10px;
}
@media (max-width: 720px) {
  body.bia-widget-open{padding-bottom:min(58vh,480px)}
  .bia-host {
    left: 10px;
    right: 10px;
    bottom: 10px;
    grid-template-columns: 64px 1fr;
    max-height:58vh;
  }
  .bia-avatar {
    width: 64px;
    min-height: 86px;
  }
  .bia-placeholder {
    width: 54px;
    height: 74px;
  }
  .bia-form,
  .bia-actions {
    flex-direction: column;
  }
  .bia-panel{max-height:58vh;overflow:auto;padding-top:42px}
  .bia-thread{max-height:132px}
  .bia-host.bia-minimized{left:auto;right:10px;bottom:10px;max-height:none}
}