#anything-llm-embed-chat-button-container {
  right: 28px !important;
  bottom: 28px !important;
  margin: 0 !important;
}
#anything-llm-embed-chat-button {
  width: 68px;
  height: 68px;
  box-shadow: 0 6px 24px #263d3940, 0 0 0 4px #ffffffb3;
}
#anything-llm-embed-chat-button svg { width: 32px; height: 32px; }
#anything-llm-embed-chat-button:focus-visible { outline: 3px solid #92b68d; outline-offset: 6px; }
.personal-cat-ready #anything-llm-embed-chat-button-container { display: none !important; }
#personal-cat { position: fixed; z-index: 49; right: 24px; bottom: 20px; width: 160px; }
#personal-cat[hidden] { display: none; }
.cat-launch { display: flex; flex-direction: column; align-items: center; width: 100%; cursor: pointer; background: transparent; border: 0; padding: 0; }
.cat-launch { touch-action: none; user-select: none; -webkit-user-select: none; cursor: grab; }
.cat-launch img { -webkit-user-drag: none; pointer-events: none; }
.is-dragging .cat-launch { cursor: grabbing; }
.cat-launch img { width: 160px; height: 168px; object-fit: contain; image-rendering: pixelated; filter: drop-shadow(0 3px 2px #0002); }
.cat-bubble { position: relative; margin-bottom: 4px; padding: 1px 18px 7px; border: 2px solid #45352c; border-radius: 45%; background: #fffdf7; color: #45352c; font-size: 25px; font-weight: bold; line-height: 32px; box-shadow: 2px 3px 0 #45352c20; }
.cat-bubble::after { content: ''; position: absolute; bottom: -7px; right: 19px; width: 10px; height: 10px; background: #fffdf7; border-right: 2px solid #45352c; border-bottom: 2px solid #45352c; transform: skewY(-25deg) rotate(30deg); }
.cat-label { color: #45352c; background: #fffdf7; border: 1px solid #45352c40; border-radius: 20px; padding: 2px 10px; font-size: 12px; }
.cat-launch:hover .cat-bubble { background: #ffefca; }
.cat-launch:hover .cat-bubble::after { background: #ffefca; }
.cat-collapse { position: absolute; top: 40px; right: 0; width: 26px; height: 26px; border-radius: 50%; background: #fffdf7; border: 1px solid #45352c60; color: #45352c; cursor: pointer; z-index: 1; }
.cat-restore { display: none; margin-left: auto; border-radius: 20px; padding: 8px 12px; color: white; background: #587556; cursor: pointer; }
.is-collapsed .cat-launch, .is-collapsed .cat-collapse { display: none; }
.is-collapsed .cat-restore { display: block; }
#personal-cat button:focus-visible { outline: 3px solid #92b68d; outline-offset: 4px; }
@media (max-width: 640px) {
  #personal-cat { right: 12px; bottom: max(14px, env(safe-area-inset-bottom)); width: 116px; }
  .cat-launch img { width: 116px; height: 122px; }
  .cat-bubble { font-size: 22px; line-height: 27px; }
  .cat-collapse { top: 36px; right: -2px; }
}
.personal-chat-invite {
  display: flex; align-items: center; gap: 14px; width: 100%;
  padding: 18px 22px; margin-bottom: 16px; border-radius: 16px;
  background: #587556; color: white; text-align: left; cursor: pointer;
  box-shadow: 0 4px 16px #263d391a;
}
.personal-chat-invite:hover { background: #486446; }
.personal-chat-invite > svg { width: 30px; height: 30px; flex-shrink: 0; }
.personal-chat-invite strong { display: block; font-size: 17px; }
.personal-chat-invite small { display: block; margin-top: 4px; font-size: 14px; opacity: .9; }
.personal-chat-invite .chat-arrow { margin-left: auto; font-size: 24px; }
@media (max-width: 640px) {
  #anything-llm-embed-chat-button-container { right: 20px !important; bottom: max(24px, env(safe-area-inset-bottom)) !important; }
  #anything-llm-embed-chat-button { width: 60px; height: 60px; }
  .personal-chat-invite { padding: 16px; }
}
