.payexa-guide {
        position: fixed;
        right: 1rem;
        bottom: 1rem;
        z-index: 65;
        display: flex;
        align-items: flex-end;
        pointer-events: none;
        transform: translate(var(--payexa-guide-offset-x, 0px), var(--payexa-guide-offset-y, 0px));
        transition: transform 220ms ease;
      }

      .payexa-guide[data-dragging="true"] {
        transition: none;
      }

      .payexa-guide[data-state="hidden"] {
        display: none;
      }

      .payexa-guide[data-menu-obscured="true"] {
        z-index: 30;
      }

      .payexa-guide[data-menu-obscured="true"] .payexa-guide-panel,
      .payexa-guide[data-menu-obscured="true"] .payexa-guide-bubble,
      .payexa-guide[data-menu-obscured="true"] .payexa-guide-bubble-text,
      .payexa-guide[data-menu-obscured="true"] .payexa-guide-bubble a,
      .payexa-guide[data-menu-obscured="true"] .payexa-guide-avatar {
        pointer-events: none;
      }

      .payexa-guide-panel,
      .payexa-guide-bubble,
      .payexa-guide-bubble-text,
      .payexa-guide-bubble a,
      .payexa-guide-avatar {
        pointer-events: auto;
      }

      .payexa-guide-panel {
        width: min(24rem, calc(100vw - 2.75rem));
        max-width: calc(100vw - 2.75rem);
        background: transparent;
        border: 0;
        box-shadow: none;
        overflow: visible;
      }

      .payexa-guide-head {
        display: flex;
        justify-content: flex-start;
        padding: 0;
        overflow: visible;
      }

      .payexa-guide-stage {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: min(22rem, calc(100vw - 2.75rem));
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0.7rem;
        padding: 0 0.8rem 0.8rem;
        isolation: isolate;
        overflow: visible;
      }

      .payexa-guide-stage::before {
        content: "";
        position: absolute;
        inset: 5.2rem -0.8rem -0.4rem;
        border-radius: 9999px;
        background:
          radial-gradient(circle at 50% 42%, rgb(34 211 238 / 0.22), transparent 58%),
          radial-gradient(circle at 70% 78%, rgb(59 130 246 / 0.18), transparent 54%),
          radial-gradient(circle at 32% 78%, rgb(16 185 129 / 0.14), transparent 52%);
        filter: blur(18px);
        z-index: -2;
      }

      .payexa-guide-stage::after {
        content: "";
        position: absolute;
        right: 1rem;
        bottom: 0.25rem;
        width: 6.8rem;
        height: 1.35rem;
        border-radius: 9999px;
        background: radial-gradient(circle, rgb(15 23 42 / 0.42), transparent 72%);
        filter: blur(10px);
        z-index: -1;
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-stage::before,
      .payexa-guide[data-mobile-collapsed="true"] .payexa-guide-stage::before,
      .payexa-guide[data-sleeping="true"] .payexa-guide-stage::after,
      .payexa-guide[data-mobile-collapsed="true"] .payexa-guide-stage::after,
      .payexa-guide[data-waking="true"] .payexa-guide-stage::before,
      .payexa-guide[data-waking="true"] .payexa-guide-stage::after {
        display: none;
      }

      .payexa-guide-bubble {
        position: relative;
        z-index: 3;
        align-self: flex-start;
        width: min(19rem, calc(100vw - 3rem));
        max-width: calc(100vw - 3rem);
        min-height: 4.2rem;
        padding: 1rem 1rem 0.82rem;
        border-radius: 1.2rem;
        border: 1px solid rgb(125 211 252 / 0.2);
        background: linear-gradient(180deg, rgb(15 23 42 / 0.96), rgb(15 23 42 / 0.88));
        box-shadow: 0 18px 36px -24px rgb(2 6 23 / 0.9);
        color: rgb(226 232 240 / 1);
      }

      .payexa-guide-bubble::after {
        content: "";
        position: absolute;
        right: 1.4rem;
        bottom: -0.42rem;
        width: 1rem;
        height: 1rem;
        border-right: 1px solid rgb(125 211 252 / 0.2);
        border-bottom: 1px solid rgb(125 211 252 / 0.2);
        background: rgb(15 23 42 / 0.94);
        transform: rotate(45deg);
      }

      .payexa-guide-intro-tip {
        position: relative;
        z-index: 3;
        align-self: flex-start;
        max-width: min(17rem, calc(100vw - 3.25rem));
        padding: 0.96rem 0.95rem 0.78rem;
        border-radius: 1rem;
        border: 1px solid rgb(103 232 249 / 0.2);
        background: linear-gradient(180deg, rgb(8 47 73 / 0.94), rgb(15 23 42 / 0.92));
        box-shadow: 0 16px 30px -24px rgb(2 6 23 / 0.82);
        color: rgb(224 242 254 / 1);
        opacity: 0;
        transform: translateY(6px) scale(0.98);
        pointer-events: none;
        transition: opacity 220ms ease, transform 220ms ease;
      }

      .payexa-guide-intro-tip::after {
        content: "";
        position: absolute;
        right: 1.2rem;
        bottom: -0.42rem;
        width: 0.92rem;
        height: 0.92rem;
        border-right: 1px solid rgb(103 232 249 / 0.2);
        border-bottom: 1px solid rgb(103 232 249 / 0.2);
        background: rgb(11 47 73 / 0.96);
        transform: rotate(45deg);
      }

      .payexa-guide[data-intro-visible="true"] .payexa-guide-intro-tip {
        opacity: 1;
        transform: translateY(0) scale(1);
        pointer-events: auto;
      }

      .payexa-guide[data-bubbleless="true"] .payexa-guide-bubble {
        opacity: 0;
        transform: translateY(0.3rem) scale(0.96);
        pointer-events: none;
      }

      .payexa-guide[data-bubbleless="true"] .payexa-guide-bubble::after {
        opacity: 0;
      }

      .payexa-guide-intro-title {
        color: rgb(165 243 252 / 1);
        font-size: 0.68rem;
        font-weight: 900;
        letter-spacing: 0.08em;
      }

      .payexa-guide-intro-text {
        margin-top: 0.3rem;
        color: rgb(226 232 240 / 1);
        font-size: 0.76rem;
        line-height: 1.65;
        display: block;
        min-height: calc(1.65em * 4);
        height: calc(1.65em * 4);
        max-height: calc(1.65em * 4);
        text-align: justify;
        text-align-last: right;
        overflow: hidden;
        overflow-y: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
      }

      .payexa-guide-intro-text::-webkit-scrollbar {
        display: none;
      }

      .payexa-guide-bubble-actions {
        position: absolute;
        top: 0.38rem;
        left: 0.42rem;
        display: inline-flex;
        align-items: center;
        gap: 0.28rem;
        z-index: 2;
      }

      .payexa-guide-bubble-close,
      .payexa-guide-sound-toggle {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1.15rem;
        height: 1.15rem;
        padding: 0;
        border: 0;
        border-radius: 9999px;
        background: rgb(255 255 255 / 0.06);
        color: rgb(186 230 253 / 0.82);
        font-size: 0.8rem;
        font-weight: 900;
        line-height: 1;
        cursor: pointer;
        transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
      }

      .payexa-guide-bubble-close:hover,
      .payexa-guide-sound-toggle:hover {
        background: rgb(248 113 113 / 0.14);
        color: rgb(254 226 226 / 0.96);
        transform: scale(1.06);
      }

      .payexa-guide-sound-toggle {
        font-size: 0;
      }

      .payexa-guide-sound-toggle__icon {
        display: inline-flex;
        width: 0.76rem;
        height: 0.76rem;
      }

      .payexa-guide-sound-toggle__icon svg {
        width: 100%;
        height: 100%;
      }

      .payexa-guide-sound-toggle__icon--off {
        display: none;
      }

      .payexa-guide[data-muted="true"] .payexa-guide-sound-toggle__icon--on {
        display: none;
      }

      .payexa-guide[data-muted="true"] .payexa-guide-sound-toggle__icon--off {
        display: inline-flex;
      }

      .payexa-guide-intro-text.is-typing::after {
        content: "|";
        display: inline-block;
        margin-right: 0.18rem;
        color: rgb(103 232 249 / 1);
        animation: payexa-guide-caret-blink 0.9s step-end infinite;
      }

      .payexa-guide-bubble-text {
        color: rgb(226 232 240 / 1);
        font-size: 0.8rem;
        line-height: 1.7;
        display: block;
        min-height: calc(1.7em * 4);
        height: calc(1.7em * 4);
        max-height: calc(1.7em * 4);
        text-align: justify;
        text-align-last: right;
        overflow: hidden;
        overflow-y: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        overflow-wrap: anywhere;
        word-break: break-word;
      }

      .payexa-guide-bubble-text::-webkit-scrollbar {
        display: none;
      }

      .payexa-guide-bubble-text a {
        color: rgb(103 232 249 / 1);
        font-weight: 800;
        text-decoration: none;
        border-bottom: 1px solid rgb(103 232 249 / 0.35);
        transition: color 180ms ease, border-color 180ms ease;
      }

      .payexa-guide-bubble-text a:hover {
        color: rgb(165 243 252 / 1);
        border-color: rgb(165 243 252 / 0.7);
      }

      .payexa-guide-bubble-text.is-typing::after {
        content: "|";
        display: inline-block;
        margin-right: 0.18rem;
        color: rgb(103 232 249 / 1);
        animation: payexa-guide-caret-blink 0.9s step-end infinite;
      }

      .payexa-guide-avatar {
        position: relative;
        z-index: 1;
        display: inline-flex;
        height: 3.8rem;
        width: 3.8rem;
        flex: none;
        align-items: center;
        justify-content: center;
        border-radius: 1.35rem;
        background: radial-gradient(circle at 30% 25%, rgb(103 232 249 / 0.55), rgb(14 165 233 / 0.18));
        box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.14), 0 18px 34px -18px rgb(14 165 233 / 0.65);
        overflow: visible;
        cursor: default;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none;
        touch-action: none;
        transition: transform 220ms ease, box-shadow 220ms ease, filter 220ms ease, opacity 220ms ease;
      }

      .payexa-guide-avatar[role="button"] {
        cursor: default;
      }

      .payexa-guide-avatar--hero {
        height: 6.35rem;
        width: 6.35rem;
        border-radius: 1.95rem;
        box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 26px 44px -20px rgb(14 165 233 / 0.72);
      }

      .payexa-guide-avatar::before {
        content: "";
        position: absolute;
        inset: 0.22rem;
        border-radius: 1.1rem;
        border: 1px solid rgb(255 255 255 / 0.1);
        background: linear-gradient(180deg, rgb(15 23 42 / 0.16), transparent 60%);
      }

      .payexa-guide-avatar--hero::before {
        inset: 0.26rem;
        border-radius: 1.55rem;
      }

      .payexa-guide-avatar::after {
        content: "";
        position: absolute;
        inset: -34%;
        border-radius: 2.2rem;
        background: linear-gradient(
          120deg,
          transparent 24%,
          rgb(255 255 255 / 0.02) 34%,
          rgb(255 255 255 / 0.16) 47%,
          rgb(255 255 255 / 0.28) 50%,
          rgb(255 255 255 / 0.16) 53%,
          rgb(255 255 255 / 0.02) 66%,
          transparent 76%
        );
        transform: translateX(-58%) translateY(-12%) rotate(12deg);
        filter: blur(10px);
        opacity: 0.78;
        mix-blend-mode: screen;
        -webkit-mask-image: radial-gradient(circle at center, transparent 4%, rgb(0 0 0 / 0.98) 24%, rgb(0 0 0 / 0.98) 72%, transparent 100%);
        mask-image: radial-gradient(circle at center, transparent 4%, rgb(0 0 0 / 0.98) 24%, rgb(0 0 0 / 0.98) 72%, transparent 100%);
        animation: payexa-guide-sheen 5.8s ease-in-out infinite;
      }

      .payexa-guide-avatar--hero::after {
        border-radius: 3rem;
        filter: blur(12px);
      }

      .payexa-guide-avatar::before,
      .payexa-guide-avatar::after,
      .payexa-guide-avatar-orbit,
      .payexa-guide-avatar-sleep-mark {
        pointer-events: none;
      }

      .payexa-guide-avatar-sleep-mark {
        position: absolute;
        top: 0.08rem;
        right: 0.98rem;
        width: 1.95rem;
        height: 2.1rem;
        z-index: 7;
        opacity: 0;
        pointer-events: none;
        transform-origin: center;
      }

      .payexa-guide-avatar-sleep-z {
        position: absolute;
        right: 0;
        bottom: 0;
        opacity: 0;
        color: rgb(255 244 214 / 0.98);
        font-size: 0.86rem;
        font-weight: 900;
        line-height: 1;
        letter-spacing: -0.02em;
        text-shadow: 0 0.18rem 0.48rem rgb(15 23 42 / 0.34), 0 0 0.08rem rgb(120 53 15 / 0.16);
        transform: translate(0, 0) scale(0.68) rotate(-8deg);
        transform-origin: center;
      }

      .payexa-guide-avatar-sleep-z--1 {
        right: 0.16rem;
        bottom: 0.06rem;
        font-size: 0.82rem;
      }

      .payexa-guide-avatar-sleep-z--2 {
        right: 0.42rem;
        bottom: 0.14rem;
        font-size: 0.98rem;
      }

      .payexa-guide-avatar-sleep-z--3 {
        right: 0.72rem;
        bottom: 0.2rem;
        font-size: 1.12rem;
      }

      .payexa-guide-avatar-art {
        position: relative;
        z-index: 1;
        width: 2.85rem;
        height: 2.85rem;
        overflow: visible;
        animation: payexa-guide-float 3.4s ease-in-out infinite;
        transition: transform 220ms ease, opacity 220ms ease, filter 220ms ease;
        cursor: grab;
      }

      .payexa-guide[data-dragging="true"] .payexa-guide-avatar-art {
        cursor: grabbing;
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-stage {
        gap: 0;
        width: auto;
        max-width: none;
        padding: 0;
        pointer-events: none;
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-panel {
        width: auto;
        max-width: none;
        pointer-events: none;
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-intro-tip {
        box-shadow: none;
        filter: none;
        pointer-events: none;
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-intro-tip::after {
        box-shadow: none;
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-bubble {
        display: none;
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-avatar {
        transform: scale(0.76) rotate(-3deg);
        box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 10px 22px -18px rgb(15 23 42 / 0.55);
        filter: saturate(0.76) brightness(0.94);
        animation: payexa-guide-sleep-breathe 6.2s cubic-bezier(0.42, 0, 0.2, 1) infinite;
        transform-origin: center bottom;
        pointer-events: auto;
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-avatar-art {
        animation: payexa-guide-sleep-head-drift 6.2s cubic-bezier(0.42, 0, 0.2, 1) infinite;
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-avatar::after {
        animation: none;
        opacity: 0.12;
      }

      .payexa-guide[data-sleeping="true"][data-avatar-hover="true"] .payexa-guide-intro-tip {
        opacity: 1;
        transform: translateY(0) scale(1);
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-avatar-orbit {
        border-color: rgb(125 211 252 / 0.09);
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-avatar-orbit::after {
        background: rgb(148 163 184 / 0.34);
        box-shadow: 0 0 0 0.1rem rgb(148 163 184 / 0.08);
        animation: payexa-guide-sleep-orbit 6.2s ease-in-out infinite;
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-avatar-sleep-mark {
        opacity: 1;
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-avatar-sleep-z--1 {
        animation: payexa-guide-sleep-zzz-1 4.6s cubic-bezier(0.38, 0, 0.2, 1) infinite;
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-avatar-sleep-z--2 {
        animation: payexa-guide-sleep-zzz-2 4.2s cubic-bezier(0.38, 0, 0.2, 1) 0.75s infinite;
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-avatar-sleep-z--3 {
        animation: payexa-guide-sleep-zzz-3 4.9s cubic-bezier(0.38, 0, 0.2, 1) 1.45s infinite;
      }

      .payexa-guide[data-waking="true"] .payexa-guide-stage {
        gap: 0;
      }

      .payexa-guide[data-waking="true"] .payexa-guide-bubble {
        display: none;
      }

      .payexa-guide[data-waking="true"] .payexa-guide-avatar {
        transform: scale(0.9);
        animation: payexa-guide-wake-pop 0.72s ease-out forwards;
      }

      .payexa-guide[data-waking="true"] .payexa-guide-avatar-art {
        animation: payexa-guide-wake-pop 0.72s ease-out forwards;
      }

      .payexa-guide-brand-mark,
      .payexa-guide-character {
        transform-origin: center;
        transition: opacity 260ms ease, transform 260ms ease, filter 260ms ease;
      }

      .payexa-guide-brand-mark {
        opacity: 0;
        transform: scale(0.78);
      }

      .payexa-guide-avatar--hero .payexa-guide-avatar-art {
        width: 5rem;
        height: 5rem;
        -webkit-user-select: none;
        user-select: none;
      }

      .payexa-guide-character,
      .payexa-guide-character-head,
      .payexa-guide-character-arm,
      .payexa-guide-character-forearm,
      .payexa-guide-character-eye {
        -webkit-transform-box: fill-box;
        transform-box: fill-box;
        transform-origin: center;
      }

      .payexa-guide-character {
        animation: payexa-guide-breathe 3.4s ease-in-out infinite;
      }

      .payexa-guide-character-head {
        transform-origin: center 72%;
      }

      .payexa-guide-character-arm--left {
        transform-origin: 25% 52%;
      }

      .payexa-guide-character-arm--right {
        transform-origin: 75% 52%;
      }

      .payexa-guide-character-forearm--left {
        transform-origin: 31% 60%;
      }

      .payexa-guide-character-forearm--right {
        transform-origin: 69% 60%;
      }

      .payexa-guide-character-eye {
        animation: payexa-guide-eye-blink 5s ease-in-out infinite;
      }

      .payexa-guide[data-motion="idle"] .payexa-guide-brand-mark {
        opacity: 1;
        transform: scale(1);
        animation: payexa-guide-brand-pulse 2.8s ease-in-out infinite;
      }

      .payexa-guide[data-motion="idle"] .payexa-guide-character {
        opacity: 0;
        transform: scale(0.72);
        filter: blur(1px);
      }

      .payexa-guide:not([data-motion="idle"]) .payexa-guide-brand-mark {
        opacity: 0;
        transform: scale(0.82);
        animation: none;
      }

      .payexa-guide:not([data-motion="idle"]) .payexa-guide-character {
        opacity: 1;
        transform: scale(1);
        filter: none;
      }

      .payexa-guide-character-mouth--smile,
      .payexa-guide-character-mouth--alert {
        opacity: 0;
      }

      .payexa-guide[data-motion="idle"] .payexa-guide-character-head,
      .payexa-guide[data-motion="wave"] .payexa-guide-character-head {
        animation: payexa-guide-head-tilt 3.2s ease-in-out infinite;
      }

      .payexa-guide[data-motion="wave"] .payexa-guide-character-arm--right {
        animation: payexa-guide-arm-wave 1.4s ease-in-out infinite;
      }

      .payexa-guide[data-motion="wave"] .payexa-guide-character-forearm--right {
        animation: payexa-guide-forearm-wave 1.4s ease-in-out infinite;
      }

      .payexa-guide[data-motion="wave"] .payexa-guide-character-mouth--neutral {
        opacity: 0;
      }

      .payexa-guide[data-motion="wave"] .payexa-guide-character-mouth--smile {
        opacity: 1;
      }

      .payexa-guide[data-motion="alert"] .payexa-guide-avatar {
        animation: payexa-guide-alert-pulse 1.65s ease-in-out infinite;
      }

      .payexa-guide[data-motion="alert"] .payexa-guide-character-head {
        animation: payexa-guide-alert-tilt 0.85s ease-in-out infinite;
      }

      .payexa-guide[data-motion="alert"] .payexa-guide-avatar-orbit::after {
        animation-duration: 1.25s;
        background: rgb(252 211 77 / 1);
        box-shadow: 0 0 0 0.22rem rgb(245 158 11 / 0.2);
      }

      .payexa-guide[data-motion="alert"] .payexa-guide-character-mouth--neutral {
        opacity: 0;
      }

      .payexa-guide[data-motion="alert"] .payexa-guide-character-mouth--alert {
        opacity: 1;
      }

      .payexa-guide[data-motion="celebrate"] .payexa-guide-character {
        animation: payexa-guide-celebrate-bounce 1.2s ease-in-out infinite;
      }

      .payexa-guide[data-motion="celebrate"] .payexa-guide-character-arm--left {
        animation: payexa-guide-arm-cheer-left 1.2s ease-in-out infinite;
      }

      .payexa-guide[data-motion="celebrate"] .payexa-guide-character-arm--right {
        animation: payexa-guide-arm-cheer-right 1.2s ease-in-out infinite;
      }

      .payexa-guide[data-motion="celebrate"] .payexa-guide-character-mouth--neutral {
        opacity: 0;
      }

      .payexa-guide[data-motion="celebrate"] .payexa-guide-character-mouth--smile {
        opacity: 1;
      }

      .payexa-guide[data-motion="celebrate"] .payexa-guide-avatar-orbit::after {
        background: rgb(16 185 129 / 1);
        box-shadow: 0 0 0 0.22rem rgb(16 185 129 / 0.16);
      }

      .payexa-guide-brand-mark {
        display: none;
      }

      .payexa-guide-character,
      .payexa-guide-character-face,
      .payexa-guide-network-node,
      .payexa-guide-network-arc,
      .payexa-guide-network-ring,
      .payexa-guide-scan-beam,
      .payexa-guide-think-dot {
        -webkit-transform-box: fill-box;
        transform-box: fill-box;
        transform-origin: center;
      }

      .payexa-guide[data-motion="idle"] .payexa-guide-character,
      .payexa-guide[data-motion="wave"] .payexa-guide-character,
      .payexa-guide[data-motion="alert"] .payexa-guide-character,
      .payexa-guide[data-motion="celebrate"] .payexa-guide-character,
      .payexa-guide[data-motion="scan"] .payexa-guide-character,
      .payexa-guide[data-motion="think"] .payexa-guide-character,
      .payexa-guide[data-motion="processing"] .payexa-guide-character {
        opacity: 1;
        transform: scale(1);
        filter: none;
      }

      .payexa-guide-character-face {
        animation: payexa-guide-head-tilt 3.8s ease-in-out infinite;
      }

      .payexa-guide-network-node,
      .payexa-guide-network-ring {
        animation: payexa-guide-node-pulse 3.4s ease-in-out infinite;
      }

      .payexa-guide-network-node--2,
      .payexa-guide-network-node--4 {
        animation-delay: 0.45s;
      }

      .payexa-guide-network-node--3,
      .payexa-guide-network-node--5 {
        animation-delay: 0.9s;
      }

      .payexa-guide-scan-beam,
      .payexa-guide-character-mouth--processing,
      .payexa-guide-character-mouth--think,
      .payexa-guide-character-mouth--speaking,
      .payexa-guide-listening-wave {
        opacity: 0;
      }

      .payexa-guide[data-motion="idle"] .payexa-guide-character-face {
        animation-duration: 4.8s;
      }

      .payexa-guide[data-motion="listening"] .payexa-guide-character-face {
        animation: payexa-guide-listen-tilt 2.4s ease-in-out infinite;
      }

      .payexa-guide[data-motion="listening"] .payexa-guide-listening-wave {
        opacity: 1;
        animation: payexa-guide-listening-wave 1.7s ease-out infinite;
      }

      .payexa-guide[data-motion="listening"] .payexa-guide-listening-wave--2 {
        animation-delay: 0.28s;
      }

      .payexa-guide[data-motion="listening"] .payexa-guide-character-eye {
        animation-duration: 4.2s;
        fill: rgb(167 243 208 / 1);
      }

      .payexa-guide[data-motion="speaking"] .payexa-guide-character-face {
        animation: payexa-guide-speak-bob 1.15s ease-in-out infinite;
      }

      .payexa-guide[data-motion="speaking"] .payexa-guide-character-mouth--speaking {
        opacity: 1;
      }

      .payexa-guide[data-motion="speaking"] .payexa-guide-character-mouth--speaking rect {
        animation: payexa-guide-speaking-bars 0.9s ease-in-out infinite;
      }

      .payexa-guide[data-motion="speaking"] .payexa-guide-character-mouth--speaking rect:nth-child(2) {
        animation-delay: 0.14s;
      }

      .payexa-guide[data-motion="speaking"] .payexa-guide-character-mouth--speaking rect:nth-child(3) {
        animation-delay: 0.28s;
      }

      .payexa-guide[data-motion="speaking"] .payexa-guide-character-eye {
        fill: rgb(125 211 252 / 1);
      }

      .payexa-guide[data-motion="speaking"] .payexa-guide-network-node,
      .payexa-guide[data-motion="speaking"] .payexa-guide-network-ring {
        animation-duration: 1.7s;
      }

      .payexa-guide[data-motion="wave"] .payexa-guide-character-face {
        animation-duration: 2.9s;
      }

      .payexa-guide[data-motion="wave"] .payexa-guide-character-mouth--neutral,
      .payexa-guide[data-motion="celebrate"] .payexa-guide-character-mouth--neutral,
      .payexa-guide[data-motion="think"] .payexa-guide-character-mouth--neutral,
      .payexa-guide[data-motion="processing"] .payexa-guide-character-mouth--neutral,
      .payexa-guide[data-motion="scan"] .payexa-guide-character-mouth--neutral,
      .payexa-guide[data-motion="alert"] .payexa-guide-character-mouth--neutral {
        opacity: 0;
      }

      .payexa-guide[data-motion="wave"] .payexa-guide-character-mouth--smile,
      .payexa-guide[data-motion="celebrate"] .payexa-guide-character-mouth--smile {
        opacity: 1;
      }

      .payexa-guide[data-motion="alert"] .payexa-guide-character-eye,
      .payexa-guide[data-motion="alert"] .payexa-guide-network-node {
        fill: rgb(253 224 71 / 1);
      }

      .payexa-guide[data-motion="alert"] .payexa-guide-character-face {
        animation-duration: 0.72s;
      }

      .payexa-guide[data-motion="alert"] .payexa-guide-character-mouth--alert {
        opacity: 1;
      }

      .payexa-guide[data-motion="scan"] .payexa-guide-character-face {
        animation-duration: 2.1s;
      }

      .payexa-guide[data-motion="scan"] .payexa-guide-scan-beam {
        opacity: 1;
        animation: payexa-guide-scan-sweep 1.65s ease-in-out infinite;
      }

      .payexa-guide[data-motion="scan"] .payexa-guide-character-eye {
        animation-duration: 3.6s;
      }

      .payexa-guide[data-motion="scan"] .payexa-guide-network-node {
        animation-duration: 1.9s;
      }

      .payexa-guide[data-motion="scan"] .payexa-guide-network-ring,
      .payexa-guide[data-motion="scan"] .payexa-guide-network-arc {
        stroke: rgb(34 211 238 / 0.92);
      }

      .payexa-guide[data-motion="think"] .payexa-guide-character-mouth--think {
        opacity: 1;
      }

      .payexa-guide[data-motion="think"] .payexa-guide-character-face {
        animation-duration: 5.2s;
      }

      .payexa-guide[data-motion="think"] .payexa-guide-think-dot {
        opacity: 1;
        animation: payexa-guide-think-float 1.8s ease-in-out infinite;
      }

      .payexa-guide[data-motion="think"] .payexa-guide-think-dot--2 {
        animation-delay: 0.3s;
      }

      .payexa-guide[data-motion="think"] .payexa-guide-think-dot--3 {
        animation-delay: 0.6s;
      }

      .payexa-guide[data-motion="processing"] .payexa-guide-character-mouth--processing {
        opacity: 1;
      }

      .payexa-guide[data-motion="processing"] .payexa-guide-character-face {
        animation-duration: 2.1s;
      }

      .payexa-guide[data-motion="processing"] .payexa-guide-character-mouth--processing circle {
        animation: payexa-guide-processing-dots 1.1s ease-in-out infinite;
      }

      .payexa-guide[data-motion="processing"] .payexa-guide-character-mouth--processing circle:nth-child(2) {
        animation-delay: 0.16s;
      }

      .payexa-guide[data-motion="processing"] .payexa-guide-character-mouth--processing circle:nth-child(3) {
        animation-delay: 0.32s;
      }

      .payexa-guide[data-motion="processing"] .payexa-guide-network-node,
      .payexa-guide[data-motion="processing"] .payexa-guide-network-ring {
        animation-duration: 1.3s;
      }

      .payexa-guide-panel[data-tone="info"] .payexa-guide-bubble {
        border-color: rgb(56 189 248 / 0.24);
      }

      .payexa-guide-panel[data-tone="warning"] .payexa-guide-bubble {
        border-color: rgb(245 158 11 / 0.32);
      }

      .payexa-guide-panel[data-tone="success"] .payexa-guide-bubble {
        border-color: rgb(52 211 153 / 0.28);
      }

      .payexa-guide-panel[data-tone="error"] .payexa-guide-bubble {
        border-color: rgb(248 113 113 / 0.38);
      }

      .payexa-guide[data-motion] .payexa-guide-character {
        opacity: 1;
        transform: scale(1);
        filter: none;
      }

      .payexa-guide-fin-halo,
      .payexa-guide-fin-shell,
      .payexa-guide-fin-shell-inner,
      .payexa-guide-prop,
      .payexa-guide-prop-body,
      .payexa-guide-prop-accent,
      .payexa-guide-fin-chip,
      .payexa-guide-fin-contact,
      .payexa-guide-fin-node,
      .payexa-guide-fin-brow,
      .payexa-guide-fin-eye,
      .payexa-guide-fin-mouth,
      .payexa-guide-fin-scan,
      .payexa-guide-fin-wave,
      .payexa-guide-fin-think-dot,
      .payexa-guide-fin-led {
        -webkit-transform-box: fill-box;
        transform-box: fill-box;
        transform-origin: center;
        transition: opacity 220ms ease, transform 220ms ease, fill 220ms ease, stroke 220ms ease;
      }

      .payexa-guide-fin-shell {
        animation: payexa-guide-breathe 4.4s ease-in-out infinite;
      }

      .payexa-guide-fin-halo {
        animation: payexa-guide-fin-halo-pulse 3.8s ease-in-out infinite;
      }

      .payexa-guide-fin-node {
        animation: payexa-guide-node-pulse 2.8s ease-in-out infinite;
      }

      .payexa-guide-fin-node--2,
      .payexa-guide-fin-node--5 {
        animation-delay: 0.28s;
      }

      .payexa-guide-fin-node--3,
      .payexa-guide-fin-node--6 {
        animation-delay: 0.56s;
      }

      .payexa-guide-fin-brow {
        stroke: rgb(125 211 252 / 0.76);
      }

      .payexa-guide-fin-eye {
        animation: payexa-guide-eye-blink 5.2s ease-in-out infinite;
        fill: rgb(103 232 249 / 1);
      }

      .payexa-guide-fin-mouth,
      .payexa-guide-fin-scan,
      .payexa-guide-fin-wave,
      .payexa-guide-fin-think-dot,
      .payexa-guide-fin-sweat {
        opacity: 0;
      }

      .payexa-guide-fin-mouth--neutral {
        opacity: 1;
      }

      .payexa-guide-prop {
        opacity: 0;
        transition: opacity 220ms ease, transform 220ms ease;
      }

      .payexa-guide[data-prop="document"] .payexa-guide-prop--document,
      .payexa-guide[data-prop="toolkit"] .payexa-guide-prop--toolkit,
      .payexa-guide[data-prop="payment"] .payexa-guide-prop--payment,
      .payexa-guide[data-prop="dashboard"] .payexa-guide-prop--dashboard,
      .payexa-guide[data-prop="support"] .payexa-guide-prop--support {
        opacity: 1;
      }

      .payexa-guide[data-prop="document"] .payexa-guide-prop--document {
        animation: payexa-guide-prop-float 2.4s ease-in-out infinite;
      }

      .payexa-guide[data-prop="toolkit"] .payexa-guide-prop--toolkit {
        animation: payexa-guide-prop-toolkit 2.2s ease-in-out infinite;
      }

      .payexa-guide[data-prop="payment"] .payexa-guide-prop--payment,
      .payexa-guide[data-prop="dashboard"] .payexa-guide-prop--dashboard,
      .payexa-guide[data-prop="support"] .payexa-guide-prop--support {
        animation: payexa-guide-prop-float 2.8s ease-in-out infinite;
      }

      .payexa-guide[data-emotion="warm"] .payexa-guide-fin-mouth--soft,
      .payexa-guide[data-emotion="happy"] .payexa-guide-fin-mouth--smile,
      .payexa-guide[data-emotion="empathetic"] .payexa-guide-fin-mouth--soft,
      .payexa-guide[data-emotion="concerned"] .payexa-guide-fin-mouth--concern,
      .payexa-guide[data-emotion="shy-scared"] .payexa-guide-fin-mouth--concern,
      .payexa-guide[data-emotion="critical"] .payexa-guide-fin-mouth--critical {
        opacity: 1;
      }

      .payexa-guide[data-emotion="warm"] .payexa-guide-fin-mouth--neutral,
      .payexa-guide[data-emotion="happy"] .payexa-guide-fin-mouth--neutral,
      .payexa-guide[data-emotion="empathetic"] .payexa-guide-fin-mouth--neutral,
      .payexa-guide[data-emotion="concerned"] .payexa-guide-fin-mouth--neutral,
      .payexa-guide[data-emotion="shy-scared"] .payexa-guide-fin-mouth--neutral,
      .payexa-guide[data-emotion="critical"] .payexa-guide-fin-mouth--neutral {
        opacity: 0;
      }

      .payexa-guide[data-emotion="happy"] .payexa-guide-fin-eye,
      .payexa-guide[data-emotion="warm"] .payexa-guide-fin-eye {
        fill: rgb(165 243 252 / 1);
      }

      .payexa-guide[data-motion="idle"][data-emotion="focused"] .payexa-guide-fin-mouth--neutral,
      .payexa-guide[data-motion="listening"][data-emotion="focused"] .payexa-guide-fin-mouth--neutral,
      .payexa-guide[data-motion="scan"][data-emotion="focused"] .payexa-guide-fin-mouth--neutral,
      .payexa-guide[data-motion="think"][data-emotion="focused"] .payexa-guide-fin-mouth--neutral {
        animation: payexa-guide-mouth-neutral-rest 8.8s ease-in-out infinite;
      }

      .payexa-guide[data-motion="idle"][data-emotion="focused"] .payexa-guide-fin-mouth--smile,
      .payexa-guide[data-motion="listening"][data-emotion="focused"] .payexa-guide-fin-mouth--smile,
      .payexa-guide[data-motion="scan"][data-emotion="focused"] .payexa-guide-fin-mouth--smile,
      .payexa-guide[data-motion="think"][data-emotion="focused"] .payexa-guide-fin-mouth--smile {
        opacity: 0;
        animation: payexa-guide-mouth-smile-peek 8.8s ease-in-out infinite;
      }

      .payexa-guide[data-motion="idle"][data-emotion="warm"] .payexa-guide-fin-mouth--soft,
      .payexa-guide[data-motion="listening"][data-emotion="warm"] .payexa-guide-fin-mouth--soft,
      .payexa-guide[data-motion="think"][data-emotion="warm"] .payexa-guide-fin-mouth--soft,
      .payexa-guide[data-motion="idle"][data-emotion="empathetic"] .payexa-guide-fin-mouth--soft,
      .payexa-guide[data-motion="listening"][data-emotion="empathetic"] .payexa-guide-fin-mouth--soft,
      .payexa-guide[data-motion="think"][data-emotion="empathetic"] .payexa-guide-fin-mouth--soft {
        animation: payexa-guide-mouth-soft-rest 9.4s ease-in-out infinite;
      }

      .payexa-guide[data-motion="idle"][data-emotion="warm"] .payexa-guide-fin-mouth--smile,
      .payexa-guide[data-motion="listening"][data-emotion="warm"] .payexa-guide-fin-mouth--smile,
      .payexa-guide[data-motion="think"][data-emotion="warm"] .payexa-guide-fin-mouth--smile,
      .payexa-guide[data-motion="idle"][data-emotion="empathetic"] .payexa-guide-fin-mouth--smile,
      .payexa-guide[data-motion="listening"][data-emotion="empathetic"] .payexa-guide-fin-mouth--smile,
      .payexa-guide[data-motion="think"][data-emotion="empathetic"] .payexa-guide-fin-mouth--smile {
        opacity: 0;
        animation: payexa-guide-mouth-smile-peek 9.4s ease-in-out infinite 0.55s;
      }

      .payexa-guide[data-motion="idle"][data-emotion="focused"] .payexa-guide-fin-eye,
      .payexa-guide[data-motion="listening"][data-emotion="focused"] .payexa-guide-fin-eye,
      .payexa-guide[data-motion="idle"][data-emotion="warm"] .payexa-guide-fin-eye,
      .payexa-guide[data-motion="listening"][data-emotion="warm"] .payexa-guide-fin-eye,
      .payexa-guide[data-motion="idle"][data-emotion="empathetic"] .payexa-guide-fin-eye,
      .payexa-guide[data-motion="listening"][data-emotion="empathetic"] .payexa-guide-fin-eye {
        animation: payexa-guide-eye-blink 5.2s ease-in-out infinite, payexa-guide-eye-smile-glow 8.8s ease-in-out infinite;
      }

      .payexa-guide[data-emotion="focused"] .payexa-guide-fin-brow,
      .payexa-guide[data-emotion="concerned"] .payexa-guide-fin-brow,
      .payexa-guide[data-emotion="shy-scared"] .payexa-guide-fin-brow,
      .payexa-guide[data-emotion="critical"] .payexa-guide-fin-brow {
        stroke: rgb(56 189 248 / 0.92);
      }

      .payexa-guide[data-emotion="empathetic"] .payexa-guide-fin-brow {
        stroke: rgb(148 163 184 / 0.78);
      }

      .payexa-guide[data-emotion="critical"] .payexa-guide-fin-eye,
      .payexa-guide[data-motion="alert"] .payexa-guide-fin-eye {
        fill: rgb(248 113 113 / 1);
      }

      .payexa-guide[data-emotion="shy-scared"] .payexa-guide-fin-eye {
        fill: rgb(191 219 254 / 0.96);
        animation: payexa-guide-eye-blink 4.2s ease-in-out infinite, payexa-guide-fin-shy-scared-eye-tremble 1.45s ease-in-out infinite;
      }

      .payexa-guide[data-emotion="shy-scared"] .payexa-guide-fin-brow {
        stroke: rgb(147 197 253 / 0.94);
        transform: translateY(-0.02rem) rotate(-6deg);
      }

      .payexa-guide[data-emotion="shy-scared"] .payexa-guide-fin-sweat {
        opacity: 1;
      }

      .payexa-guide[data-emotion="shy-scared"] .payexa-guide-fin-sweat--left {
        animation: payexa-guide-fin-sweat-drip-left 1.85s ease-in-out infinite;
      }

      .payexa-guide[data-emotion="shy-scared"] .payexa-guide-fin-sweat--right {
        animation: payexa-guide-fin-sweat-drip-right 1.7s ease-in-out infinite 0.22s;
      }

      .payexa-guide[data-emotion="shy-scared"] .payexa-guide-fin-mouth--concern {
        stroke: rgb(226 232 240 / 0.88);
        animation: payexa-guide-fin-shy-scared-mouth 1.5s ease-in-out infinite;
      }

      .payexa-guide[data-motion="flustered"] .payexa-guide-fin-shell {
        animation: payexa-guide-fin-flustered-shiver 0.72s ease-in-out infinite;
      }

      .payexa-guide[data-motion="flustered"] .payexa-guide-fin-halo {
        animation: payexa-guide-fin-flustered-halo 1.3s ease-in-out infinite;
        opacity: 0.3;
      }

      .payexa-guide[data-motion="flustered"] .payexa-guide-fin-node,
      .payexa-guide[data-motion="flustered"] .payexa-guide-fin-led {
        fill: rgb(125 211 252 / 0.9);
        animation: payexa-guide-fin-flustered-node 0.92s ease-in-out infinite;
      }

      .payexa-guide[data-motion="flustered"] .payexa-guide-fin-mouth--neutral,
      .payexa-guide[data-motion="flustered"] .payexa-guide-fin-mouth--soft,
      .payexa-guide[data-motion="flustered"] .payexa-guide-fin-mouth--smile,
      .payexa-guide[data-motion="flustered"] .payexa-guide-fin-mouth--critical {
        opacity: 0;
      }

      .payexa-guide[data-motion="flustered"] .payexa-guide-fin-mouth--concern {
        opacity: 1;
      }

      .payexa-guide[data-motion="idle"] .payexa-guide-fin-shell {
        animation-duration: 5.4s;
      }

      .payexa-guide[data-motion="listening"] .payexa-guide-fin-wave {
        opacity: 1;
        animation: payexa-guide-fin-wave-listen 1.7s ease-out infinite;
      }

      .payexa-guide[data-motion="listening"] .payexa-guide-fin-wave--2 {
        animation-delay: 0.24s;
      }

      .payexa-guide[data-motion="listening"] .payexa-guide-fin-wave--3 {
        animation-delay: 0.48s;
      }

      .payexa-guide[data-motion="speaking"] .payexa-guide-fin-mouth--neutral,
      .payexa-guide[data-motion="speaking"] .payexa-guide-fin-mouth--soft,
      .payexa-guide[data-motion="speaking"] .payexa-guide-fin-mouth--smile,
      .payexa-guide[data-motion="speaking"] .payexa-guide-fin-mouth--concern,
      .payexa-guide[data-motion="speaking"] .payexa-guide-fin-mouth--critical {
        opacity: 0;
      }

      .payexa-guide[data-motion="speaking"] .payexa-guide-fin-mouth--speaking {
        opacity: 1;
      }

      .payexa-guide[data-motion="speaking"] .payexa-guide-fin-mouth--speaking rect {
        animation: payexa-guide-fin-speaking-bars 0.92s ease-in-out infinite;
      }

      .payexa-guide[data-motion="speaking"] .payexa-guide-fin-mouth--speaking rect:nth-child(2) {
        animation-delay: 0.14s;
      }

      .payexa-guide[data-motion="speaking"] .payexa-guide-fin-mouth--speaking rect:nth-child(3) {
        animation-delay: 0.28s;
      }

      .payexa-guide[data-motion="speaking"] .payexa-guide-fin-shell {
        animation: payexa-guide-fin-speak-bob 1.2s ease-in-out infinite;
      }

      .payexa-guide[data-motion="scan"] .payexa-guide-fin-scan {
        opacity: 1;
        animation: payexa-guide-fin-scan-sweep 1.7s ease-in-out infinite;
      }

      .payexa-guide[data-motion="scan"] .payexa-guide-fin-node,
      .payexa-guide[data-motion="scan"] .payexa-guide-fin-led {
        fill: rgb(34 211 238 / 1);
      }

      .payexa-guide[data-motion="think"] .payexa-guide-fin-think-dot {
        opacity: 1;
        animation: payexa-guide-think-float 1.8s ease-in-out infinite;
      }

      .payexa-guide[data-motion="think"] .payexa-guide-fin-think-dot--2 {
        animation-delay: 0.22s;
      }

      .payexa-guide[data-motion="think"] .payexa-guide-fin-think-dot--3 {
        animation-delay: 0.44s;
      }

      .payexa-guide[data-motion="mischief"] .payexa-guide-fin-shell {
        animation: payexa-guide-fin-mischief-wiggle 1.45s ease-in-out infinite;
      }

      .payexa-guide[data-motion="mischief"] .payexa-guide-fin-mouth--neutral,
      .payexa-guide[data-motion="mischief"] .payexa-guide-fin-mouth--soft,
      .payexa-guide[data-motion="mischief"] .payexa-guide-fin-mouth--concern,
      .payexa-guide[data-motion="mischief"] .payexa-guide-fin-mouth--critical {
        opacity: 0;
      }

      .payexa-guide[data-motion="mischief"] .payexa-guide-fin-mouth--smile {
        opacity: 1;
        animation: payexa-guide-fin-mischief-smile 1.45s ease-in-out infinite;
      }

      .payexa-guide[data-motion="mischief"] .payexa-guide-fin-eye--left {
        animation: payexa-guide-fin-mischief-wink 1.45s ease-in-out infinite;
        transform-origin: center;
      }

      .payexa-guide[data-motion="mischief"] .payexa-guide-fin-eye--right {
        animation: payexa-guide-fin-mischief-eye-glow 1.45s ease-in-out infinite;
      }

      .payexa-guide[data-motion="mischief"] .payexa-guide-fin-node,
      .payexa-guide[data-motion="mischief"] .payexa-guide-fin-led {
        animation: payexa-guide-fin-mischief-twinkle 1.45s ease-in-out infinite;
        fill: rgb(250 204 21 / 0.98);
      }

      .payexa-guide[data-motion="mischief"] .payexa-guide-fin-halo {
        animation: payexa-guide-fin-halo-pulse 1.8s ease-in-out infinite;
        opacity: 0.46;
      }

      .payexa-guide[data-motion="mischief-wave"] .payexa-guide-fin-shell {
        animation: payexa-guide-fin-mischief-wave 1.2s ease-in-out infinite;
      }

      .payexa-guide[data-motion="mischief-wave"] .payexa-guide-fin-mouth--neutral,
      .payexa-guide[data-motion="mischief-wave"] .payexa-guide-fin-mouth--soft,
      .payexa-guide[data-motion="mischief-wave"] .payexa-guide-fin-mouth--concern,
      .payexa-guide[data-motion="mischief-wave"] .payexa-guide-fin-mouth--critical {
        opacity: 0;
      }

      .payexa-guide[data-motion="mischief-wave"] .payexa-guide-fin-mouth--smile {
        opacity: 1;
        animation: payexa-guide-fin-mischief-smile 1.2s ease-in-out infinite;
      }

      .payexa-guide[data-motion="mischief-wave"] .payexa-guide-fin-wave {
        opacity: 1;
        animation: payexa-guide-fin-wave-listen 1.1s ease-out infinite;
      }

      .payexa-guide[data-motion="mischief-wave"] .payexa-guide-fin-wave--2 {
        animation-delay: 0.16s;
      }

      .payexa-guide[data-motion="mischief-wave"] .payexa-guide-fin-wave--3 {
        animation-delay: 0.32s;
      }

      .payexa-guide[data-motion="mischief-wave"] .payexa-guide-fin-eye--left {
        animation: payexa-guide-fin-mischief-eye-glow 1.2s ease-in-out infinite;
      }

      .payexa-guide[data-motion="mischief-wave"] .payexa-guide-fin-eye--right {
        animation: payexa-guide-fin-mischief-wink 1.2s ease-in-out infinite 0.15s;
      }

      .payexa-guide[data-motion="mischief-glow"] .payexa-guide-fin-shell {
        animation: payexa-guide-fin-mischief-glow-float 1.5s ease-in-out infinite;
      }

      .payexa-guide[data-motion="mischief-glow"] .payexa-guide-fin-mouth--neutral,
      .payexa-guide[data-motion="mischief-glow"] .payexa-guide-fin-mouth--concern,
      .payexa-guide[data-motion="mischief-glow"] .payexa-guide-fin-mouth--critical {
        opacity: 0;
      }

      .payexa-guide[data-motion="mischief-glow"] .payexa-guide-fin-mouth--soft,
      .payexa-guide[data-motion="mischief-glow"] .payexa-guide-fin-mouth--smile {
        opacity: 1;
      }

      .payexa-guide[data-motion="mischief-glow"] .payexa-guide-fin-mouth--smile {
        animation: payexa-guide-fin-mischief-smile 1.5s ease-in-out infinite;
      }

      .payexa-guide[data-motion="mischief-glow"] .payexa-guide-fin-eye,
      .payexa-guide[data-motion="mischief-glow"] .payexa-guide-fin-led,
      .payexa-guide[data-motion="mischief-glow"] .payexa-guide-fin-node {
        animation: payexa-guide-fin-mischief-glow-pulse 1.5s ease-in-out infinite;
      }

      .payexa-guide[data-motion="mischief-glow"] .payexa-guide-fin-halo {
        animation: payexa-guide-fin-mischief-halo-glow 1.5s ease-in-out infinite;
        opacity: 0.52;
      }

      .payexa-guide[data-motion="mischief-spin"] .payexa-guide-fin-shell {
        animation: payexa-guide-fin-mischief-spin-bob 1.15s ease-in-out infinite;
      }

      .payexa-guide[data-motion="mischief-spin"] .payexa-guide-fin-mouth--neutral,
      .payexa-guide[data-motion="mischief-spin"] .payexa-guide-fin-mouth--soft,
      .payexa-guide[data-motion="mischief-spin"] .payexa-guide-fin-mouth--concern,
      .payexa-guide[data-motion="mischief-spin"] .payexa-guide-fin-mouth--critical {
        opacity: 0;
      }

      .payexa-guide[data-motion="mischief-spin"] .payexa-guide-fin-mouth--smile {
        opacity: 1;
        animation: payexa-guide-fin-mischief-smile 1.15s ease-in-out infinite;
      }

      .payexa-guide[data-motion="mischief-spin"] .payexa-guide-fin-node,
      .payexa-guide[data-motion="mischief-spin"] .payexa-guide-fin-led {
        animation: payexa-guide-fin-mischief-spin-node 1.15s linear infinite;
        fill: rgb(250 204 21 / 0.98);
      }

      .payexa-guide[data-motion="mischief-spin"] .payexa-guide-fin-eye--left {
        animation: payexa-guide-fin-mischief-wink 1.15s ease-in-out infinite 0.12s;
      }

      .payexa-guide[data-motion="mischief-spin"] .payexa-guide-fin-eye--right {
        animation: payexa-guide-fin-mischief-eye-glow 1.15s ease-in-out infinite;
      }

      .payexa-guide[data-motion="mischief-spin"] .payexa-guide-fin-halo {
        animation: payexa-guide-fin-mischief-halo-spin 1.6s linear infinite;
      }

      .payexa-guide[data-motion="mischief-peek"] .payexa-guide-fin-shell {
        animation: payexa-guide-fin-mischief-peek 1.35s ease-in-out infinite;
      }

      .payexa-guide[data-motion="mischief-peek"] .payexa-guide-fin-mouth--neutral,
      .payexa-guide[data-motion="mischief-peek"] .payexa-guide-fin-mouth--concern,
      .payexa-guide[data-motion="mischief-peek"] .payexa-guide-fin-mouth--critical {
        opacity: 0;
      }

      .payexa-guide[data-motion="mischief-peek"] .payexa-guide-fin-mouth--soft,
      .payexa-guide[data-motion="mischief-peek"] .payexa-guide-fin-mouth--smile {
        opacity: 1;
      }

      .payexa-guide[data-motion="mischief-peek"] .payexa-guide-fin-eye--left {
        animation: payexa-guide-fin-mischief-peek-left 1.35s ease-in-out infinite;
      }

      .payexa-guide[data-motion="mischief-peek"] .payexa-guide-fin-eye--right {
        animation: payexa-guide-fin-mischief-peek-right 1.35s ease-in-out infinite;
      }

      .payexa-guide[data-motion="mischief-peek"] .payexa-guide-fin-node,
      .payexa-guide[data-motion="mischief-peek"] .payexa-guide-fin-led {
        fill: rgb(192 132 252 / 0.88);
      }

      .payexa-guide[data-motion="processing"] .payexa-guide-fin-mouth--neutral,
      .payexa-guide[data-motion="processing"] .payexa-guide-fin-mouth--soft,
      .payexa-guide[data-motion="processing"] .payexa-guide-fin-mouth--smile,
      .payexa-guide[data-motion="processing"] .payexa-guide-fin-mouth--concern,
      .payexa-guide[data-motion="processing"] .payexa-guide-fin-mouth--critical {
        opacity: 0;
      }

      .payexa-guide[data-motion="processing"] .payexa-guide-fin-mouth--processing {
        opacity: 1;
      }

      .payexa-guide[data-motion="processing"] .payexa-guide-fin-mouth--processing circle {
        animation: payexa-guide-processing-dots 1.05s ease-in-out infinite;
      }

      .payexa-guide[data-motion="processing"] .payexa-guide-fin-mouth--processing circle:nth-child(2) {
        animation-delay: 0.14s;
      }

      .payexa-guide[data-motion="processing"] .payexa-guide-fin-mouth--processing circle:nth-child(3) {
        animation-delay: 0.28s;
      }

      .payexa-guide[data-motion="alert"] .payexa-guide-fin-shell {
        animation: payexa-guide-fin-alert-shift 0.75s ease-in-out infinite;
      }

      .payexa-guide[data-motion="alert"] .payexa-guide-fin-node,
      .payexa-guide[data-motion="alert"] .payexa-guide-fin-led {
        fill: rgb(248 113 113 / 1);
      }

      .payexa-guide[data-motion="celebrate"] .payexa-guide-fin-shell {
        animation: payexa-guide-celebrate-bounce 1.25s ease-in-out infinite;
      }

      .payexa-guide[data-motion="celebrate"] .payexa-guide-fin-node,
      .payexa-guide[data-motion="celebrate"] .payexa-guide-fin-led {
        fill: rgb(52 211 153 / 1);
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-fin-shell {
        animation: payexa-guide-sleep-head-drift 6.2s cubic-bezier(0.42, 0, 0.2, 1) infinite;
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-fin-halo {
        animation: payexa-guide-fin-sleep-halo 6.2s ease-in-out infinite;
        opacity: 0.24;
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-fin-eye {
        transform: scaleY(0.12) translateY(0.08rem);
        fill: rgb(148 163 184 / 0.72);
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-fin-led,
      .payexa-guide[data-sleeping="true"] .payexa-guide-fin-node {
        fill: rgb(100 116 139 / 0.42);
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-fin-wave,
      .payexa-guide[data-sleeping="true"] .payexa-guide-fin-think-dot,
      .payexa-guide[data-sleeping="true"] .payexa-guide-fin-scan,
      .payexa-guide[data-sleeping="true"] .payexa-guide-fin-mouth--speaking,
      .payexa-guide[data-sleeping="true"] .payexa-guide-fin-mouth--processing {
        opacity: 0;
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-fin-mouth--neutral,
      .payexa-guide[data-sleeping="true"] .payexa-guide-fin-mouth--soft {
        opacity: 1;
      }

      .payexa-guide[data-sleeping="true"] .payexa-guide-fin-mouth--soft {
        transform: translateY(0.04rem) scaleX(0.92);
        stroke: rgb(203 213 225 / 0.7);
      }

      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-left"] .payexa-guide-fin-shell,
      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-right"] .payexa-guide-fin-shell,
      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-around"] .payexa-guide-fin-shell,
      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-blink"] .payexa-guide-fin-shell {
        animation-duration: 1.6s;
      }

      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-left"] .payexa-guide-fin-shell {
        animation: payexa-guide-sleep-peek-left 1.48s ease-in-out 1;
      }

      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-right"] .payexa-guide-fin-shell {
        animation: payexa-guide-sleep-peek-right 1.48s ease-in-out 1;
      }

      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-around"] .payexa-guide-fin-shell {
        animation: payexa-guide-sleep-peek-around 1.88s ease-in-out 1;
      }

      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-blink"] .payexa-guide-fin-shell {
        animation: payexa-guide-sleep-peek-blink 1.12s ease-in-out 1;
      }

      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-left"] .payexa-guide-fin-eye--left {
        animation: payexa-guide-sleep-eye-open-left 1.48s ease-in-out 1;
      }

      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-right"] .payexa-guide-fin-eye--right {
        animation: payexa-guide-sleep-eye-open-right 1.48s ease-in-out 1;
      }

      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-around"] .payexa-guide-fin-eye--left,
      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-around"] .payexa-guide-fin-eye--right {
        animation: payexa-guide-sleep-eye-open-around 1.88s ease-in-out 1;
      }

      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-blink"] .payexa-guide-fin-eye--left {
        animation: payexa-guide-sleep-eye-open-left 0.82s ease-in-out 1;
      }

      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-blink"] .payexa-guide-fin-eye--right {
        animation: payexa-guide-sleep-eye-open-right 0.82s ease-in-out 1;
      }

      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-left"] .payexa-guide-fin-mouth--soft,
      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-right"] .payexa-guide-fin-mouth--soft,
      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-around"] .payexa-guide-fin-mouth--soft,
      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-blink"] .payexa-guide-fin-mouth--soft {
        animation: payexa-guide-sleep-mouth-murmur 1.4s ease-in-out 1;
      }

      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-left"] .payexa-guide-fin-halo,
      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-right"] .payexa-guide-fin-halo,
      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-around"] .payexa-guide-fin-halo,
      .payexa-guide[data-sleeping="true"][data-sleep-motion="peek-blink"] .payexa-guide-fin-halo {
        animation: payexa-guide-sleep-peek-halo 1.5s ease-in-out 1;
      }

      @media (hover: hover) and (pointer: fine) {
        .payexa-guide[data-sleeping="true"] .payexa-guide-avatar:hover {
          animation: payexa-guide-sleep-giggle 1.15s cubic-bezier(0.28, 0.84, 0.42, 1) 1;
          filter: saturate(0.9) brightness(0.98);
        }

        .payexa-guide[data-sleeping="true"] .payexa-guide-avatar:hover .payexa-guide-avatar-art,
        .payexa-guide[data-sleeping="true"] .payexa-guide-avatar:hover .payexa-guide-fin-shell {
          animation: payexa-guide-sleep-giggle-face 1.15s cubic-bezier(0.3, 0.8, 0.4, 1) 1;
        }

        .payexa-guide[data-sleeping="true"] .payexa-guide-avatar:hover .payexa-guide-fin-eye {
          transform: scaleY(0.42) translateY(-0.18rem);
          fill: rgb(165 243 252 / 0.96);
        }

        .payexa-guide[data-sleeping="true"] .payexa-guide-avatar:hover .payexa-guide-fin-mouth--soft {
          transform: translateY(-0.02rem) scaleX(1.14);
          stroke: rgb(186 230 253 / 0.92);
        }

        .payexa-guide[data-sleeping="true"] .payexa-guide-avatar:hover .payexa-guide-fin-led,
        .payexa-guide[data-sleeping="true"] .payexa-guide-avatar:hover .payexa-guide-fin-node {
          fill: rgb(125 211 252 / 0.88);
        }
      }

      .payexa-guide[data-waking="true"] .payexa-guide-fin-shell {
        animation: payexa-guide-wake-shell 0.72s ease-out forwards;
      }

      .payexa-guide[data-waking="true"] .payexa-guide-fin-halo {
        animation: payexa-guide-fin-wake-halo 0.72s ease-out forwards;
      }

      .payexa-guide[data-waking="true"] .payexa-guide-fin-eye {
        animation: payexa-guide-fin-eye-wake 0.72s ease-out forwards;
      }

      .payexa-guide[data-waking="true"] .payexa-guide-fin-led,
      .payexa-guide[data-waking="true"] .payexa-guide-fin-node {
        animation: payexa-guide-fin-wake-led 0.72s ease-out forwards;
      }

      @keyframes payexa-guide-fin-halo-pulse {
        0%, 100% {
          opacity: 0.42;
          transform: scale(1);
        }

        50% {
          opacity: 0.9;
          transform: scale(1.04);
        }
      }

      @keyframes payexa-guide-mouth-neutral-rest {
        0%, 72%, 100% {
          opacity: 1;
          transform: translateY(0) scaleX(1);
        }

        78%, 86% {
          opacity: 0;
          transform: translateY(-0.015rem) scaleX(0.94);
        }
      }

      @keyframes payexa-guide-mouth-soft-rest {
        0%, 70%, 100% {
          opacity: 1;
          transform: translateY(0) scaleX(1);
        }

        77%, 86% {
          opacity: 0.2;
          transform: translateY(-0.01rem) scaleX(0.96);
        }
      }

      @keyframes payexa-guide-mouth-smile-peek {
        0%, 70%, 100% {
          opacity: 0;
          transform: translateY(0.02rem) scaleX(0.88);
        }

        78% {
          opacity: 0.92;
          transform: translateY(-0.025rem) scaleX(1.04);
        }

        86% {
          opacity: 1;
          transform: translateY(-0.035rem) scaleX(1.08);
        }
      }

      @keyframes payexa-guide-eye-smile-glow {
        0%, 70%, 100% {
          filter: brightness(1);
        }

        78%, 86% {
          filter: brightness(1.18);
        }
      }

      @keyframes payexa-guide-fin-wave-listen {
        0% {
          opacity: 0;
          transform: scale(0.82);
        }

        30% {
          opacity: 0.85;
        }

        100% {
          opacity: 0;
          transform: scale(1.14);
        }
      }

      @keyframes payexa-guide-fin-speaking-bars {
        0%, 100% {
          transform: scaleY(0.68);
          opacity: 0.48;
        }

        50% {
          transform: scaleY(1.28);
          opacity: 1;
        }
      }

      @keyframes payexa-guide-fin-mischief-wiggle {
        0%, 100% {
          transform: translateY(0) rotate(0deg) scale(1);
        }

        22% {
          transform: translateY(-0.04rem) rotate(-3deg) scale(1.02);
        }

        48% {
          transform: translateY(0.015rem) rotate(2.6deg) scale(1.01);
        }

        72% {
          transform: translateY(-0.02rem) rotate(-1.6deg) scale(1.03);
        }
      }

      @keyframes payexa-guide-fin-mischief-wink {
        0%, 18%, 100% {
          transform: scaleY(1) translateY(0);
          opacity: 1;
        }

        26%, 34% {
          transform: scaleY(0.12) translateY(0.14rem);
          opacity: 0.92;
        }

        42% {
          transform: scaleY(1) translateY(0);
        }
      }

      @keyframes payexa-guide-fin-mischief-eye-glow {
        0%, 100% {
          transform: scale(1);
          filter: brightness(1);
        }

        30%, 56% {
          transform: scale(1.08);
          filter: brightness(1.24);
        }
      }

      @keyframes payexa-guide-fin-mischief-smile {
        0%, 100% {
          transform: translateY(0) scaleX(1);
          stroke: rgb(186 230 253 / 0.9);
        }

        28%, 64% {
          transform: translateY(-0.04rem) scaleX(1.12);
          stroke: rgb(254 240 138 / 0.96);
        }
      }

      @keyframes payexa-guide-fin-mischief-twinkle {
        0%, 100% {
          opacity: 0.88;
          transform: scale(1);
        }

        32%, 62% {
          opacity: 1;
          transform: scale(1.18);
        }
      }

      @keyframes payexa-guide-fin-mischief-wave {
        0%, 100% {
          transform: translateY(0) rotate(0deg);
        }

        25% {
          transform: translateY(-0.04rem) rotate(-4deg);
        }

        50% {
          transform: translateY(0.02rem) rotate(4deg);
        }

        75% {
          transform: translateY(-0.03rem) rotate(-3deg);
        }
      }

      @keyframes payexa-guide-fin-shy-scared-eye-tremble {
        0%, 100% {
          transform: translateX(0) scaleY(1);
        }

        25% {
          transform: translateX(-0.025rem) scaleY(0.94);
        }

        50% {
          transform: translateX(0.03rem) scaleY(0.9);
        }

        75% {
          transform: translateX(-0.015rem) scaleY(0.96);
        }
      }

      @keyframes payexa-guide-fin-shy-scared-mouth {
        0%, 100% {
          transform: translateY(0) scaleX(1);
        }

        35% {
          transform: translateY(0.025rem) scaleX(0.92);
        }

        60% {
          transform: translateY(-0.01rem) scaleX(0.98);
        }
      }

      @keyframes payexa-guide-fin-sweat-drip-left {
        0%, 100% {
          opacity: 0.15;
          transform: translateY(-0.08rem) scale(0.86);
        }

        20% {
          opacity: 0.95;
        }

        70% {
          opacity: 0.7;
          transform: translateY(0.22rem) scale(1.02);
        }
      }

      @keyframes payexa-guide-fin-sweat-drip-right {
        0%, 100% {
          opacity: 0.12;
          transform: translateY(-0.06rem) scale(0.84);
        }

        24% {
          opacity: 0.9;
        }

        74% {
          opacity: 0.64;
          transform: translateY(0.18rem) scale(0.98);
        }
      }

      @keyframes payexa-guide-fin-flustered-shiver {
        0%, 100% {
          transform: translate(0, 0) rotate(0deg);
        }

        18% {
          transform: translate(-0.04rem, 0.01rem) rotate(-1.2deg);
        }

        36% {
          transform: translate(0.05rem, -0.01rem) rotate(1.1deg);
        }

        54% {
          transform: translate(-0.03rem, 0.01rem) rotate(-0.9deg);
        }

        72% {
          transform: translate(0.04rem, -0.015rem) rotate(0.9deg);
        }
      }

      @keyframes payexa-guide-fin-flustered-halo {
        0%, 100% {
          opacity: 0.22;
          transform: scale(0.98);
        }

        50% {
          opacity: 0.4;
          transform: scale(1.03);
        }
      }

      @keyframes payexa-guide-fin-flustered-node {
        0%, 100% {
          opacity: 0.78;
          transform: scale(1);
        }

        50% {
          opacity: 1;
          transform: scale(1.12);
        }
      }

      @keyframes payexa-guide-fin-mischief-glow-float {
        0%, 100% {
          transform: translateY(0) scale(1);
        }

        50% {
          transform: translateY(-0.06rem) scale(1.02);
        }
      }

      @keyframes payexa-guide-fin-mischief-glow-pulse {
        0%, 100% {
          filter: brightness(1);
          fill: rgb(103 232 249 / 1);
        }

        50% {
          filter: brightness(1.24);
          fill: rgb(250 204 21 / 0.98);
        }
      }

      @keyframes payexa-guide-fin-mischief-halo-glow {
        0%, 100% {
          opacity: 0.36;
          transform: scale(1);
        }

        50% {
          opacity: 0.72;
          transform: scale(1.07);
        }
      }

      @keyframes payexa-guide-fin-mischief-spin-bob {
        0%, 100% {
          transform: translateY(0) rotate(0deg);
        }

        30% {
          transform: translateY(-0.05rem) rotate(5deg);
        }

        60% {
          transform: translateY(0.03rem) rotate(-5deg);
        }
      }

      @keyframes payexa-guide-fin-mischief-spin-node {
        0% {
          transform: scale(1) rotate(0deg);
        }

        50% {
          transform: scale(1.18) rotate(180deg);
        }

        100% {
          transform: scale(1) rotate(360deg);
        }
      }

      @keyframes payexa-guide-fin-mischief-halo-spin {
        0% {
          opacity: 0.38;
          transform: rotate(0deg) scale(1);
        }

        50% {
          opacity: 0.58;
          transform: rotate(180deg) scale(1.05);
        }

        100% {
          opacity: 0.38;
          transform: rotate(360deg) scale(1);
        }
      }

      @keyframes payexa-guide-fin-mischief-peek {
        0%, 100% {
          transform: translateX(0) rotate(0deg);
        }

        35% {
          transform: translateX(-0.05rem) rotate(-4deg);
        }

        65% {
          transform: translateX(0.04rem) rotate(3deg);
        }
      }

      @keyframes payexa-guide-fin-mischief-peek-left {
        0%, 100% {
          transform: scaleY(1) translateY(0);
        }

        28%, 76% {
          transform: scaleY(0.92) translate(-0.04rem, -0.05rem);
        }

        52% {
          transform: scaleY(0.36) translate(-0.02rem, 0.03rem);
        }
      }

      @keyframes payexa-guide-fin-mischief-peek-right {
        0%, 100% {
          transform: scaleY(1) translateY(0);
        }

        24%, 72% {
          transform: scaleY(0.92) translate(0.05rem, -0.04rem);
        }

        48% {
          transform: scaleY(0.46) translate(0.03rem, 0.02rem);
        }
      }

      @keyframes payexa-guide-fin-speak-bob {
        0%, 100% {
          transform: translateY(0) rotate(0deg);
        }

        33% {
          transform: translateY(-0.8px) rotate(-1deg);
        }

        66% {
          transform: translateY(0.35px) rotate(0.9deg);
        }
      }

      @keyframes payexa-guide-fin-scan-sweep {
        0% {
          transform: translateY(-5px);
          opacity: 0;
        }

        24% {
          opacity: 1;
        }

        100% {
          transform: translateY(6px);
          opacity: 0;
        }
      }

      @keyframes payexa-guide-fin-alert-shift {
        0%, 100% {
          transform: translateX(0) rotate(0deg);
        }

        25% {
          transform: translateX(-0.8px) rotate(-1.8deg);
        }

        75% {
          transform: translateX(0.8px) rotate(1.8deg);
        }
      }

      @keyframes payexa-guide-sleep-drift {
        0%, 100% {
          transform: translateY(0) rotate(-2deg);
        }

        50% {
          transform: translateY(0.08rem) rotate(-4deg);
        }
      }

      @keyframes payexa-guide-sleep-breathe {
        0%,
        100% {
          transform: scale(0.76) rotate(-3deg) translateY(0);
          box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 10px 22px -18px rgb(15 23 42 / 0.42);
        }

        35% {
          transform: scale(0.785, 0.742) rotate(-3.8deg) translateY(0.02rem);
          box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 12px 25px -18px rgb(15 23 42 / 0.48);
        }

        58% {
          transform: scale(0.75, 0.776) rotate(-2.2deg) translateY(0.07rem);
          box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 9px 20px -18px rgb(15 23 42 / 0.38);
        }
      }

      @keyframes payexa-guide-sleep-head-drift {
        0%,
        100% {
          transform: translateY(0) rotate(0deg);
        }

        22% {
          transform: translateY(0.02rem) rotate(-1.4deg);
        }

        55% {
          transform: translateY(0.12rem) rotate(-4.6deg);
        }

        78% {
          transform: translateY(0.05rem) rotate(-2.8deg);
        }
      }

      @keyframes payexa-guide-sleep-peek-left {
        0%, 100% {
          transform: translateY(0) rotate(0deg);
        }

        35% {
          transform: translate(-0.08rem, -0.03rem) rotate(-4.2deg);
        }

        68% {
          transform: translate(-0.04rem, 0) rotate(-2deg);
        }
      }

      @keyframes payexa-guide-sleep-peek-right {
        0%, 100% {
          transform: translateY(0) rotate(0deg);
        }

        35% {
          transform: translate(0.08rem, -0.03rem) rotate(4.2deg);
        }

        68% {
          transform: translate(0.04rem, 0) rotate(2deg);
        }
      }

      @keyframes payexa-guide-sleep-peek-around {
        0%, 100% {
          transform: translateY(0) rotate(0deg);
        }

        24% {
          transform: translate(-0.06rem, -0.03rem) rotate(-3.6deg);
        }

        54% {
          transform: translate(0.08rem, -0.03rem) rotate(4deg);
        }

        78% {
          transform: translate(-0.03rem, 0) rotate(-1.5deg);
        }
      }

      @keyframes payexa-guide-sleep-peek-blink {
        0%, 100% {
          transform: translateY(0) rotate(0deg);
        }

        30% {
          transform: translateY(-0.02rem) rotate(-1.8deg);
        }

        65% {
          transform: translateY(0.01rem) rotate(1.8deg);
        }
      }

      @keyframes payexa-guide-sleep-eye-open-left {
        0%, 100% {
          transform: scaleY(0.12) translateY(0.08rem);
          fill: rgb(148 163 184 / 0.72);
        }

        28%, 72% {
          transform: scale(0.96, 0.82) translate(-0.04rem, -0.12rem);
          fill: rgb(165 243 252 / 0.94);
        }

        86% {
          transform: scaleY(0.22) translateY(0.03rem);
          fill: rgb(148 163 184 / 0.78);
        }
      }

      @keyframes payexa-guide-sleep-eye-open-right {
        0%, 100% {
          transform: scaleY(0.12) translateY(0.08rem);
          fill: rgb(148 163 184 / 0.72);
        }

        28%, 72% {
          transform: scale(0.96, 0.82) translate(0.04rem, -0.12rem);
          fill: rgb(165 243 252 / 0.94);
        }

        86% {
          transform: scaleY(0.22) translateY(0.03rem);
          fill: rgb(148 163 184 / 0.78);
        }
      }

      @keyframes payexa-guide-sleep-eye-open-around {
        0%, 100% {
          transform: scaleY(0.12) translateY(0.08rem);
          fill: rgb(148 163 184 / 0.72);
        }

        22% {
          transform: scale(0.94, 0.76) translate(-0.03rem, -0.11rem);
          fill: rgb(165 243 252 / 0.9);
        }

        52% {
          transform: scale(0.96, 0.84) translate(0.05rem, -0.12rem);
          fill: rgb(186 230 253 / 0.96);
        }

        74% {
          transform: scale(0.9, 0.68) translate(-0.02rem, -0.08rem);
          fill: rgb(165 243 252 / 0.88);
        }
      }

      @keyframes payexa-guide-sleep-mouth-murmur {
        0%, 100% {
          transform: translateY(0.04rem) scaleX(0.92);
          stroke: rgb(203 213 225 / 0.7);
        }

        50% {
          transform: translateY(0.01rem) scaleX(1.05);
          stroke: rgb(226 232 240 / 0.86);
        }
      }

      @keyframes payexa-guide-sleep-peek-halo {
        0%, 100% {
          opacity: 0.24;
          transform: scale(1);
        }

        50% {
          opacity: 0.42;
          transform: scale(1.05);
        }
      }

      @keyframes payexa-guide-fin-sleep-halo {
        0%,
        100% {
          opacity: 0.18;
          transform: scale(0.94);
        }

        38% {
          opacity: 0.28;
          transform: scale(0.98);
        }

        58% {
          opacity: 0.36;
          transform: scale(1.01);
        }
      }

      @keyframes payexa-guide-sleep-orbit {
        0%,
        100% {
          transform: translate(0.02rem, 0.18rem) scale(0.84);
          opacity: 0.2;
        }

        50% {
          transform: translate(-0.14rem, 0.5rem) scale(0.72);
          opacity: 0.08;
        }
      }

      @keyframes payexa-guide-sleep-zzz-1 {
        0% {
          opacity: 0;
          transform: translate(0, 0.08rem) scale(0.62) rotate(-10deg);
        }

        18% {
          opacity: 0.96;
        }

        48% {
          opacity: 0.82;
          transform: translate(-0.08rem, -0.52rem) scale(0.92) rotate(-4deg);
        }

        74% {
          opacity: 0.5;
          transform: translate(0.12rem, -0.98rem) scale(1.08) rotate(3deg);
        }

        100% {
          opacity: 0;
          transform: translate(0.04rem, -1.32rem) scale(1.18) rotate(7deg);
        }
      }

      @keyframes payexa-guide-sleep-zzz-2 {
        0% {
          opacity: 0;
          transform: translate(0, 0.06rem) scale(0.66) rotate(-6deg);
        }

        16% {
          opacity: 0.94;
        }

        44% {
          opacity: 0.84;
          transform: translate(-0.18rem, -0.46rem) scale(0.9) rotate(-9deg);
        }

        68% {
          opacity: 0.52;
          transform: translate(-0.42rem, -0.94rem) scale(1.04) rotate(-2deg);
        }

        100% {
          opacity: 0;
          transform: translate(-0.26rem, -1.36rem) scale(1.2) rotate(6deg);
        }
      }

      @keyframes payexa-guide-sleep-zzz-3 {
        0% {
          opacity: 0;
          transform: translate(0, 0.05rem) scale(0.64) rotate(-12deg);
        }

        20% {
          opacity: 0.92;
        }

        42% {
          opacity: 0.78;
          transform: translate(0.16rem, -0.5rem) scale(0.94) rotate(-4deg);
        }

        70% {
          opacity: 0.46;
          transform: translate(0.42rem, -1rem) scale(1.08) rotate(5deg);
        }

        100% {
          opacity: 0;
          transform: translate(0.26rem, -1.42rem) scale(1.22) rotate(11deg);
        }
      }

      @keyframes payexa-guide-sleep-giggle {
        0% {
          transform: scale(0.76) rotate(0deg);
        }

        22% {
          transform: scale(0.775, 0.748) rotate(-2.8deg) translateY(-0.03rem);
        }

        46% {
          transform: scale(0.746, 0.778) rotate(3.1deg) translateY(0.02rem);
        }

        68% {
          transform: scale(0.772, 0.752) rotate(-1.7deg) translateY(-0.015rem);
        }

        84% {
          transform: scale(0.752, 0.772) rotate(1.2deg);
        }

        100% {
          transform: scale(0.76) rotate(0deg);
        }
      }

      @keyframes payexa-guide-sleep-giggle-face {
        0% {
          transform: translateY(0) rotate(0deg);
        }

        24% {
          transform: translateY(-0.035rem) rotate(-2deg);
        }

        50% {
          transform: translateY(0.02rem) rotate(2.4deg);
        }

        74% {
          transform: translateY(-0.012rem) rotate(-1.3deg);
        }

        100% {
          transform: translateY(0) rotate(0deg);
        }
      }

      @keyframes payexa-guide-wake-pop {
        0% {
          transform: scale(0.78) translateY(1px);
        }

        45% {
          transform: scale(1.06) translateY(-2px);
        }

        100% {
          transform: scale(1) translateY(0);
        }
      }

      @keyframes payexa-guide-wake-shell {
        0% {
          transform: scale(0.88) rotate(-5deg);
        }

        50% {
          transform: scale(1.04) rotate(3deg);
        }

        100% {
          transform: scale(1) rotate(0deg);
        }
      }

      @keyframes payexa-guide-fin-wake-halo {
        0% {
          opacity: 0.18;
          transform: scale(0.9);
        }

        55% {
          opacity: 0.95;
          transform: scale(1.08);
        }

        100% {
          opacity: 0.42;
          transform: scale(1);
        }
      }

      @keyframes payexa-guide-fin-eye-wake {
        0% {
          transform: scaleY(0.18);
          fill: rgb(148 163 184 / 0.86);
        }

        70% {
          transform: scaleY(1.18);
          fill: rgb(165 243 252 / 1);
        }

        100% {
          transform: scaleY(1);
          fill: rgb(103 232 249 / 1);
        }
      }

      @keyframes payexa-guide-fin-wake-led {
        0% {
          opacity: 0.45;
          transform: scale(0.86);
        }

        55% {
          opacity: 1;
          transform: scale(1.12);
        }

        100% {
          opacity: 1;
          transform: scale(1);
        }
      }

      @keyframes payexa-guide-caret-blink {
        0%, 100% {
          opacity: 1;
        }

        50% {
          opacity: 0;
        }
      }

      @keyframes payexa-guide-prop-float {
        0%, 100% {
          transform: translate(-2.7px, -0.4px) rotate(0deg);
        }

        50% {
          transform: translate(-3.8px, -2.2px) rotate(-2deg);
        }
      }

      @keyframes payexa-guide-prop-toolkit {
        0%, 100% {
          transform: translate(-2.8px, -0.2px) rotate(0deg);
        }

        50% {
          transform: translate(-3.8px, -1.4px) rotate(6deg);
        }
      }

      .payexa-guide-avatar-orbit {
        position: absolute;
        inset: 0;
        border-radius: inherit;
        border: 1px solid rgb(125 211 252 / 0.18);
      }

      .payexa-guide-avatar-orbit::after {
        content: "";
        position: absolute;
        top: 0.3rem;
        right: 0.42rem;
        width: 0.34rem;
        height: 0.34rem;
        border-radius: 9999px;
        background: rgb(165 243 252 / 0.95);
        box-shadow: 0 0 0 0.18rem rgb(34 211 238 / 0.14);
        animation: payexa-guide-orbit 3.8s linear infinite;
      }

      .payexa-guide-copy {
        min-width: 0;
        flex: 1;
      }

      .payexa-guide-mini-copy {
        display: flex;
        flex-direction: column;
        gap: 0.18rem;
        min-width: 0;
      }

      .payexa-guide-mini-title {
        color: rgb(248 250 252 / 1);
        font-size: 0.92rem;
        font-weight: 900;
        line-height: 1.3;
      }

      .payexa-guide-mini-status {
        color: rgb(186 230 253 / 0.92);
        font-size: 0.72rem;
        font-weight: 700;
        line-height: 1.35;
      }

      .payexa-guide-eyebrow {
        color: rgb(125 211 252 / 1);
        font-size: 0.67rem;
        font-weight: 800;
        letter-spacing: 0.08em;
      }

      .payexa-guide-title {
        margin-top: 0.25rem;
        color: rgb(248 250 252 / 1);
        font-size: 1.08rem;
        font-weight: 800;
        line-height: 1.6rem;
      }

      .payexa-guide-close {
        display: inline-flex;
        height: 2rem;
        width: 2rem;
        flex: none;
        align-items: center;
        justify-content: center;
        border-radius: 0.8rem;
        border: 1px solid rgb(51 65 85 / 0.92);
        background: rgb(15 23 42 / 0.82);
        color: rgb(148 163 184 / 1);
        transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
      }

      .payexa-guide-close:hover {
        border-color: rgb(100 116 139 / 1);
        background: rgb(30 41 59 / 0.92);
        color: rgb(248 250 252 / 1);
      }

      .payexa-guide-body {
        padding: 0 1.1rem 1.1rem;
      }

      .payexa-guide-message {
        color: rgb(203 213 225 / 1);
        font-size: 0.9rem;
        line-height: 1.9rem;
        text-align: justify;
        text-align-last: right;
      }

      .payexa-guide-progress {
        margin-top: 0.85rem;
        display: flex;
        align-items: center;
        gap: 0.38rem;
      }

      .payexa-guide-progress-dot {
        width: 0.4rem;
        height: 0.4rem;
        border-radius: 9999px;
        background: rgb(51 65 85 / 1);
        transition: transform 180ms ease, background-color 180ms ease;
      }

      .payexa-guide-progress-dot.is-active {
        transform: scale(1.2);
        background: rgb(34 211 238 / 1);
      }

      .payexa-guide-actions {
        margin-top: 1rem;
        display: flex;
        flex-wrap: wrap;
        gap: 0.6rem;
      }

      .payexa-guide-action,
      .payexa-guide-next,
      .payexa-guide-dismiss {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.9rem;
        padding: 0.72rem 0.92rem;
        font-size: 0.78rem;
        font-weight: 800;
        transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, color 180ms ease;
      }

      .payexa-guide-action:hover,
      .payexa-guide-next:hover,
      .payexa-guide-dismiss:hover {
        transform: translateY(-1px);
      }

      .payexa-guide-action {
        border: 1px solid rgb(14 165 233 / 0.35);
        background: linear-gradient(135deg, rgb(2 132 199 / 0.34), rgb(8 47 73 / 0.92));
        color: rgb(240 249 255 / 1);
      }

      .payexa-guide-next,
      .payexa-guide-dismiss {
        border: 1px solid rgb(51 65 85 / 0.95);
        background: rgb(15 23 42 / 0.74);
        color: rgb(203 213 225 / 1);
      }

      .payexa-guide-status {
        margin-top: 0.8rem;
        color: rgb(148 163 184 / 1);
        font-size: 0.72rem;
      }

      @keyframes payexa-guide-float {
        0%, 100% {
          transform: translateY(0);
        }

        50% {
          transform: translateY(-2px);
        }
      }

      @keyframes payexa-guide-breathe {
        0%, 100% {
          transform: translateY(0) scale(1);
        }

        50% {
          transform: translateY(-0.3px) scale(1.02);
        }
      }

      @keyframes payexa-guide-eye-blink {
        0%, 46%, 50%, 100% {
          transform: scaleY(1);
          opacity: 1;
        }

        48% {
          transform: scaleY(0.15);
          opacity: 0.55;
        }
      }

      @keyframes payexa-guide-head-tilt {
        0%, 100% {
          transform: rotate(0deg);
        }

        50% {
          transform: rotate(-6deg);
        }
      }

      @keyframes payexa-guide-arm-wave {
        0%, 100% {
          transform: rotate(0deg);
        }

        25% {
          transform: rotate(-12deg);
        }

        50% {
          transform: rotate(-34deg);
        }

        75% {
          transform: rotate(-16deg);
        }
      }

      @keyframes payexa-guide-forearm-wave {
        0%, 100% {
          transform: rotate(0deg);
        }

        30% {
          transform: rotate(-26deg);
        }

        60% {
          transform: rotate(-46deg);
        }
      }

      @keyframes payexa-guide-alert-pulse {
        0%, 100% {
          box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.14), 0 16px 30px -18px rgb(14 165 233 / 0.65);
        }

        50% {
          box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.14), 0 18px 34px -14px rgb(245 158 11 / 0.55);
        }
      }

      @keyframes payexa-guide-alert-tilt {
        0%, 100% {
          transform: rotate(0deg) translateY(0);
        }

        25% {
          transform: rotate(-7deg) translateY(-1px);
        }

        75% {
          transform: rotate(6deg) translateY(-1px);
        }
      }

      @keyframes payexa-guide-celebrate-bounce {
        0%, 100% {
          transform: translateY(0) scale(1);
        }

        50% {
          transform: translateY(-4px) scale(1.06);
        }
      }

      @keyframes payexa-guide-arm-cheer-left {
        0%, 100% {
          transform: rotate(0deg);
        }

        50% {
          transform: rotate(26deg);
        }
      }

      @keyframes payexa-guide-arm-cheer-right {
        0%, 100% {
          transform: rotate(0deg);
        }

        50% {
          transform: rotate(-26deg);
        }
      }

      @keyframes payexa-guide-brand-pulse {
        0%, 100% {
          transform: scale(1);
          filter: drop-shadow(0 0 0.35rem rgb(56 189 248 / 0.12));
        }

        50% {
          transform: scale(1.05);
          filter: drop-shadow(0 0 0.7rem rgb(56 189 248 / 0.24));
        }
      }

      @keyframes payexa-guide-node-pulse {
        0%, 100% {
          opacity: 0.72;
          transform: scale(1);
        }

        50% {
          opacity: 1;
          transform: scale(1.08);
        }
      }

      @keyframes payexa-guide-scan-sweep {
        0% {
          transform: translateY(-5px);
          opacity: 0;
        }

        20% {
          opacity: 1;
        }

        50% {
          transform: translateY(0);
          opacity: 1;
        }

        100% {
          transform: translateY(6px);
          opacity: 0;
        }
      }

      @keyframes payexa-guide-think-float {
        0%, 100% {
          transform: translateY(0) scale(1);
          opacity: 0.35;
        }

        50% {
          transform: translateY(-2.5px) scale(1.12);
          opacity: 1;
        }
      }

      @keyframes payexa-guide-processing-dots {
        0%, 100% {
          opacity: 0.35;
          transform: translateY(0);
        }

        50% {
          opacity: 1;
          transform: translateY(-1.5px);
        }
      }

      @keyframes payexa-guide-listen-tilt {
        0%, 100% {
          transform: rotate(0deg) translateY(0);
        }

        35% {
          transform: rotate(4deg) translateY(-0.8px);
        }

        70% {
          transform: rotate(-2.5deg) translateY(0);
        }
      }

      @keyframes payexa-guide-listening-wave {
        0% {
          opacity: 0;
          transform: scale(0.82);
        }

        35% {
          opacity: 0.9;
        }

        100% {
          opacity: 0;
          transform: scale(1.18);
        }
      }

      @keyframes payexa-guide-speak-bob {
        0%, 100% {
          transform: translateY(0) rotate(0deg);
        }

        25% {
          transform: translateY(-0.8px) rotate(-1.2deg);
        }

        75% {
          transform: translateY(0.3px) rotate(1deg);
        }
      }

      @keyframes payexa-guide-speaking-bars {
        0%, 100% {
          transform: scaleY(0.7);
          opacity: 0.5;
        }

        50% {
          transform: scaleY(1.28);
          opacity: 1;
        }
      }

      @keyframes payexa-guide-sheen {
        0%, 100% {
          transform: translateX(-58%) translateY(-12%) rotate(12deg);
          opacity: 0.26;
        }

        50% {
          transform: translateX(14%) translateY(-12%) rotate(12deg);
          opacity: 0.64;
        }
      }

      @keyframes payexa-guide-orbit {
        0% {
          transform: translate(0, 0) scale(1);
          opacity: 0.92;
        }

        25% {
          transform: translate(-0.42rem, 0.3rem) scale(0.92);
          opacity: 0.75;
        }

        50% {
          transform: translate(-0.7rem, 0.9rem) scale(0.88);
          opacity: 0.58;
        }

        75% {
          transform: translate(-0.18rem, 1.35rem) scale(0.96);
          opacity: 0.8;
        }

        100% {
          transform: translate(0, 0) scale(1);
          opacity: 0.92;
        }
      }

      html[data-theme="light"] .payexa-guide-panel {
        background: transparent;
        box-shadow: none;
      }

      html[data-theme="light"] .payexa-guide-avatar {
        background: radial-gradient(circle at top, rgb(125 211 252 / 0.72), rgb(186 230 253 / 0.36));
        box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.75), 0 12px 24px -18px rgb(14 165 233 / 0.35);
      }

      html[data-theme="light"] .payexa-guide-avatar::before {
        border-color: rgb(255 255 255 / 0.7);
      }

      html[data-theme="light"] .payexa-guide-avatar-orbit {
        border-color: rgb(14 165 233 / 0.18);
      }

      html[data-theme="light"] .payexa-guide-avatar-orbit::after {
        background: rgb(2 132 199 / 1);
        box-shadow: 0 0 0 0.18rem rgb(14 165 233 / 0.1);
      }

      html[data-theme="light"] .payexa-guide-bubble {
        border-color: rgb(186 230 253 / 1);
        background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(240 249 255 / 0.96));
        color: rgb(15 23 42 / 1);
      }

      html[data-theme="light"] .payexa-guide-intro-tip {
        border-color: rgb(125 211 252 / 0.4);
        background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(240 249 255 / 0.98));
        color: rgb(15 23 42 / 1);
      }

      html[data-theme="light"] .payexa-guide-intro-tip::after {
        border-color: rgb(125 211 252 / 0.4);
        background: rgb(248 250 252 / 0.98);
      }

      html[data-theme="light"] .payexa-guide-intro-title {
        color: rgb(2 132 199 / 1);
      }

      html[data-theme="light"] .payexa-guide-intro-text {
        color: rgb(30 41 59 / 1);
      }

      html[data-theme="light"] .payexa-guide-bubble::after {
        border-color: rgb(186 230 253 / 1);
        background: rgb(248 250 252 / 0.98);
      }

      html[data-theme="light"] .payexa-guide-bubble-text {
        color: rgb(30 41 59 / 1);
      }

      html[data-theme="light"] .payexa-guide-bubble-text a {
        color: rgb(3 105 161 / 1);
        border-color: rgb(3 105 161 / 0.24);
      }

      html[data-theme="light"] .payexa-guide-bubble-text a:hover {
        color: rgb(14 116 144 / 1);
        border-color: rgb(14 116 144 / 0.42);
      }

      html[data-theme="light"] .payexa-guide-avatar-sleep-z {
        background: transparent;
        box-shadow: none;
        color: rgb(154 52 18 / 0.98);
        text-shadow: 0 0.12rem 0.34rem rgb(255 255 255 / 0.92), 0 0 0.08rem rgb(120 53 15 / 0.24);
      }

      html[data-theme="light"] .payexa-guide-bubble-close {
        background: rgb(15 23 42 / 0.05);
        color: rgb(14 116 144 / 0.82);
      }

      html[data-theme="light"] .payexa-guide-sound-toggle {
        background: rgb(15 23 42 / 0.05);
        color: rgb(14 116 144 / 0.82);
      }

      html[data-theme="light"] .payexa-guide-bubble-close:hover,
      html[data-theme="light"] .payexa-guide-sound-toggle:hover {
        background: rgb(248 113 113 / 0.12);
        color: rgb(153 27 27 / 0.94);
      }

      @media (max-width: 640px) {
        .payexa-guide {
          left: auto;
          right: 0.75rem;
          bottom: 0.75rem;
        }

        .payexa-guide-panel {
          width: min(17.5rem, calc(100vw - 3rem));
          max-width: calc(100vw - 3rem);
        }

        .payexa-guide-head {
          justify-content: flex-start;
        }

        .payexa-guide-stage {
          max-width: calc(100vw - 3rem);
          gap: 0.6rem;
          padding-right: 0.2rem;
          padding-left: 0.2rem;
        }

        .payexa-guide-bubble {
          width: min(15.5rem, calc(100vw - 3.25rem));
          max-width: calc(100vw - 3.25rem);
          padding: 0.75rem 0.9rem;
        }

        .payexa-guide-intro-tip {
          max-width: min(14.5rem, calc(100vw - 3.25rem));
          padding: 0.68rem 0.8rem;
        }

        .payexa-guide[data-mobile-collapsed="true"] .payexa-guide-stage {
          gap: 0;
          width: auto;
          max-width: none;
          padding: 0;
        }

        .payexa-guide[data-mobile-collapsed="true"] .payexa-guide-panel {
          width: auto;
          max-width: none;
        }

        .payexa-guide[data-mobile-collapsed="true"] .payexa-guide-bubble {
          display: none;
        }

        .payexa-guide-avatar {
          cursor: pointer;
        }

        .payexa-guide-avatar--hero {
          height: 5.7rem;
          width: 5.7rem;
        }

        .payexa-guide-avatar--hero .payexa-guide-avatar-art {
          width: 4.55rem;
          height: 4.55rem;
        }

        .payexa-guide-stage::after {
          width: 5.8rem;
        }
      }

      @media (max-width: 420px) {
        .payexa-guide {
          right: 0.5rem;
          bottom: 0.5rem;
        }

        .payexa-guide-panel,
        .payexa-guide-stage,
        .payexa-guide-bubble {
          max-width: calc(100vw - 2.5rem);
        }

        .payexa-guide-stage {
          gap: 0.5rem;
          padding-right: 0;
          padding-left: 0;
        }

        .payexa-guide-bubble {
          width: min(14rem, calc(100vw - 2.5rem));
          min-height: 3.75rem;
          border-radius: 1rem;
        }

        .payexa-guide-intro-tip {
          max-width: min(13rem, calc(100vw - 2.5rem));
          border-radius: 0.95rem;
        }

        .payexa-guide-bubble::after {
          right: 1rem;
        }

        .payexa-guide-avatar--hero {
          height: 5.2rem;
          width: 5.2rem;
          border-radius: 1.65rem;
        }

        .payexa-guide-avatar--hero .payexa-guide-avatar-art {
          width: 4.1rem;
          height: 4.1rem;
        }