.wai-launcher {
  position: fixed;
  z-index: 140;
  right: 22px;
  bottom: 22px;
  display: flex;
  min-height: 56px;
  align-items: center;
  gap: 10px;
  padding: 10px 17px 10px 10px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  background: #0b1b2b;
  color: #fff;
  box-shadow: 0 20px 55px rgba(3, 14, 28, .3);
  font: 750 13px/1.2 Inter, "Segoe UI", sans-serif;
  cursor: pointer;
}
.wai-launcher:hover { transform: translateY(-2px); }
.wai-launcher-icon { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: #25d7b0; color: #06151d; font-size: 18px; box-shadow: 0 0 22px rgba(37, 215, 176, .35); }
.wai-launcher-dot { position: absolute; top: 5px; left: 39px; width: 10px; height: 10px; border: 2px solid #0b1b2b; border-radius: 50%; background: #31df88; }
.wai-panel {
  position: fixed;
  z-index: 141;
  right: 22px;
  bottom: 91px;
  display: flex;
  width: min(410px, calc(100vw - 28px));
  height: min(680px, calc(100vh - 120px));
  flex-direction: column;
  overflow: hidden;
  transform: translateY(18px) scale(.98);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 22px;
  background: #f5f8fb;
  color: #0b1b2b;
  box-shadow: 0 35px 90px rgba(2, 10, 24, .38);
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease;
  font-family: Inter, "Segoe UI", sans-serif;
}
.wai-panel.wai-open { transform: none; opacity: 1; pointer-events: auto; }
.wai-header { display: flex; align-items: center; gap: 12px; padding: 17px 18px; background: #0b1b2b; color: #fff; }
.wai-avatar { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; border-radius: 13px; background: linear-gradient(135deg, #25d7b0, #4ea5ff); color: #06151d; font-size: 18px; font-weight: 900; }
.wai-header-copy { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 3px; }
.wai-header-copy strong { font-size: 14px; }.wai-header-copy span { color: #9eb1c2; font-size: 11px; }
.wai-online { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: #31df88; box-shadow: 0 0 8px #31df88; }
.wai-close { display: grid; width: 34px; height: 34px; place-items: center; border: 0; border-radius: 9px; background: rgba(255,255,255,.08); color: #fff; font-size: 20px; cursor: pointer; }
.wai-tabs { display: grid; grid-template-columns: 1fr 1fr; padding: 8px; border-bottom: 1px solid #dce5ed; background: #fff; }
.wai-tab { padding: 9px; border: 0; border-radius: 8px; background: transparent; color: #67798a; font-size: 11px; font-weight: 800; cursor: pointer; }
.wai-tab.wai-active { background: #e8faf5; color: #087c68; }
.wai-view { display: none; min-height: 0; flex: 1; flex-direction: column; }.wai-view.wai-active { display: flex; }
.wai-messages { display: flex; min-height: 0; flex: 1; flex-direction: column; gap: 12px; overflow-y: auto; padding: 18px; overscroll-behavior: contain; }
.wai-message { max-width: 87%; padding: 11px 13px; border-radius: 14px; font-size: 12px; line-height: 1.55; white-space: pre-wrap; word-break: break-word; }
.wai-message-assistant { align-self: flex-start; border: 1px solid #dbe6ed; border-bottom-left-radius: 4px; background: #fff; color: #293b4b; }
.wai-message-user { align-self: flex-end; border-bottom-right-radius: 4px; background: #0e806d; color: #fff; }
.wai-message-error { border-color: #ffd1d1; background: #fff2f2; color: #a02d2d; }
.wai-thinking { display: inline-flex; align-items: center; gap: 4px; }.wai-thinking i { width: 5px; height: 5px; border-radius: 50%; background: #25b99c; animation: wai-pulse .8s infinite alternate; }.wai-thinking i:nth-child(2){animation-delay:.15s}.wai-thinking i:nth-child(3){animation-delay:.3s}
.wai-quick { display: flex; gap: 7px; overflow-x: auto; padding: 0 15px 12px; scrollbar-width: none; }.wai-quick::-webkit-scrollbar { display: none; }.wai-quick button { flex: 0 0 auto; padding: 7px 10px; border: 1px solid #d6e1e9; border-radius: 999px; background: #fff; color: #536777; font-size: 10px; cursor: pointer; }.wai-quick button:hover { border-color: #25b99c; color: #087c68; }
.wai-chat-form { display: grid; grid-template-columns: 1fr 42px; gap: 8px; padding: 12px; border-top: 1px solid #dbe5ec; background: #fff; }
.wai-chat-form textarea { width: 100%; min-height: 42px; max-height: 105px; resize: none; border: 1px solid #d6e0e8; border-radius: 11px; outline: 0; padding: 11px 12px; color: #152635; font: 12px/1.45 Inter, "Segoe UI", sans-serif; }.wai-chat-form textarea:focus { border-color: #25b99c; box-shadow: 0 0 0 3px rgba(37,185,156,.11); }
.wai-send { display: grid; width: 42px; height: 42px; place-items: center; border: 0; border-radius: 11px; background: #0e806d; color: #fff; font-size: 17px; cursor: pointer; }.wai-send:disabled { opacity: .45; cursor: wait; }
.wai-footnote { padding: 0 14px 9px; background: #fff; color: #8796a3; font-size: 8px; text-align: center; }
.wai-demo-scroll { min-height: 0; overflow-y: auto; padding: 17px; }
.wai-demo-intro { margin-bottom: 15px; }.wai-demo-intro strong { display: block; margin-bottom: 5px; font-size: 15px; }.wai-demo-intro p { margin: 0; color: #687b8b; font-size: 11px; line-height: 1.55; }
.wai-demo-form { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }.wai-field { display: flex; flex-direction: column; gap: 5px; }.wai-field-full { grid-column: 1 / -1; }.wai-field label { color: #455968; font-size: 10px; font-weight: 800; }.wai-field input, .wai-field textarea { width: 100%; border: 1px solid #d5e0e8; border-radius: 9px; background: #fff; padding: 10px 11px; outline: 0; color: #142534; font: 11px/1.4 Inter, "Segoe UI", sans-serif; }.wai-field textarea { min-height: 82px; resize: vertical; }.wai-field input:focus, .wai-field textarea:focus { border-color: #25b99c; box-shadow: 0 0 0 3px rgba(37,185,156,.1); }
.wai-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.wai-consent { grid-column: 1 / -1; display: grid; grid-template-columns: 17px 1fr; gap: 8px; align-items: start; color: #677a89; font-size: 9px; line-height: 1.45; }.wai-consent input { margin: 2px 0 0; accent-color: #0e806d; }
.wai-demo-submit { grid-column: 1 / -1; min-height: 43px; border: 0; border-radius: 10px; background: #0e806d; color: #fff; font-size: 12px; font-weight: 850; cursor: pointer; }.wai-demo-submit:disabled { opacity: .55; cursor: wait; }
.wai-form-status { grid-column: 1 / -1; min-height: 17px; margin: 0; color: #687a89; font-size: 10px; }.wai-form-status.wai-success { color: #087c68; }.wai-form-status.wai-error { color: #b43434; }
.wai-page-demo { width: min(760px, 100%); margin: 34px auto 0; padding: clamp(22px, 4vw, 38px); border: 1px solid rgba(120, 145, 165, .24); border-radius: 22px; background: #fff; color: #142534; box-shadow: 0 24px 70px rgba(3, 20, 38, .14); text-align: left; scroll-margin-top: 110px; }
.wai-page-demo .wai-demo-intro { margin-bottom: 22px; text-align: center; }.wai-page-demo .wai-demo-intro strong { font-size: clamp(20px, 3vw, 27px); }.wai-page-demo .wai-demo-intro p { margin-inline: auto; max-width: 590px; font-size: 13px; }
.wai-page-demo .wai-demo-form { gap: 15px; }.wai-page-demo .wai-field label { font-size: 12px; }.wai-page-demo .wai-field input, .wai-page-demo .wai-field textarea { border-radius: 11px; padding: 12px 13px; font-size: 13px; }.wai-page-demo .wai-field textarea { min-height: 105px; }
.wai-page-demo .wai-consent { font-size: 11px; }.wai-page-demo .wai-demo-submit { min-height: 49px; font-size: 14px; }.wai-page-demo .wai-form-status { font-size: 12px; text-align: center; }
@keyframes wai-pulse { to { opacity: .25; transform: translateY(-2px); } }
@media (max-width: 600px) {
  .wai-launcher { right: 14px; bottom: 14px; min-width: 54px; min-height: 54px; padding: 9px; }.wai-launcher-label { display: none; }.wai-launcher-dot { left: 38px; }
  .wai-panel { inset: 10px 10px 10px; width: auto; height: auto; max-height: none; border-radius: 18px; }.wai-panel.wai-open { transform: none; }
  .wai-page-demo { margin-top: 26px; padding: 20px 16px; border-radius: 17px; }.wai-page-demo .wai-demo-form { grid-template-columns: 1fr; }.wai-page-demo .wai-field-full, .wai-page-demo .wai-consent, .wai-page-demo .wai-demo-submit, .wai-page-demo .wai-form-status { grid-column: 1; }
}
@media (prefers-reduced-motion: reduce) { .wai-panel, .wai-launcher { transition: none; }.wai-thinking i { animation: none; } }