#sho-help-root, #sho-help-root * { box-sizing: border-box; }
#sho-help-root { --sho-ink: #30243f; --sho-purple: #67458a; --sho-soft: #f5f1f9; --sho-mint: #dbf3e7; font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; color: var(--sho-ink); }
#sho-help-root button, #sho-help-root input { font: inherit; }
#sho-help-root button { cursor: pointer; text-transform: none; letter-spacing: normal; min-height: 0; }
#sho-help-root button:focus-visible, #sho-help-root a:focus-visible, #sho-help-root input:focus-visible { outline: 3px solid #9775b9; outline-offset: 3px; }
#sho-help-root .sho-help__launcher { position: fixed; right: 24px; bottom: 24px; z-index: 99990; display: inline-flex; align-items: center; gap: 11px; background: #473052; color: #fff; border: 1px solid #715b7c; border-radius: 999px; padding: 12px 20px 12px 12px; box-shadow: 0 8px 28px #30243f29; font-weight: 650; line-height: 1.4; }
#sho-help-root .sho-help__launcher:hover { background: #593d69; }
#sho-help-root .sho-help__launcher-icon { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; color: #2e5745; background: var(--sho-mint); font-size: 21px; }
#sho-help-root .sho-help__dialog { position: fixed; z-index: 99991; inset: auto 24px 24px auto; width: min(410px, calc(100vw - 32px)); max-width: none; height: min(630px, calc(100dvh - 48px)); max-height: calc(100dvh - 48px); padding: 0; margin: 0; overflow: hidden; border: 1px solid #e2d9e9; border-radius: 24px; background: #fff; color: var(--sho-ink); box-shadow: 0 18px 70px #30243f38; }
#sho-help-root .sho-help__dialog[open] { display: flex; flex-direction: column; }
#sho-help-root .sho-help__dialog[hidden] { display: none !important; }
#sho-help-root .sho-help__dialog::backdrop { background: #21182d24; }
#sho-help-root .sho-help__header { display: flex; gap: 12px; align-items: center; padding: 24px 20px 16px; background: #f7f4fa; flex-shrink: 0; }
#sho-help-root .sho-help__badge { flex: 0 0 38px; height: 38px; display: grid; place-items: center; background: var(--sho-mint); border-radius: 13px; color: #365c48; font-size: 25px; }
#sho-help-root .sho-help__heading { flex: 1; min-width: 0; }
#sho-help-root .sho-help__brand { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; font-size: 10px; line-height: 1.5; letter-spacing: 1.6px; text-transform: uppercase; color: #6c5879; font-weight: 750; overflow-wrap: anywhere; max-height: 30px; overflow: hidden; }
#sho-help-root .sho-help__title { font-family: inherit; margin: 4px 0 0; font-size: 18px; font-weight: 650; line-height: 1.3; color: #30243f; }
#sho-help-root .sho-help__close { flex: 0 0 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: transparent; font-size: 27px; line-height: 1; font-weight: 400; color: #786783; align-self: flex-start; }
#sho-help-root .sho-help__close:hover { background: #eae2f0; color: #30243f; }
#sho-help-root .sho-help__intro { margin: 0; padding: 0 20px 17px 70px; background: #f7f4fa; color: #76667e; font-size: 11px; border-bottom: 1px solid #eee7f3; }
#sho-help-root .sho-help__log { flex: 1; min-height: 90px; overflow-y: auto; overscroll-behavior: contain; padding: 20px 18px 8px; background: #fff; scrollbar-width: thin; }
#sho-help-root .sho-help__message { width: fit-content; max-width: 94%; padding: 13px 15px; border-radius: 15px; margin: 0 0 12px; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
#sho-help-root .sho-help__message p { margin: 0; font: inherit; color: inherit; }
#sho-help-root .sho-help__message--answer { background: var(--sho-soft); border-bottom-left-radius: 5px; }
#sho-help-root .sho-help__message--user { background: #e1f1e9; margin-left: auto; border-bottom-right-radius: 5px; }
#sho-help-root .sho-help__links { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; margin-top: 11px; }
#sho-help-root .sho-help__link { display: inline-block; text-decoration: none; color: #55316c; font-size: 12px; font-weight: 650; padding-bottom: 2px; border-bottom: 1px solid #c5b1d5; }
#sho-help-root .sho-help__link:hover { color: #2f1740; border-color: #55316c; }
#sho-help-root .sho-help__chips { display: flex; gap: 7px; flex-wrap: wrap; padding: 12px 18px 15px; flex-shrink: 0; border-top: 1px solid #f1edf5; }
#sho-help-root .sho-help__chip { background: #fff; border: 1px solid #dfd4e8; color: #66477c; padding: 7px 10px; border-radius: 999px; font-size: 11px; line-height: 1.3; font-weight: 550; }
#sho-help-root .sho-help__chip:hover { background: var(--sho-soft); border-color: #ac8fc2; }
#sho-help-root .sho-help__form { display: flex; gap: 10px; padding: 0 18px; flex-shrink: 0; margin: 0; }
#sho-help-root .sho-help__input { flex: 1; min-width: 0; width: 100%; height: 45px; padding: 12px 13px; border: 1px solid #ddd4e6; background: #fcfbfd; color: #30243f; border-radius: 12px; font-size: 12px; line-height: 1.5; box-shadow: none; }
#sho-help-root .sho-help__input::placeholder { color: #86768f; opacity: 1; }
#sho-help-root .sho-help__send { flex: 0 0 45px; height: 45px; border: 0; padding: 0; display: grid; place-items: center; background: var(--sho-purple); color: white; border-radius: 12px; font-size: 25px; line-height: 1; }
#sho-help-root .sho-help__send:hover { background: #503268; }
#sho-help-root .sho-help__notice { padding: 10px 18px 16px; margin: 0; color: #817489; font-size: 10px; text-align: center; line-height: 1.5; flex-shrink: 0; }
#sho-help-root .sho-help__sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
@media (max-width: 480px) {
  #sho-help-root .sho-help__launcher { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); padding: 10px 16px 10px 10px; font-size: 13px; }
  #sho-help-root .sho-help__dialog { inset: auto 12px max(12px, env(safe-area-inset-bottom)) auto; width: calc(100vw - 24px); height: min(620px, calc(100dvh - 24px)); max-height: calc(100dvh - 24px); border-radius: 20px; }
  #sho-help-root .sho-help__header { padding: 20px 16px 14px; }
  #sho-help-root .sho-help__title { font-size: 17px; }
  #sho-help-root .sho-help__intro { padding-left: 66px; }
  #sho-help-root .sho-help__input { font-size: 16px; }
}
@media (prefers-reduced-motion: no-preference) { #sho-help-root button, #sho-help-root a { transition: background-color .15s, color .15s, border-color .15s; } }