@helpway/react 0.1.1 → 0.3.0

package/dist/index.css

@@ -1,2865 +0,0 @@
-/* src/themed/styles.css */
-:host {
-  all: initial;
-  font-family:
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    sans-serif;
-  font-size: 14px;
-  line-height: 1.5;
-  color: #1a1a1a;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.hw-widget *,
-.hw-widget *::before,
-.hw-widget *::after {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-.hw-widget {
-  --hw-primary: #171717;
-  --hw-primary-hover: #2a2a2a;
-  --hw-focus-border: #9ca3af;
-  --hw-focus-ring: rgba(0, 0, 0, 0.06);
-  --hw-accent: #6366f1;
-  --hw-bg: #ffffff;
-  --hw-bg-subtle: #fafafa;
-  --hw-bg-hover: #f5f5f5;
-  --hw-border: #f0f0f0;
-  --hw-border-md: #e5e5e5;
-  --hw-text: #111;
-  --hw-text-1: #111;
-  --hw-text-2: #666;
-  --hw-text-3: #999;
-  --hw-text-4: #bbb;
-  --hw-radius: 16px;
-  --hw-visitor-bubble-bg: #f0f0f0;
-  --hw-visitor-bubble-text: #1a1a1a;
-  --hw-font: inherit;
-}
-.hw-agent-img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-.hw-agent-icon {
-  width: 100%;
-  height: 100%;
-  border-radius: inherit;
-}
-.hw-widget :focus-visible {
-  outline: 2px solid var(--hw-primary);
-  outline-offset: 2px;
-}
-.hw-widget :focus:not(:focus-visible) {
-  outline: none;
-}
-.hw-widget {
-  position: fixed;
-  bottom: 20px;
-  right: var(--hw-position-right, 20px);
-  left: var(--hw-position-left, auto);
-  z-index: 999999;
-  font-family: var(--hw-font);
-}
-.hw-bubble {
-  width: 48px;
-  height: 48px;
-  border-radius: 14px;
-  background: var(--hw-primary);
-  color: white;
-  border: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease;
-  position: relative;
-  overflow: visible;
-}
-.hw-bubble--rounded {
-  border-radius: 14px;
-}
-.hw-bubble--square {
-  border-radius: 8px;
-}
-.hw-bubble--pill {
-  border-radius: 24px;
-}
-.hw-bubble--launcher-bubble,
-.hw-bubble--launcher-help {
-  width: auto;
-  padding: 0 16px 0 12px;
-  gap: 8px;
-  border-radius: 24px;
-}
-.hw-bubble--launcher-bubble.hw-bubble--square,
-.hw-bubble--launcher-help.hw-bubble--square {
-  border-radius: 8px;
-}
-.hw-bubble--launcher-bubble.hw-bubble--rounded,
-.hw-bubble--launcher-help.hw-bubble--rounded {
-  border-radius: 14px;
-}
-.hw-bubble-label {
-  font-size: 14px;
-  font-weight: 600;
-  white-space: nowrap;
-  line-height: 1;
-  position: static;
-  opacity: 1;
-  transform: none;
-}
-.hw-bubble--launcher-bubble .hw-bubble-icon,
-.hw-bubble--launcher-help .hw-bubble-icon {
-  position: static;
-}
-.hw-bubble:hover {
-  transform: scale(1.05);
-  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
-}
-.hw-bubble:active {
-  transform: scale(0.95);
-}
-.hw-bubble--open {
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
-}
-.hw-bubble:focus-visible {
-  outline: 2px solid white;
-  outline-offset: 2px;
-}
-.hw-bubble-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
-}
-.hw-bubble-icon svg {
-  width: 22px;
-  height: 22px;
-}
-.hw-bubble-icon--hidden {
-  transform: scale(0.3) rotate(90deg);
-  opacity: 0;
-}
-.hw-bubble-icon--bot {
-}
-.hw-bubble--avatar .hw-bubble-icon--bot {
-  width: 100%;
-  height: 100%;
-}
-.hw-bubble--avatar .hw-bubble-icon--bot .hw-agent-img {
-  width: 100%;
-  height: 100%;
-  border-radius: 0;
-}
-.hw-bubble-icon--close svg {
-  width: 22px;
-  height: 22px;
-}
-.hw-bubble-badge {
-  position: absolute;
-  top: -4px;
-  right: -4px;
-  min-width: 20px;
-  height: 20px;
-  border-radius: 10px;
-  background: var(--hw-primary);
-  color: white;
-  font-size: 11px;
-  font-weight: 700;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 5px;
-  border: 2px solid white;
-  animation: hw-badge-pop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
-}
-@keyframes hw-badge-pop {
-  from {
-    transform: scale(0);
-  }
-  to {
-    transform: scale(1);
-  }
-}
-.hw-bubble-badge::after {
-  content: "";
-  position: absolute;
-  inset: -2px;
-  border-radius: inherit;
-  background: var(--hw-primary);
-  opacity: 0;
-  animation: hw-badge-pulse 2s ease-out infinite;
-}
-@keyframes hw-badge-pulse {
-  0% {
-    opacity: 0.5;
-    transform: scale(1);
-  }
-  100% {
-    opacity: 0;
-    transform: scale(1.8);
-  }
-}
-.hw-window {
-  position: absolute;
-  bottom: 72px;
-  right: var(--hw-window-right, 0);
-  left: var(--hw-window-left, auto);
-  width: 440px;
-  height: 640px;
-  background: var(--hw-bg-subtle);
-  color: var(--hw-text);
-  border-radius: var(--hw-radius);
-  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.04);
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  animation: hw-window-open 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
-}
-@keyframes hw-window-open {
-  from {
-    opacity: 0;
-    transform: translateY(12px) scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-}
-.hw-window--closing {
-  animation: hw-window-close 0.2s ease forwards;
-}
-@keyframes hw-window-close {
-  from {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(8px) scale(0.98);
-  }
-}
-.hw-content {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  min-height: 0;
-}
-@media (prefers-reduced-motion: reduce) {
-  .hw-window,
-  .hw-window--closing,
-  .hw-content,
-  .hw-msg,
-  .hw-bubble-icon,
-  .hw-bubble-badge,
-  .hw-bubble-badge::after,
-  .hw-typing-dot,
-  .hw-loading-dot {
-    animation-duration: 0.01ms !important;
-    transition-duration: 0.01ms !important;
-  }
-}
-.hw-hero {
-  flex-shrink: 0;
-  background:
-    linear-gradient(
-      160deg,
-      color-mix(in srgb, var(--hw-primary) 60%, black) 0%,
-      var(--hw-primary) 50%,
-      color-mix(in srgb, var(--hw-primary) 40%, black) 100%);
-  color: white;
-  padding: 20px 22px 40px;
-}
-.hw-hero-top {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 16px;
-}
-.hw-hero-close {
-  width: 30px;
-  height: 30px;
-  border-radius: 50%;
-  border: none;
-  background: rgba(255, 255, 255, 0.1);
-  color: rgba(255, 255, 255, 0.6);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: background 0.15s, color 0.15s;
-}
-.hw-hero-close:hover {
-  background: rgba(255, 255, 255, 0.2);
-  color: white;
-}
-.hw-hero-close:active {
-  transform: scale(0.92);
-  transition:
-    transform 0.14s cubic-bezier(0.23, 1, 0.32, 1),
-    background 0.15s,
-    color 0.15s;
-}
-.hw-hero-close svg {
-  width: 20px;
-  height: 20px;
-}
-.hw-hero-bot-icon {
-  width: 36px;
-  height: 36px;
-  flex-shrink: 0;
-  color: white;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 10px;
-  overflow: hidden;
-}
-.hw-hero-bot-icon svg {
-  width: 32px;
-  height: 32px;
-}
-.hw-hero-greeting {
-  font-size: 26px;
-  font-weight: 700;
-  line-height: 1.15;
-  margin-bottom: 6px;
-}
-.hw-hero-greeting-name {
-  font-weight: 300;
-}
-.hw-hero-greeting-question {
-  font-weight: 700;
-}
-.hw-hero-subtitle {
-  font-size: 15px;
-  color: rgba(255, 255, 255, 0.5);
-  line-height: 1.35;
-}
-.hw-sheet {
-  flex: 1;
-  overflow-y: auto;
-  min-height: 0;
-  background: #ffffff;
-  border-radius: 20px 20px 0 0;
-  margin-top: -24px;
-  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
-  position: relative;
-  z-index: 1;
-}
-.hw-sheet-inner {
-  padding: 20px 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-.hw-header {
-  display: flex;
-  align-items: center;
-  padding: 12px 16px;
-  background: var(--hw-primary);
-  color: white;
-  flex-shrink: 0;
-  gap: 10px;
-}
-.hw-header--sub {
-  justify-content: space-between;
-  background: transparent;
-  color: var(--hw-text);
-  border-bottom: 1px solid var(--hw-border);
-}
-.hw-header-back {
-  width: 28px;
-  height: 28px;
-  border-radius: 8px;
-  border: none;
-  background: transparent;
-  color: var(--hw-text-3);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: color 0.15s, background 0.15s;
-  flex-shrink: 0;
-}
-.hw-header-back svg {
-  width: 18px;
-  height: 18px;
-}
-.hw-header-back:hover {
-  color: var(--hw-text);
-  background: var(--hw-bg-subtle);
-}
-.hw-header-identity {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  flex: 1;
-  min-width: 0;
-}
-.hw-header-bot-icon {
-  width: 28px;
-  height: 28px;
-  flex-shrink: 0;
-  color: var(--hw-text);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 8px;
-  overflow: hidden;
-}
-.hw-header-bot-icon svg {
-  width: 24px;
-  height: 24px;
-}
-.hw-header-info {
-  flex: 1;
-  min-width: 0;
-}
-.hw-header-name {
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 1.3;
-}
-.hw-header-status {
-  font-size: 12px;
-  color: var(--hw-text-3);
-  line-height: 1.3;
-}
-.hw-header-close {
-  width: 28px;
-  height: 28px;
-  border-radius: 8px;
-  border: none;
-  background: transparent;
-  color: var(--hw-text-3);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition:
-    background-color 140ms cubic-bezier(0.23, 1, 0.32, 1),
-    color 140ms cubic-bezier(0.23, 1, 0.32, 1),
-    transform 140ms cubic-bezier(0.23, 1, 0.32, 1);
-  flex-shrink: 0;
-}
-.hw-header-close svg {
-  width: 20px;
-  height: 20px;
-}
-.hw-header-close:hover {
-  background: var(--hw-bg-subtle);
-  color: var(--hw-text);
-}
-.hw-header-close:active {
-  transform: scale(0.92);
-}
-.hw-header--centered {
-  justify-content: space-between;
-  background: transparent;
-  color: var(--hw-text);
-  border-bottom: 1px solid var(--hw-border);
-}
-.hw-header--centered .hw-header-title {
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  max-width: calc(100% - 88px);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  text-align: center;
-}
-.hw-header-spacer {
-  width: 28px;
-  flex-shrink: 0;
-}
-.hw-header--messages {
-  justify-content: space-between;
-  background: transparent;
-  color: var(--hw-text);
-  border-bottom: 1px solid var(--hw-border);
-}
-.hw-header-title {
-  font-size: 16px;
-  font-weight: 600;
-}
-.hw-header-actions {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-.hw-header-action {
-  width: 28px;
-  height: 28px;
-  border-radius: 8px;
-  border: none;
-  background: transparent;
-  color: var(--hw-text-3);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition:
-    background-color 140ms cubic-bezier(0.23, 1, 0.32, 1),
-    color 140ms cubic-bezier(0.23, 1, 0.32, 1),
-    transform 140ms cubic-bezier(0.23, 1, 0.32, 1);
-}
-.hw-header-action svg {
-  width: 16px;
-  height: 16px;
-}
-.hw-header-action:hover {
-  background: var(--hw-bg-subtle);
-  color: var(--hw-text);
-}
-.hw-header-action:active {
-  transform: scale(0.94);
-}
-.hw-card {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  width: 100%;
-  padding: 14px 16px;
-  border-radius: 14px;
-  background: var(--hw-bg);
-  border: 1px solid rgba(0, 0, 0, 0.06);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.03);
-  cursor: pointer;
-  transition: box-shadow 180ms cubic-bezier(0.23, 1, 0.32, 1), transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
-  text-align: left;
-  color: var(--hw-text);
-  font-family: inherit;
-}
-.hw-card:hover {
-  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.05);
-  transform: translateY(-1px);
-}
-.hw-card:active {
-  transform: translateY(0) scale(0.99);
-  transition-duration: 120ms;
-}
-.hw-card-body {
-  flex: 1;
-  min-width: 0;
-}
-.hw-card-title {
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 1.3;
-  color: var(--hw-text);
-}
-.hw-card-meta {
-  font-size: 12px;
-  color: var(--hw-text-3);
-  line-height: 1.3;
-  margin-top: 1px;
-}
-.hw-card-arrow {
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  background: var(--hw-primary);
-  color: white;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}
-.hw-card-arrow svg {
-  width: 14px;
-  height: 14px;
-}
-.hw-msgs-tab {
-  flex: 1;
-  overflow-y: auto;
-  padding: 12px 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.hw-recent-card {
-  border-radius: 14px;
-  background: var(--hw-bg);
-  border: 1px solid rgba(0, 0, 0, 0.06);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.03);
-  overflow: hidden;
-}
-.hw-recent-header {
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--hw-text-2);
-  padding: 12px 14px 0;
-}
-.hw-recent-row {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  width: 100%;
-  padding: 10px 14px;
-  border: none;
-  border-bottom: 1px solid var(--hw-border);
-  background: none;
-  cursor: pointer;
-  text-align: left;
-  font-family: inherit;
-  color: var(--hw-text);
-  transition: background-color 140ms cubic-bezier(0.23, 1, 0.32, 1), transform 140ms cubic-bezier(0.23, 1, 0.32, 1);
-  position: relative;
-}
-.hw-recent-row:hover {
-  background: rgba(0, 0, 0, 0.03);
-}
-.hw-recent-row:active {
-  transform: scale(0.995);
-}
-.hw-recent-row--last {
-  border-bottom: none;
-}
-.hw-recent-row .hw-conv-card-avatar {
-  width: 32px;
-  height: 32px;
-  border-radius: 8px;
-}
-.hw-recent-row .hw-conv-card-avatar svg {
-  width: 18px;
-  height: 18px;
-}
-.hw-recent-row .hw-conv-card-name {
-  font-size: 13px;
-}
-.hw-recent-row .hw-conv-card-preview {
-  font-size: 12px;
-}
-.hw-recent-row--unread .hw-conv-card-name {
-  color: var(--hw-text);
-}
-.hw-recent-row--unread .hw-conv-card-time {
-  color: var(--hw-accent);
-  font-weight: 500;
-}
-.hw-recent-row-badge {
-  min-width: 18px;
-  height: 18px;
-  border-radius: 9px;
-  background: var(--hw-primary);
-  color: white;
-  font-size: 11px;
-  font-weight: 600;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 5px;
-  flex-shrink: 0;
-  font-variant-numeric: tabular-nums;
-}
-.hw-recent-see-all {
-  display: block;
-  width: 100%;
-  padding: 10px 14px;
-  text-align: center;
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--hw-text);
-  background: none;
-  border: none;
-  border-top: 1px solid var(--hw-border);
-  cursor: pointer;
-  font-family: inherit;
-  transition: background 0.1s;
-}
-.hw-recent-see-all:hover {
-  background: rgba(0, 0, 0, 0.02);
-}
-.hw-conv-card {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  width: 100%;
-  padding: 14px 16px;
-  border-radius: 14px;
-  background: var(--hw-bg);
-  border: 1px solid rgba(0, 0, 0, 0.06);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.03);
-  cursor: pointer;
-  transition: box-shadow 0.15s, transform 0.1s;
-  text-align: left;
-  font-family: inherit;
-  color: var(--hw-text);
-}
-.hw-conv-card:hover {
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.04);
-}
-.hw-conv-card:active {
-  transform: scale(0.99);
-}
-.hw-conv-card-row {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-.hw-conv-card-avatar {
-  width: 36px;
-  height: 36px;
-  border-radius: 10px;
-  background: var(--hw-bg-subtle);
-  color: var(--hw-text-3);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  overflow: hidden;
-}
-.hw-conv-card-avatar svg {
-  width: 20px;
-  height: 20px;
-}
-.hw-conv-card-content {
-  flex: 1;
-  min-width: 0;
-}
-.hw-conv-card-top {
-  display: flex;
-  align-items: baseline;
-  gap: 8px;
-}
-.hw-conv-card-name {
-  flex: 1;
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--hw-text);
-}
-.hw-conv-card-time {
-  font-size: 11px;
-  color: var(--hw-text-3);
-  flex-shrink: 0;
-  font-variant-numeric: tabular-nums;
-}
-.hw-conv-card-preview {
-  font-size: 13px;
-  color: var(--hw-text-2);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  line-height: 1.4;
-  margin-top: 1px;
-}
-.hw-conv-card--unread .hw-conv-card-name {
-  color: var(--hw-text);
-}
-.hw-conv-card--unread .hw-conv-card-time {
-  color: var(--hw-accent);
-  font-weight: 500;
-}
-.hw-conv-card-badge {
-  position: absolute;
-  top: 12px;
-  right: 12px;
-  min-width: 18px;
-  height: 18px;
-  border-radius: 9px;
-  background: var(--hw-primary);
-  color: white;
-  font-size: 11px;
-  font-weight: 600;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 5px;
-  font-variant-numeric: tabular-nums;
-}
-.hw-empty-state {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 32px;
-  text-align: center;
-}
-.hw-empty-icon-wrap {
-  width: 48px;
-  height: 48px;
-  border-radius: 50%;
-  background: var(--hw-bg-subtle);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 16px;
-  color: var(--hw-text-3);
-}
-.hw-empty-icon-wrap svg {
-  width: 24px;
-  height: 24px;
-}
-.hw-empty-title {
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--hw-text);
-  margin-bottom: 4px;
-}
-.hw-empty-desc {
-  font-size: 13px;
-  color: var(--hw-text-3);
-  margin-bottom: 20px;
-}
-.hw-empty-btn {
-  padding: 8px 20px;
-  border-radius: 10px;
-  background: var(--hw-primary);
-  color: white;
-  border: none;
-  font-size: 13px;
-  font-weight: 500;
-  cursor: pointer;
-  font-family: inherit;
-  transition: background 0.15s;
-}
-.hw-empty-btn:hover {
-  background: var(--hw-primary-hover);
-}
-.hw-tabs {
-  display: flex;
-  border-top: 1px solid var(--hw-border);
-  flex-shrink: 0;
-  background: var(--hw-bg-subtle);
-}
-.hw-tabs-item {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 2px;
-  padding: 8px 0;
-  border: none;
-  background: none;
-  cursor: pointer;
-  font-family: inherit;
-  font-size: 11px;
-  font-weight: 500;
-  color: var(--hw-text-3);
-  transition: color 0.15s;
-}
-.hw-tabs-item svg {
-  width: 22px;
-  height: 22px;
-}
-.hw-tabs-item--active {
-  color: var(--hw-text);
-}
-.hw-tabs-item:hover {
-  color: var(--hw-text-2);
-}
-.hw-tabs-item:active {
-  transform: scale(0.94);
-  transition: transform 0.14s cubic-bezier(0.23, 1, 0.32, 1), color 0.15s;
-}
-.hw-tabs-icon-wrap {
-  position: relative;
-  display: inline-flex;
-}
-.hw-tabs-badge {
-  position: absolute;
-  top: -6px;
-  right: -10px;
-  min-width: 16px;
-  height: 16px;
-  border-radius: 8px;
-  background: var(--hw-primary);
-  color: white;
-  font-size: 10px;
-  font-weight: 700;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 4px;
-  font-variant-numeric: tabular-nums;
-}
-.hw-messages {
-  flex: 1;
-  overflow-y: auto;
-  overflow-x: hidden;
-  padding: 16px 20px;
-  background: var(--hw-bg-subtle);
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  overscroll-behavior: contain;
-  min-width: 0;
-}
-.hw-empty {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 32px;
-  color: var(--hw-text-3);
-  text-align: center;
-}
-.hw-empty-icon {
-  width: 40px;
-  height: 40px;
-  margin-bottom: 12px;
-  opacity: 0.3;
-}
-.hw-date-sep {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 12px 0;
-}
-.hw-date-sep-line {
-  flex: 1;
-  height: 1px;
-  background: var(--hw-border-md);
-}
-.hw-date-sep-text {
-  font-size: 11px;
-  color: var(--hw-text-3);
-  font-weight: 500;
-  white-space: nowrap;
-}
-.hw-msg {
-  display: flex;
-  padding: 4px 0;
-  max-width: 75%;
-  min-width: 0;
-  animation: hw-msg-appear 0.25s ease-out;
-}
-@keyframes hw-msg-appear {
-  from {
-    opacity: 0;
-    transform: translateY(6px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-.hw-msg--visitor {
-  align-self: flex-end;
-}
-.hw-msg--team,
-.hw-msg--ai {
-  align-self: flex-start;
-}
-.hw-msg-body {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  max-width: 100%;
-}
-.hw-msg-bubble {
-  padding: 10px 14px;
-  border-radius: 18px;
-  font-size: 14px;
-  line-height: 1.45;
-  white-space: pre-wrap;
-  word-break: break-word;
-  overflow-wrap: anywhere;
-  max-width: 100%;
-}
-.hw-msg--visitor .hw-msg-bubble {
-  background: var(--hw-primary);
-  color: white;
-  border-bottom-right-radius: 4px;
-}
-.hw-msg--team .hw-msg-bubble {
-  background: var(--hw-visitor-bubble-bg);
-  color: var(--hw-visitor-bubble-text);
-  border-bottom-left-radius: 4px;
-}
-.hw-msg--ai .hw-msg-bubble {
-  background: var(--hw-visitor-bubble-bg);
-  color: var(--hw-text);
-  border-bottom-left-radius: 4px;
-  white-space: normal;
-}
-.hw-msg-meta {
-  font-size: 11px;
-  color: var(--hw-text-3);
-  margin-top: 3px;
-  padding: 0 4px;
-  opacity: 0;
-  transition: opacity 0.15s;
-  font-variant-numeric: tabular-nums;
-}
-.hw-msg:hover .hw-msg-meta,
-.hw-msg:focus-within .hw-msg-meta {
-  opacity: 1;
-}
-.hw-msg--visitor .hw-msg-meta {
-  text-align: right;
-}
-.hw-msg--team .hw-msg-body,
-.hw-msg--ai .hw-msg-body {
-  align-items: flex-start;
-}
-.hw-msg--visitor .hw-msg-body {
-  align-items: flex-end;
-}
-.hw-msg-sender {
-  font-size: 11px;
-  font-weight: 500;
-  color: var(--hw-text-3);
-  margin-bottom: 3px;
-  padding: 0 4px;
-}
-.hw-typing {
-  display: flex;
-  flex-direction: column;
-  gap: 3px;
-  padding: 8px 0;
-  width: fit-content;
-  animation: hw-msg-appear 0.25s ease-out;
-}
-.hw-typing-label {
-  font-size: 11px;
-  font-weight: 500;
-  color: var(--hw-text-3);
-  padding: 0 4px;
-}
-.hw-typing-dots {
-  display: flex;
-  gap: 3px;
-  padding: 10px 14px;
-  width: fit-content;
-  background: var(--hw-visitor-bubble-bg);
-  border-radius: var(--hw-radius);
-  border-bottom-left-radius: 4px;
-}
-.hw-typing-dot {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: var(--hw-text-3);
-  animation: hw-typing-bounce 1.4s infinite;
-}
-.hw-typing-dot:nth-child(2) {
-  animation-delay: 0.2s;
-}
-.hw-typing-dot:nth-child(3) {
-  animation-delay: 0.4s;
-}
-@keyframes hw-typing-bounce {
-  0%, 60%, 100% {
-    transform: translateY(0);
-  }
-  30% {
-    transform: translateY(-4px);
-  }
-}
-.hw-loading {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.hw-loading-dots {
-  display: flex;
-  gap: 4px;
-}
-.hw-loading-dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: var(--hw-text-4);
-  animation: hw-loading-pulse 1.4s infinite;
-}
-.hw-loading-dot:nth-child(2) {
-  animation-delay: 0.2s;
-}
-.hw-loading-dot:nth-child(3) {
-  animation-delay: 0.4s;
-}
-@keyframes hw-loading-pulse {
-  0%, 60%, 100% {
-    opacity: 0.3;
-    transform: scale(0.8);
-  }
-  30% {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-@keyframes hw-skeleton-shimmer {
-  0% {
-    background-position: -200px 0;
-  }
-  100% {
-    background-position: calc(200px + 100%) 0;
-  }
-}
-.hw-skeleton {
-  background:
-    linear-gradient(
-      90deg,
-      var(--hw-bg-subtle) 25%,
-      rgba(0, 0, 0, 0.04) 50%,
-      var(--hw-bg-subtle) 75%);
-  background-size: 200px 100%;
-  animation: hw-skeleton-shimmer 1.5s ease-in-out infinite;
-  border-radius: 6px;
-}
-.hw-skeleton-messages {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  padding: 16px;
-  gap: 16px;
-}
-.hw-skeleton-msg {
-  display: flex;
-  gap: 10px;
-  align-items: flex-start;
-}
-.hw-skeleton-msg--right {
-  flex-direction: row-reverse;
-}
-.hw-skeleton-avatar {
-  width: 28px;
-  height: 28px;
-  border-radius: 8px;
-  flex-shrink: 0;
-}
-.hw-skeleton-bubble {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.hw-skeleton-line {
-  height: 12px;
-  border-radius: 6px;
-}
-.hw-skeleton-convs {
-  display: flex;
-  flex-direction: column;
-  padding: 8px 0;
-}
-.hw-skeleton-conv {
-  display: flex;
-  gap: 10px;
-  align-items: center;
-  padding: 10px 16px;
-}
-.hw-skeleton-conv-avatar {
-  width: 36px;
-  height: 36px;
-  border-radius: 8px;
-  flex-shrink: 0;
-}
-.hw-skeleton-conv-lines {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.hw-skeleton-content {
-  display: flex;
-  flex-direction: column;
-  padding: 12px 16px;
-  gap: 12px;
-}
-.hw-skeleton-content-item {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  padding: 12px;
-  border-radius: 10px;
-  background: var(--hw-bg);
-}
-.hw-email-card {
-  margin: 0 12px;
-  padding: 14px 16px 10px;
-  border: 1px solid var(--hw-border, rgba(0,0,0,0.08));
-  border-radius: 14px;
-  background: var(--hw-surface, #fff);
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.03);
-  animation: hw-email-slide-in 0.25s ease-out;
-}
-@keyframes hw-email-slide-in {
-  from {
-    opacity: 0;
-    transform: translateY(8px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-.hw-email-card-header {
-  display: flex;
-  align-items: flex-start;
-  gap: 10px;
-  margin-bottom: 12px;
-}
-.hw-email-card-icon {
-  flex-shrink: 0;
-  width: 32px;
-  height: 32px;
-  border-radius: 8px;
-  background: var(--hw-brand, #0a0a0a);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #fff;
-}
-.hw-email-card-title {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--hw-text, #1a1a1a);
-  line-height: 1.3;
-  margin: 0 0 2px;
-}
-.hw-email-card-subtitle {
-  font-size: 12px;
-  color: var(--hw-text-muted, #888);
-  line-height: 1.4;
-  margin: 0;
-}
-.hw-email-card-input {
-  width: 100%;
-  padding: 9px 12px;
-  border-radius: 10px;
-  border: 1px solid var(--hw-border, rgba(0,0,0,0.1));
-  background: var(--hw-bg, #fafafa);
-  color: var(--hw-text, #1a1a1a);
-  font-size: 13px;
-  outline: none;
-  margin-bottom: 8px;
-  box-sizing: border-box;
-  transition: border-color 0.15s;
-}
-.hw-email-card-input:focus {
-  border-color: var(--hw-brand, #0a0a0a);
-  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
-}
-.hw-email-card-input--error {
-  border-color: #ef4444;
-}
-.hw-email-card-submit {
-  width: 100%;
-  padding: 9px;
-  border-radius: 10px;
-  border: none;
-  background: var(--hw-brand, #0a0a0a);
-  color: #fff;
-  font-size: 13px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: opacity 0.15s;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-}
-.hw-email-card-submit:hover:not(:disabled) {
-  opacity: 0.88;
-}
-.hw-email-card-submit:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-.hw-email-card--success {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  padding: 10px 16px;
-  font-size: 13px;
-  color: var(--hw-text-muted, #888);
-  animation: hw-email-slide-in 0.2s ease-out;
-}
-.hw-email-card--success svg {
-  flex-shrink: 0;
-}
-.hw-composer {
-  display: flex;
-  flex-direction: column;
-  padding: 12px 16px;
-  background: transparent;
-  flex-shrink: 0;
-}
-.hw-composer--compact {
-  padding: 8px 12px;
-}
-.hw-composer-box {
-  display: flex;
-  flex-direction: column;
-  border: 2px solid var(--hw-border-md);
-  border-radius: 16px;
-  overflow: hidden;
-  transition: border-color 0.2s;
-  background: var(--hw-bg);
-}
-.hw-composer-box:focus-within {
-  border-color: var(--hw-focus-border);
-  box-shadow: 0 0 0 3px var(--hw-focus-ring);
-}
-.hw-composer-input {
-  flex: 1;
-  resize: none;
-  border: none;
-  padding: 12px 16px 4px;
-  font-size: 14px;
-  font-family: inherit;
-  line-height: 1.4;
-  outline: none;
-  min-height: 40px;
-  max-height: 120px;
-  background: transparent;
-  color: var(--hw-text);
-}
-.hw-composer-input:focus {
-  outline: none;
-}
-.hw-composer-input:focus-visible {
-  outline: none;
-}
-.hw-composer-input::placeholder {
-  color: var(--hw-text-4);
-}
-.hw-composer-toolbar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 4px 10px 10px;
-}
-.hw-composer-toolbar-left {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-.hw-composer-send {
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  border: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  transition:
-    background-color 140ms cubic-bezier(0.23, 1, 0.32, 1),
-    color 140ms cubic-bezier(0.23, 1, 0.32, 1),
-    transform 140ms cubic-bezier(0.23, 1, 0.32, 1);
-}
-.hw-composer-send:active:not(:disabled) {
-  transform: scale(0.9);
-}
-.hw-composer-send--active {
-  background: var(--hw-primary);
-  color: white;
-}
-.hw-composer-send--inactive {
-  background: var(--hw-border);
-  color: var(--hw-text-4);
-  cursor: default;
-}
-.hw-composer-send svg {
-  width: 14px;
-  height: 14px;
-}
-.hw-composer-charcount {
-  font-size: 11px;
-  color: var(--hw-text-3);
-  font-variant-numeric: tabular-nums;
-  opacity: 1;
-  transform: translateY(0);
-  transition:
-    color 180ms cubic-bezier(0.23, 1, 0.32, 1),
-    opacity 180ms cubic-bezier(0.23, 1, 0.32, 1),
-    transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
-}
-@starting-style {
-  .hw-composer-charcount {
-    opacity: 0;
-    transform: translateY(3px);
-  }
-}
-.hw-composer-charcount--over {
-  color: #ef4444;
-  font-weight: 600;
-}
-@media (prefers-reduced-motion: reduce) {
-  .hw-composer-charcount {
-    transform: none;
-    transition: color 160ms ease, opacity 160ms ease;
-  }
-  @starting-style {
-    .hw-composer-charcount {
-      transform: none;
-    }
-  }
-}
-.hw-composer-previews {
-  display: flex;
-  gap: 6px;
-  padding: 8px 10px 0;
-  overflow-x: auto;
-  scrollbar-width: none;
-}
-.hw-composer-previews::-webkit-scrollbar {
-  display: none;
-}
-.hw-composer-preview {
-  position: relative;
-  width: 48px;
-  height: 48px;
-  border-radius: 8px;
-  overflow: hidden;
-  flex-shrink: 0;
-  background: var(--hw-border);
-  cursor: pointer;
-}
-.hw-composer-preview--error {
-  outline: 2px solid #ef4444;
-  outline-offset: -2px;
-}
-.hw-composer-preview-img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-.hw-composer-preview-file {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--hw-bg-subtle);
-}
-.hw-composer-preview-ext {
-  font-size: 10px;
-  font-weight: 700;
-  color: var(--hw-text-3);
-  text-transform: uppercase;
-}
-.hw-composer-preview-loader {
-  position: absolute;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.35);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.hw-composer-preview-loader::after {
-  content: "";
-  width: 16px;
-  height: 16px;
-  border: 2px solid rgba(255, 255, 255, 0.3);
-  border-top-color: white;
-  border-radius: 50%;
-  animation: hw-spin 0.6s linear infinite;
-}
-@keyframes hw-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-.hw-composer-preview-badge {
-  position: absolute;
-  top: 2px;
-  right: 2px;
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background: #ef4444;
-  color: white;
-  font-size: 10px;
-  font-weight: 700;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.hw-composer-preview-remove {
-  position: absolute;
-  top: 2px;
-  right: 2px;
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  border: none;
-  background: rgba(0, 0, 0, 0.55);
-  color: white;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  opacity: 0;
-  transition: opacity 0.15s;
-}
-.hw-composer-preview-remove svg {
-  width: 10px;
-  height: 10px;
-}
-.hw-composer-preview:hover .hw-composer-preview-remove {
-  opacity: 1;
-}
-.hw-composer-attach {
-  width: 28px;
-  height: 28px;
-  border: none;
-  background: none;
-  color: var(--hw-text-3);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 6px;
-  opacity: 0.7;
-  transition: opacity 0.15s;
-}
-.hw-composer-attach:hover {
-  opacity: 1;
-}
-.hw-composer-attach svg {
-  width: 16px;
-  height: 16px;
-}
-.hw-msg-images {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  margin-bottom: 4px;
-}
-.hw-msg-image-link {
-  display: block;
-  border-radius: 14px;
-  overflow: hidden;
-  line-height: 0;
-}
-.hw-msg-image {
-  max-width: 140px;
-  max-height: 80px;
-  object-fit: cover;
-  border-radius: 8px;
-  outline: 1px solid rgba(0, 0, 0, 0.08);
-  outline-offset: -1px;
-}
-.hw-msg-files {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  margin-top: 4px;
-}
-.hw-msg-file {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 12px;
-  border-radius: 10px;
-  background: var(--hw-bg-subtle);
-  text-decoration: none;
-  color: var(--hw-text);
-  transition: background 0.15s;
-}
-.hw-msg-file:hover {
-  background: var(--hw-border);
-}
-.hw-msg-file-icon {
-  flex-shrink: 0;
-  width: 20px;
-  height: 20px;
-  color: var(--hw-text-3);
-}
-.hw-msg-file-icon svg {
-  width: 100%;
-  height: 100%;
-}
-.hw-msg-file-info {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-}
-.hw-msg-file-name {
-  font-size: 13px;
-  font-weight: 500;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.hw-msg-file-size {
-  font-size: 11px;
-  color: var(--hw-text-3);
-}
-.hw-msg-image-link {
-  cursor: pointer;
-  border: none;
-  padding: 0;
-  background: none;
-  display: block;
-  line-height: 0;
-}
-.hw-hover-preview {
-  position: fixed;
-  z-index: 99998;
-  padding: 6px;
-  border-radius: 14px;
-  background: white;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.06);
-  cursor: pointer;
-  animation: hw-hover-in 0.15s ease-out;
-}
-@media (prefers-color-scheme: dark) {
-  .hw-hover-preview {
-    background: #1c1c1e;
-    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.08);
-  }
-}
-@keyframes hw-hover-in {
-  from {
-    opacity: 0;
-    transform: scale(0.96) translateY(4px);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1) translateY(0);
-  }
-}
-.hw-hover-preview-img {
-  width: 100%;
-  max-height: 200px;
-  object-fit: contain;
-  border-radius: 10px;
-  display: block;
-  outline: 1px solid rgba(0, 0, 0, 0.08);
-  outline-offset: -1px;
-}
-.hw-hover-preview--doc {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 10px 14px;
-}
-.hw-hover-preview-doc-icon {
-  width: 28px;
-  height: 28px;
-  flex-shrink: 0;
-}
-.hw-hover-preview-doc-icon svg {
-  width: 100%;
-  height: 100%;
-}
-.hw-hover-preview-doc-info {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-}
-.hw-hover-preview-doc-name {
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--hw-text);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.hw-hover-preview-doc-hint {
-  font-size: 11px;
-  color: var(--hw-text-3);
-}
-.hw-event {
-  display: flex;
-  justify-content: center;
-  padding: 8px 16px;
-}
-.hw-event-text {
-  font-size: 12px;
-  color: var(--hw-text-3);
-  text-align: center;
-}
-.hw-event--card {
-  justify-content: flex-start;
-  align-items: center;
-  gap: 10px;
-  background: var(--hw-bg-subtle);
-  padding: 10px 14px;
-  border-radius: 12px;
-  margin: 4px 16px;
-}
-.hw-event-avatar {
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  background: #e0e0e0;
-  color: #555;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 11px;
-  font-weight: 600;
-  flex-shrink: 0;
-  overflow: hidden;
-}
-.hw-event-avatar-img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-.hw-event-body {
-  font-size: 13px;
-  line-height: 1.3;
-}
-.hw-event-name {
-  font-weight: 600;
-  color: var(--hw-text);
-}
-.hw-event-action {
-  color: var(--hw-text-2);
-}
-.hw-resolved-banner {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 12px 16px;
-  border-top: 1px solid var(--hw-border);
-  background: var(--hw-bg-subtle);
-  color: var(--hw-text-2);
-  font-size: 13px;
-  flex-shrink: 0;
-}
-.hw-new {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  background: var(--hw-bg-subtle);
-}
-.hw-new-body {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 32px 24px;
-  text-align: center;
-}
-.hw-new-welcome {
-  flex: 1;
-  padding: 16px 20px;
-  overflow-y: auto;
-}
-.hw-new-heading {
-  font-size: 17px;
-  font-weight: 600;
-  color: var(--hw-text);
-  margin-bottom: 6px;
-}
-.hw-new-desc {
-  font-size: 13px;
-  color: var(--hw-text-2);
-  margin-bottom: 24px;
-}
-.hw-powered {
-  text-align: center;
-  padding: 8px;
-  font-size: 11px;
-  color: var(--hw-text-4);
-  flex-shrink: 0;
-}
-.hw-powered a {
-  color: var(--hw-text-2);
-  text-decoration: none;
-  font-weight: 500;
-}
-.hw-powered a:hover {
-  color: var(--hw-text);
-}
-@media (max-width: 479px) {
-  .hw-widget {
-    bottom: 16px;
-    right: 16px;
-    left: auto;
-  }
-  .hw-window {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    width: 100%;
-    height: var(--hw-visible-height, 100%);
-    border-radius: 0;
-    animation: hw-mob-up 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
-  }
-  .hw-window--closing {
-    animation: hw-mob-down 0.2s ease forwards;
-  }
-  @keyframes hw-mob-up {
-    from {
-      opacity: 0;
-      transform: translateY(100%);
-    }
-    to {
-      opacity: 1;
-      transform: translateY(0);
-    }
-  }
-  @keyframes hw-mob-down {
-    from {
-      opacity: 1;
-      transform: translateY(0);
-    }
-    to {
-      opacity: 0;
-      transform: translateY(100%);
-    }
-  }
-  .hw-hero {
-    padding-top: calc(20px + env(safe-area-inset-top, 0px));
-  }
-  .hw-header {
-    padding-top: env(safe-area-inset-top, 0px);
-  }
-  .hw-tabs {
-    padding-bottom: env(safe-area-inset-bottom, 0px);
-  }
-  .hw-composer {
-    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
-  }
-  .hw-powered {
-    padding-bottom: calc(5px + env(safe-area-inset-bottom, 0px));
-  }
-  .hw-header-close,
-  .hw-header-back,
-  .hw-header-action {
-    width: 34px;
-    height: 34px;
-  }
-  .hw-composer-send {
-    width: 40px;
-    height: 40px;
-  }
-  .hw-window ~ .hw-bubble {
-    display: none;
-  }
-  .hw-messages {
-    padding: 12px 14px;
-  }
-  .hw-msg {
-    max-width: 82%;
-  }
-}
-.hw-preview {
-  position: absolute;
-  bottom: calc(100% + 12px);
-  right: 0;
-  width: 300px;
-  max-width: calc(100vw - 40px);
-  background: var(--hw-bg);
-  border: 1px solid var(--hw-border);
-  border-radius: 16px;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
-  animation: hw-preview-in 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
-  overflow: hidden;
-  cursor: pointer;
-  transition: transform 0.15s, box-shadow 0.15s;
-}
-.hw-preview:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15), 0 4px 12px rgba(0, 0, 0, 0.08);
-}
-.hw-preview--closing {
-  animation: hw-preview-out 0.2s ease forwards;
-}
-@keyframes hw-preview-in {
-  from {
-    opacity: 0;
-    transform: translateY(8px) scale(0.95);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-}
-@keyframes hw-preview-out {
-  from {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(8px) scale(0.95);
-  }
-}
-.hw-preview-header {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 14px 0;
-}
-.hw-preview-avatar {
-  width: 28px;
-  height: 28px;
-  border-radius: 50%;
-  background:
-    linear-gradient(
-      135deg,
-      var(--hw-primary),
-      color-mix(in srgb, var(--hw-primary) 50%, black));
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  flex-shrink: 0;
-  overflow: hidden;
-}
-.hw-preview-avatar svg {
-  width: 16px;
-  height: 16px;
-}
-.hw-preview-name {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--hw-text);
-  flex: 1;
-}
-.hw-preview-close {
-  width: 24px;
-  height: 24px;
-  border: none;
-  background: transparent;
-  color: var(--hw-text-3);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  transition: background 0.15s, color 0.15s;
-  flex-shrink: 0;
-}
-.hw-preview-close:hover {
-  background: var(--hw-bg-subtle);
-  color: var(--hw-text-2);
-}
-.hw-preview-close:active {
-  transform: scale(0.90);
-  transition:
-    transform 0.14s cubic-bezier(0.23, 1, 0.32, 1),
-    background 0.15s,
-    color 0.15s;
-}
-.hw-preview-close svg {
-  width: 12px;
-  height: 12px;
-}
-.hw-preview-body {
-  padding: 8px 14px 14px;
-  font-size: 14px;
-  line-height: 1.45;
-  color: var(--hw-text-2);
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-.hw-content-search {
-  padding: 10px 16px;
-}
-.hw-content-search-box {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 12px;
-  background: var(--hw-bg);
-  border: 1px solid var(--hw-border-md);
-  border-radius: 10px;
-  transition: border-color 0.15s, box-shadow 0.15s;
-}
-.hw-content-search-box:focus-within {
-  border-color: var(--hw-focus-border);
-  box-shadow: 0 0 0 3px var(--hw-focus-ring);
-}
-.hw-content-search-input {
-  flex: 1;
-  border: none !important;
-  outline: none !important;
-  box-shadow: none !important;
-  background: none;
-  font-size: 13px;
-  color: var(--hw-text-1);
-  font-family: inherit;
-  line-height: 1;
-  -webkit-appearance: none;
-}
-.hw-content-search-input:focus,
-.hw-content-search-input:focus-visible {
-  outline: none !important;
-  box-shadow: none !important;
-  border: none !important;
-}
-.hw-content-search-input::placeholder {
-  color: var(--hw-text-3);
-}
-.hw-content-search-icon {
-  width: 15px;
-  height: 15px;
-  color: var(--hw-text-3);
-  flex-shrink: 0;
-}
-.hw-content-list {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.hw-content-entries {
-  flex: 1;
-  overflow-y: auto;
-  overscroll-behavior: contain;
-}
-.hw-content-entry {
-  display: block;
-  width: 100%;
-  padding: 14px 16px;
-  border: none;
-  border-bottom: 1px solid var(--hw-border);
-  background: none;
-  cursor: pointer;
-  text-align: left;
-  transition: background-color 0.15s ease;
-  -webkit-tap-highlight-color: transparent;
-}
-.hw-content-entry:hover {
-  background: var(--hw-bg-hover);
-}
-.hw-content-entry:active {
-  background: var(--hw-border);
-}
-.hw-content-entry:last-child {
-  border-bottom: none;
-}
-.hw-content-entry-main {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-.hw-content-entry-text {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 3px;
-}
-.hw-content-entry-title {
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--hw-text-1);
-  line-height: 1.3;
-}
-.hw-content-entry-desc {
-  font-size: 13px;
-  color: var(--hw-text-2);
-  line-height: 1.4;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-.hw-content-entry-meta {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin-top: 2px;
-}
-.hw-content-entry-badge {
-  font-size: 11px;
-  font-weight: 500;
-  color: var(--hw-text-3);
-  background: var(--hw-bg-hover);
-  padding: 1px 6px;
-  border-radius: 4px;
-}
-.hw-content-entry-date {
-  font-size: 11px;
-  color: var(--hw-text-3);
-}
-.hw-content-entry-chevron {
-  width: 16px;
-  height: 16px;
-  color: var(--hw-text-3);
-  flex-shrink: 0;
-  opacity: 0.5;
-}
-.hw-content-detail {
-  padding: 16px;
-  overflow-y: auto;
-  overscroll-behavior: contain;
-  height: 100%;
-}
-.hw-content-detail-header {
-  margin-bottom: 16px;
-}
-.hw-content-detail-title {
-  font-size: 17px;
-  font-weight: 700;
-  color: var(--hw-text-1);
-  margin: 0 0 6px;
-  line-height: 1.3;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-.hw-content-detail-meta {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-.hw-content-detail-date {
-  font-size: 12px;
-  color: var(--hw-text-3);
-}
-.hw-content-detail-body {
-  font-size: 14px;
-  line-height: 1.6;
-  color: var(--hw-text-1);
-}
-.hw-markdown h1 {
-  font-size: 17px;
-  font-weight: 700;
-  margin: 20px 0 8px;
-}
-.hw-markdown h2 {
-  font-size: 15px;
-  font-weight: 600;
-  margin: 16px 0 6px;
-}
-.hw-markdown h3 {
-  font-size: 14px;
-  font-weight: 600;
-  margin: 12px 0 4px;
-}
-.hw-markdown p {
-  margin: 0 0 12px;
-}
-.hw-markdown ul {
-  margin: 0 0 12px;
-  padding-left: 20px;
-}
-.hw-markdown li {
-  margin: 4px 0;
-}
-.hw-markdown code {
-  font-family:
-    ui-monospace,
-    "SF Mono",
-    monospace;
-  font-size: 12px;
-  background: var(--hw-bg-hover);
-  padding: 1px 5px;
-  border-radius: 4px;
-}
-.hw-code {
-  margin: 10px 0;
-  border-radius: 10px;
-  overflow: hidden;
-  border: 1px solid var(--hw-border, rgba(0, 0, 0, 0.08));
-  background: var(--hw-bg-hover, #f5f5f4);
-  font-family:
-    ui-monospace,
-    "SF Mono",
-    "Menlo",
-    monospace;
-}
-.hw-code-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 6px 12px;
-  font-size: 11px;
-  color: var(--hw-text-2, #6b7280);
-  background: rgba(0, 0, 0, 0.03);
-  border-bottom: 1px solid var(--hw-border, rgba(0, 0, 0, 0.06));
-}
-.hw-code-lang {
-  text-transform: lowercase;
-  letter-spacing: 0.02em;
-  font-weight: 500;
-}
-.hw-code-copy {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 2px 8px;
-  font-size: 11px;
-  font-family: inherit;
-  color: var(--hw-text-2, #6b7280);
-  background: transparent;
-  border: 1px solid transparent;
-  border-radius: 5px;
-  cursor: pointer;
-  transition: background 120ms ease, color 120ms ease;
-}
-.hw-code-copy:hover {
-  color: var(--hw-text, #111);
-  background: rgba(0, 0, 0, 0.06);
-}
-.hw-code-copy--copied {
-  color: #16a34a;
-}
-.hw-code-copy--failed {
-  color: #dc2626;
-}
-.hw-code pre {
-  margin: 0;
-  padding: 10px 12px;
-  background: transparent;
-  border-radius: 0;
-  overflow-x: auto;
-  max-width: 100%;
-}
-.hw-code pre code {
-  display: block;
-  background: transparent;
-  padding: 0;
-  font-size: 12px;
-  line-height: 1.55;
-  white-space: pre;
-  color: var(--hw-text, #111);
-}
-@media (prefers-color-scheme: dark) {
-  .hw-code {
-    background: rgba(255, 255, 255, 0.04);
-    border-color: rgba(255, 255, 255, 0.08);
-  }
-  .hw-code-header {
-    background: rgba(255, 255, 255, 0.03);
-    border-bottom-color: rgba(255, 255, 255, 0.06);
-  }
-  .hw-code-copy:hover {
-    background: rgba(255, 255, 255, 0.08);
-  }
-}
-.hw-markdown pre {
-  margin: 8px 0;
-  padding: 10px 12px;
-  background: var(--hw-bg-hover);
-  border-radius: 8px;
-  overflow-x: auto;
-  max-width: 100%;
-}
-.hw-markdown pre code {
-  display: block;
-  background: transparent;
-  padding: 0;
-  border-radius: 0;
-  font-size: 12px;
-  line-height: 1.5;
-  white-space: pre;
-  word-break: normal;
-  color: inherit;
-}
-.hw-msg-bubble pre {
-  margin: 6px 0;
-  padding: 8px 10px;
-  background: rgba(0, 0, 0, 0.06);
-  border-radius: 6px;
-  overflow-x: auto;
-  max-width: 100%;
-}
-.hw-msg-bubble pre code {
-  background: transparent;
-  padding: 0;
-  font-size: 12px;
-  line-height: 1.5;
-  white-space: pre;
-}
-.hw-msg--team .hw-msg-bubble pre,
-.hw-msg--visitor .hw-msg-bubble pre {
-  background: rgba(255, 255, 255, 0.12);
-}
-.hw-markdown blockquote {
-  margin: 0 0 12px;
-  padding: 8px 12px;
-  border-left: 3px solid var(--hw-border);
-  color: var(--hw-text-2);
-  font-style: italic;
-}
-.hw-markdown a {
-  color: var(--hw-primary);
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-.hw-markdown img {
-  max-width: 100%;
-  border-radius: 8px;
-  margin: 8px 0;
-  outline: 1px solid rgba(0, 0, 0, 0.08);
-  outline-offset: -1px;
-}
-.hw-markdown hr {
-  border: none;
-  border-top: 1px solid var(--hw-border);
-  margin: 16px 0;
-}
-.hw-content-empty {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 40px 20px;
-  text-align: center;
-}
-.hw-content-empty-title {
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--hw-text-1);
-  margin-bottom: 4px;
-}
-.hw-content-empty-desc {
-  font-size: 12px;
-  color: var(--hw-text-3);
-}
-.hw-content-loading {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 40px 20px;
-}
-.hw-content-load-more {
-  display: block;
-  width: 100%;
-  padding: 10px;
-  border: none;
-  background: none;
-  color: var(--hw-primary);
-  font-size: 13px;
-  font-weight: 500;
-  cursor: pointer;
-  text-align: center;
-}
-.hw-content-load-more:hover {
-  background: var(--hw-bg-hover);
-}
-.hw-content-load-more:disabled {
-  opacity: 0.5;
-  cursor: default;
-}
-@media (hover: none) {
-  .hw-composer-preview-remove {
-    opacity: 0.7;
-  }
-  .hw-msg-meta {
-    opacity: 1;
-  }
-}
-.hw-composer--dragging .hw-composer-box {
-  border-color: var(--hw-primary);
-  background: color-mix(in srgb, var(--hw-primary) 4%, transparent);
-}
-.hw-composer-drop-overlay {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: color-mix(in srgb, var(--hw-bg) 90%, transparent);
-  border: 2px dashed var(--hw-primary);
-  border-radius: 12px;
-  z-index: 10;
-  pointer-events: none;
-  animation: hw-drop-pulse 1.5s ease-in-out infinite;
-}
-.hw-composer-drop-text {
-  font-size: 13px;
-  font-weight: 500;
-  color: var(--hw-primary);
-}
-@keyframes hw-drop-pulse {
-  0%, 100% {
-    opacity: 0.8;
-  }
-  50% {
-    opacity: 1;
-  }
-}
-.hw-msg-copy {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  height: 20px;
-  margin-left: 4px;
-  border: none;
-  border-radius: 4px;
-  background: none;
-  color: var(--hw-text-4);
-  cursor: pointer;
-  vertical-align: middle;
-  transition: color 0.15s, background 0.15s;
-  padding: 0;
-  flex-shrink: 0;
-}
-.hw-msg-copy:hover {
-  background: var(--hw-bg-hover);
-  color: var(--hw-text-2);
-}
-.hw-msg-copy svg {
-  width: 12px;
-  height: 12px;
-}
-.hw-msg-copy--done {
-  color: #22c55e;
-}
-.hw-disconnect {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  padding: 6px 12px;
-  background: #fef3c7;
-  color: #92400e;
-  font-size: 12px;
-  font-weight: 500;
-  flex-shrink: 0;
-  animation: hw-msg-appear 0.25s ease-out;
-}
-.hw-disconnect-dot {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: #f59e0b;
-  animation: hw-loading-pulse 1.4s infinite;
-}
-.hw-error-state {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 32px 24px;
-  text-align: center;
-  gap: 12px;
-}
-.hw-error-icon {
-  width: 48px;
-  height: 48px;
-  border-radius: 50%;
-  background: #fef2f2;
-  color: #ef4444;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.hw-error-icon svg {
-  width: 24px;
-  height: 24px;
-}
-.hw-error-title {
-  font-size: 15px;
-  font-weight: 600;
-  color: var(--hw-text);
-}
-.hw-error-desc {
-  font-size: 13px;
-  color: var(--hw-text-2);
-}
-.hw-error-btn {
-  padding: 8px 20px;
-  border: 1px solid var(--hw-border-md);
-  border-radius: 8px;
-  background: var(--hw-bg);
-  color: var(--hw-text);
-  font-size: 13px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: background 0.15s;
-}
-.hw-error-btn:hover {
-  background: var(--hw-bg-hover);
-}
-.hw-send-error {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 12px;
-  background: #fef2f2;
-  color: #dc2626;
-  font-size: 12px;
-  font-weight: 500;
-  flex-shrink: 0;
-  animation: hw-msg-appear 0.25s ease-out;
-}
-.hw-send-error-retry {
-  margin-left: auto;
-  padding: 2px 8px;
-  border: 1px solid #fca5a5;
-  border-radius: 4px;
-  background: none;
-  color: #dc2626;
-  font-size: 11px;
-  font-weight: 600;
-  cursor: pointer;
-}
-.hw-send-error-retry:hover {
-  background: #fee2e2;
-}
-.hw-resolved {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 12px;
-  padding: 16px 20px;
-  border-top: 1px solid var(--hw-border);
-  flex-shrink: 0;
-}
-.hw-resolved-text {
-  font-size: 13px;
-  color: var(--hw-text-3);
-  font-weight: 500;
-}
-.hw-resolved-actions {
-  display: flex;
-  gap: 8px;
-}
-.hw-resolved-reopen {
-  padding: 6px 16px;
-  border: 1px solid var(--hw-border-md);
-  border-radius: 8px;
-  background: var(--hw-bg);
-  color: var(--hw-text);
-  font-size: 13px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: background 0.15s;
-}
-.hw-resolved-reopen:hover {
-  background: var(--hw-bg-hover);
-}
-.hw-csat {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-}
-.hw-csat-label {
-  font-size: 12px;
-  color: var(--hw-text-3);
-}
-.hw-csat-buttons {
-  display: flex;
-  gap: 8px;
-}
-.hw-csat-btn {
-  width: 36px;
-  height: 36px;
-  border: 1px solid var(--hw-border-md);
-  border-radius: 8px;
-  background: var(--hw-bg);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 18px;
-  transition:
-    transform 0.15s,
-    border-color 0.15s,
-    background 0.15s;
-}
-.hw-csat-btn:hover {
-  transform: scale(1.1);
-  border-color: var(--hw-text-3);
-}
-.hw-csat-btn--selected {
-  border-color: var(--hw-primary);
-  background: var(--hw-bg-hover);
-  transform: scale(1.15);
-}
-.hw-csat-thanks {
-  font-size: 12px;
-  color: #22c55e;
-  font-weight: 500;
-  animation: hw-msg-appear 0.25s ease-out;
-}
-.hw-load-more-trigger {
-  display: flex;
-  justify-content: center;
-  min-height: 1px;
-}
-.hw-load-more-trigger:has(.hw-load-more-spinner) {
-  padding: 8px 0;
-}
-.hw-load-more-spinner {
-  display: flex;
-  gap: 3px;
-}
-.hw-load-more-spinner > div {
-  width: 5px;
-  height: 5px;
-  border-radius: 50%;
-  background: var(--hw-text-4);
-  animation: hw-loading-pulse 1.4s infinite;
-}
-.hw-load-more-spinner > div:nth-child(2) {
-  animation-delay: 0.2s;
-}
-.hw-load-more-spinner > div:nth-child(3) {
-  animation-delay: 0.4s;
-}
-.hw-drag-handle {
-  display: none;
-}
-@media (max-width: 479px) {
-  .hw-drag-handle {
-    display: flex;
-    justify-content: center;
-    padding: 8px 0 4px;
-    flex-shrink: 0;
-  }
-  .hw-drag-handle-pill {
-    width: 32px;
-    height: 4px;
-    border-radius: 2px;
-    background: var(--hw-text-4);
-  }
-}
-.hw-msg-bubble p {
-  margin: 0 0 8px;
-}
-.hw-msg-bubble p:last-child {
-  margin-bottom: 0;
-}
-.hw-msg-bubble strong {
-  font-weight: 600;
-}
-.hw-msg-bubble em {
-  font-style: italic;
-}
-.hw-msg-bubble a {
-  color: var(--hw-primary);
-  text-decoration: underline;
-  text-underline-offset: 2px;
-  word-break: break-all;
-}
-.hw-msg-bubble a:hover {
-  opacity: 0.8;
-}
-.hw-msg--visitor .hw-msg-bubble a {
-  color: rgba(255, 255, 255, 0.9);
-}
-.hw-msg--visitor .hw-msg-bubble a:hover {
-  color: white;
-}
-.hw-msg-bubble ul,
-.hw-msg-bubble ol {
-  margin: 4px 0 8px;
-  padding-left: 20px;
-}
-.hw-msg-bubble li {
-  margin: 2px 0;
-}
-.hw-msg-bubble code {
-  padding: 1px 4px;
-  border-radius: 3px;
-  background: rgba(0, 0, 0, 0.06);
-  font-size: 0.9em;
-  font-family:
-    ui-monospace,
-    SFMono-Regular,
-    Menlo,
-    monospace;
-}
-.hw-msg-bubble pre {
-  margin: 4px 0 8px;
-  padding: 8px 10px;
-  border-radius: 6px;
-  background: rgba(0, 0, 0, 0.06);
-  overflow-x: auto;
-  font-size: 0.85em;
-}
-.hw-msg-bubble pre code {
-  padding: 0;
-  background: none;
-}
-.hw-msg-bubble blockquote {
-  margin: 4px 0 8px;
-  padding: 4px 0 4px 12px;
-  border-left: 3px solid var(--hw-border-md);
-  color: var(--hw-text-2);
-}
-.hw-widget[data-theme=dark] {
-  --hw-bg: #1c1c1e;
-  --hw-bg-subtle: #161618;
-  --hw-bg-hover: #2c2c2e;
-  --hw-border: rgba(255, 255, 255, 0.08);
-  --hw-border-md: rgba(255, 255, 255, 0.14);
-  --hw-text: #f5f5f5;
-  --hw-text-1: #f5f5f5;
-  --hw-text-2: #a1a1aa;
-  --hw-text-3: #71717a;
-  --hw-text-4: #52525b;
-  --hw-visitor-bubble-bg: #2c2c2e;
-  --hw-visitor-bubble-text: #f5f5f5;
-  --hw-focus-border: rgba(255, 255, 255, 0.28);
-  --hw-focus-ring: rgba(255, 255, 255, 0.08);
-}
-@media (prefers-color-scheme: dark) {
-  .hw-widget:not([data-theme=light]) {
-    --hw-bg: #1c1c1e;
-    --hw-bg-subtle: #161618;
-    --hw-bg-hover: #2c2c2e;
-    --hw-border: rgba(255, 255, 255, 0.08);
-    --hw-border-md: rgba(255, 255, 255, 0.14);
-    --hw-text: #f5f5f5;
-    --hw-text-1: #f5f5f5;
-    --hw-text-2: #a1a1aa;
-    --hw-text-3: #71717a;
-    --hw-text-4: #52525b;
-    --hw-visitor-bubble-bg: #2c2c2e;
-    --hw-visitor-bubble-text: #f5f5f5;
-    --hw-focus-border: rgba(255, 255, 255, 0.28);
-    --hw-focus-ring: rgba(255, 255, 255, 0.08);
-  }
-}
-@media (prefers-color-scheme: dark) {
-  .hw-widget:not([data-theme=light]) .hw-header {
-    background: var(--hw-bg);
-    border-color: var(--hw-border);
-  }
-  .hw-header-bot-icon {
-    background: var(--hw-bg-hover);
-  }
-  .hw-header-name,
-  .hw-header-title {
-    color: var(--hw-text);
-  }
-  .hw-header-status {
-    color: var(--hw-text-2);
-  }
-  .hw-header-close,
-  .hw-header-back {
-    color: var(--hw-text-2);
-  }
-  .hw-header-close:hover,
-  .hw-header-back:hover {
-    background: var(--hw-bg-hover);
-    color: var(--hw-text);
-  }
-  .hw-content-entry {
-    background: var(--hw-bg);
-    border-color: var(--hw-border);
-  }
-  .hw-content-entry:hover {
-    background: var(--hw-bg-hover);
-    border-color: var(--hw-border-md);
-  }
-  .hw-content-empty,
-  .hw-empty {
-    color: var(--hw-text-3);
-  }
-  .hw-conv-card {
-    border-color: var(--hw-border);
-  }
-  .hw-recent-row {
-    border-color: var(--hw-border);
-  }
-  .hw-composer-drop-overlay {
-    background: rgba(0, 0, 0, 0.6);
-    color: var(--hw-text);
-  }
-  .hw-composer--dragging .hw-composer-box {
-    border-color: var(--hw-focus-border);
-    box-shadow: 0 0 0 3px var(--hw-focus-ring);
-  }
-  .hw-hero {
-    background:
-      linear-gradient(
-        160deg,
-        color-mix(in srgb, var(--hw-primary) 40%, black) 0%,
-        var(--hw-primary) 50%,
-        color-mix(in srgb, var(--hw-primary) 25%, black) 100%);
-  }
-  .hw-sheet {
-    background: var(--hw-bg);
-  }
-  .hw-card {
-    background: var(--hw-bg-hover);
-    border-color: var(--hw-border);
-  }
-  .hw-card:hover {
-    background: #333;
-  }
-  .hw-window {
-    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.06);
-  }
-  .hw-bubble:focus-visible {
-    outline-color: var(--hw-text-3);
-  }
-  .hw-msg--visitor .hw-msg-bubble {
-    background: var(--hw-primary);
-    color: white;
-  }
-  .hw-msg-bubble code {
-    background: rgba(255, 255, 255, 0.08);
-  }
-  .hw-msg-bubble pre {
-    background: rgba(255, 255, 255, 0.08);
-  }
-  .hw-composer-box {
-    background: var(--hw-bg);
-    border-color: var(--hw-border);
-  }
-  .hw-composer-input {
-    color: var(--hw-text);
-  }
-  .hw-tabs {
-    background: var(--hw-bg);
-    border-color: var(--hw-border);
-  }
-  .hw-conv-card:hover,
-  .hw-recent-row:hover {
-    background: var(--hw-bg-hover);
-  }
-  .hw-disconnect {
-    background: #422006;
-    color: #fcd34d;
-  }
-  .hw-send-error {
-    background: #450a0a;
-    color: #fca5a5;
-  }
-  .hw-error-icon {
-    background: #450a0a;
-    color: #f87171;
-  }
-  .hw-msg-copy:hover {
-    background: var(--hw-bg-hover);
-    color: var(--hw-text-2);
-  }
-  .hw-resolved {
-    border-color: var(--hw-border);
-  }
-  .hw-resolved-reopen,
-  .hw-csat-btn {
-    background: var(--hw-bg-hover);
-    border-color: var(--hw-border-md);
-    color: var(--hw-text);
-  }
-  .hw-hover-preview {
-    background: #1c1c1e;
-    border-color: var(--hw-border);
-  }
-  .hw-content-search-box {
-    background: var(--hw-bg-hover);
-    border-color: var(--hw-border-md);
-  }
-  .hw-preview {
-    background: var(--hw-bg);
-    border-color: var(--hw-border);
-  }
-}
-/*# sourceMappingURL=index.css.map */