#wwct-root {
  --wwct-accent: #155eef; --wwct-ink: #102a43; --wwct-muted: #6b7f94;
  position: fixed; z-index: 10020; top: 50%; right: 18px; transform: translateY(-50%);
  width: 86px; max-height: calc(100dvh - 32px); color: var(--wwct-ink);
  font: 14px/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  text-align: center; letter-spacing: normal; -webkit-text-size-adjust: 100%;
}
#wwct-root, #wwct-root * { box-sizing: border-box; }
#wwct-root [hidden] { display: none !important; }
#wwct-root button, #wwct-root a { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
#wwct-root button { font: inherit; cursor: pointer; appearance: none; margin: 0; letter-spacing: normal; text-transform: none; }
#wwct-root a { color: inherit; text-decoration: none; }
#wwct-root h2, #wwct-root p { margin: 0; font-family: inherit; }
#wwct-root button:focus-visible, #wwct-root a:focus-visible { outline: 3px solid var(--wwct-accent); outline-offset: 4px; }
#wwct-root[data-side="left"] { right: auto; left: 18px; }
#wwct-root[data-anchor="bottom"] { top: auto; bottom: var(--wwct-bottom); transform: none; }
#wwct-root .wwct-icon { display: inline-flex; flex: 0 0 auto; width: 24px; height: 24px; align-items: center; justify-content: center; }
#wwct-root .wwct-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#wwct-root .wwct-rail { position: relative; padding: 12px 7px 7px; background: #fff; border: 1px solid #e1e8f0; border-radius: 17px; box-shadow: 0 12px 42px rgba(15, 41, 70, .12); max-height: calc(100dvh - 32px); overflow-y: auto; scrollbar-width: thin; }
#wwct-root .wwct-fold { position: relative; display: flex; width: 22px; height: 20px; padding: 3px; margin: -7px -2px 0 auto; color: #7f91a5; background: transparent; border: 0; border-radius: 6px; }
#wwct-root .wwct-fold .wwct-icon { width: 14px; height: 14px; }
#wwct-root .wwct-primary { display: grid; justify-items: center; width: 100%; padding: 3px 0 12px; gap: 9px; background: transparent; border: 0; color: var(--wwct-ink); border-radius: 10px; }
#wwct-root .wwct-primary > .wwct-icon { display: none; }
#wwct-root .wwct-mini-qr { width: 56px; padding: 1px; border: 1px solid #edf0f4; background: #fff; border-radius: 5px; }
#wwct-root .wwct-mini-qr img { display: block; width: 100%; height: auto; margin: 0; border-radius: 0; }
#wwct-root .wwct-primary-label strong, #wwct-root .wwct-primary-label small { display: block; font-family: inherit; }
#wwct-root .wwct-primary-label strong { font-size: 13px; line-height: 1.5; font-weight: 700; color: var(--wwct-ink); }
#wwct-root .wwct-primary-label small { margin-top: 1px; font-size: 11px; line-height: 1.5; color: var(--wwct-muted); }
#wwct-root .wwct-action { display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 67px; padding: 11px 0; border: 0; border-top: 1px solid #edf1f6; background: #fff; color: #49647e; font-size: 11px; line-height: 1.4; border-radius: 0; }
#wwct-root .wwct-action .wwct-icon { width: 22px; height: 22px; color: var(--wwct-accent); }
#wwct-root .wwct-primary:hover, #wwct-root .wwct-action:hover { background: #f4f8ff; color: var(--wwct-accent); }
#wwct-root .wwct-launcher { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin-left: auto; padding: 13px; border: 1px solid rgba(255,255,255,.6); border-radius: 50%; background: var(--wwct-accent); color: #fff; box-shadow: 0 8px 30px rgba(15, 50, 100, .22); }
#wwct-root[data-side="left"] .wwct-launcher { margin-left: 0; }
#wwct-root .wwct-launcher .wwct-icon { width: 28px; height: 28px; }
#wwct-root .wwct-preview { position: absolute; width: 298px; right: calc(100% + 16px); top: 50%; transform: translateY(-50%); padding: 24px; border: 1px solid #dce6f3; border-radius: 21px; background: #fff; box-shadow: 0 18px 60px rgba(20, 48, 85, .18); pointer-events: auto; max-height: calc(100dvh - 32px); overflow-y: auto; }
#wwct-root[data-side="left"] .wwct-preview { right: auto; left: calc(100% + 16px); }
#wwct-root .wwct-eyebrow { display: inline-block; padding: 3px 11px; margin-bottom: 12px; background: #edf4ff; color: var(--wwct-accent); border-radius: 20px; font-size: 11px; font-weight: 650; }
#wwct-root .wwct-preview h2 { color: var(--wwct-ink); font-size: 17px; line-height: 1.65; font-weight: 750; }
#wwct-root .wwct-preview p { color: var(--wwct-muted); font-size: 12px; }
#wwct-root .wwct-qr-frame { width: 236px; max-width: 100%; margin: 20px auto 14px; padding: 14px; border: 1px solid #e4eaf2; border-radius: 15px; background: #fff; }
#wwct-root .wwct-qr-frame img { display: block; width: 100%; height: auto; margin: 0; border-radius: 0; image-rendering: pixelated; }
#wwct-root .wwct-preview .wwct-qr-frame { width: 224px; }
#wwct-root .wwct-dialog { position: fixed; inset: auto; top: 50%; right: 124px; transform: translateY(-50%); width: 352px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; margin: 0; padding: 30px 26px 23px; border: 1px solid #dce5f1; border-radius: 24px; box-shadow: 0 24px 80px rgba(12, 35, 65, .24); background: #fff; color: var(--wwct-ink); text-align: center; font: inherit; overscroll-behavior: contain; }
#wwct-root[data-side="left"] .wwct-dialog { right: auto; left: 124px; }
#wwct-root[data-anchor="bottom"] .wwct-dialog { top: auto; bottom: var(--wwct-bottom); transform: none; }
#wwct-root .wwct-dialog::backdrop { background: rgba(11, 31, 51, .22); }
#wwct-root .wwct-dialog-close { position: absolute; top: 14px; right: 14px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 7px; border: 0; border-radius: 50%; background: #f0f4f8; color: #567189; }
#wwct-root .wwct-dialog-close .wwct-icon { width: 16px; height: 16px; }
#wwct-root .wwct-dialog-brand { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 7px 0 18px; color: var(--wwct-accent); font-size: 12px; font-weight: 700; }
#wwct-root .wwct-dialog-brand .wwct-icon { width: 25px; height: 25px; }
#wwct-root .wwct-dialog h2 { color: var(--wwct-ink); font-size: 22px; line-height: 1.5; font-weight: 750; overflow-wrap: anywhere; }
#wwct-root .wwct-lead { margin-top: 10px; color: var(--wwct-muted); font-size: 12px; line-height: 1.85; overflow-wrap: anywhere; }
#wwct-root .wwct-hours { color: var(--wwct-muted); font-size: 11px; overflow-wrap: anywhere; }
#wwct-root .wwct-dialog-actions { display: grid; gap: 9px; margin-top: 18px; }
#wwct-root .wwct-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; padding: 9px 12px; border: 1px solid transparent; border-radius: 11px; font-size: 12px; font-weight: 650; }
#wwct-root .wwct-button .wwct-icon { width: 16px; height: 16px; }
#wwct-root .wwct-button-primary { background: var(--wwct-accent); color: #fff; }
#wwct-root .wwct-button-secondary { background: #fff; border-color: #d7e1ee; color: #3d5c79; }
#wwct-root .wwct-button:hover { filter: brightness(.97); }
#wwct-root .wwct-phone-line { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 15px; font-size: 13px; color: var(--wwct-ink); }
#wwct-root .wwct-phone-line .wwct-icon { width: 16px; height: 16px; color: var(--wwct-accent); }
#wwct-root .wwct-contact-id { display: flex; gap: 8px; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 14px; padding-top: 12px; border-top: 1px solid #edf1f5; font-size: 12px; }
#wwct-root .wwct-copy-value { user-select: text; overflow-wrap: anywhere; }
#wwct-root .wwct-copy { display: inline-flex; align-items: center; gap: 4px; min-height: 32px; padding: 4px 8px; color: var(--wwct-accent); background: #edf4ff; border: 0; border-radius: 6px; font-size: 11px; }
#wwct-root .wwct-copy .wwct-icon { width: 13px; height: 13px; }
#wwct-root .wwct-status { color: #137d66; font-size: 11px; margin-top: 10px; }
#wwct-root .wwct-status:empty { display: none; }
#wwct-root .wwct-footnote { margin-top: 15px; font-size: 10px; color: #8799ab; line-height: 1.7; }
.wwct-inline-button { display: inline-block; border: 1px solid #155eef; border-radius: 10px; padding: 10px 18px; background: #155eef; color: #fff; font: inherit; cursor: pointer; text-decoration: none; }
.wwct-noscript { padding: 10px; text-align: center; }
@media (min-width: 721px) { #wwct-root[data-desktop="no"] { display: none; } }
@media (max-width: 720px) {
  #wwct-root, #wwct-root[data-anchor="bottom"] { top: auto; right: 16px; bottom: calc(var(--wwct-mobile-bottom) + env(safe-area-inset-bottom, 0px)); left: auto; transform: none; width: auto; max-width: calc(100vw - 32px); }
  #wwct-root[data-side="left"] { left: 16px; right: auto; }
  #wwct-root[data-mobile="no"] { display: none; }
  #wwct-root .wwct-rail { display: flex; align-items: center; gap: 1px; padding: 5px 29px 5px 6px; border-radius: 35px; overflow: visible; box-shadow: 0 8px 35px rgba(10, 40, 90, .17); }
  #wwct-root .wwct-primary { display: flex; flex: 0 0 auto; gap: 7px; width: auto; min-height: 44px; padding: 8px 10px; border-radius: 30px; }
  #wwct-root .wwct-primary > .wwct-icon { display: inline-flex; color: var(--wwct-accent); width: 26px; height: 26px; }
  #wwct-root .wwct-mini-qr, #wwct-root .wwct-primary-label small { display: none; }
  #wwct-root .wwct-primary-label strong { font-size: 13px; }
  #wwct-root .wwct-action { width: 41px; min-height: 42px; height: 42px; padding: 10px; border: 0; border-radius: 50%; }
  #wwct-root .wwct-action > span:not(.wwct-icon) { display: none; }
  #wwct-root .wwct-fold { position: absolute; top: 50%; right: 7px; transform: translateY(-50%); padding: 4px; margin: 0; width: 20px; height: 24px; }
  #wwct-root .wwct-preview { display: none !important; }
  #wwct-root .wwct-dialog, #wwct-root[data-side="left"] .wwct-dialog, #wwct-root[data-anchor="bottom"] .wwct-dialog {
    inset: auto; top: auto; bottom: max(16px, env(safe-area-inset-bottom, 0px)); left: 16px; right: 16px; transform: none; width: calc(100vw - 32px); max-width: 420px; max-height: calc(100dvh - 32px); margin: 0 auto; padding: 28px 22px 22px; border-radius: 24px;
  }
  #wwct-root .wwct-launcher { width: 52px; height: 52px; }
}
@media (prefers-reduced-motion: reduce) { #wwct-root *, #wwct-root *::before, #wwct-root *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }
