/* Oct 8 22:41 (Mark): creator-profile chat button = gold Telegram speech bubble (bottom-left tail), black Montserrat
   text, black disc with a bright gold Telegram plane, Glide animation (style 4: the plane flies out to the upper right
   and re-enters from the lower left, 2.5 s loop; off under prefers-reduced-motion). Pressed: sinks 1px, shrinks 2.5%,
   darker gold + inset shadow. Visuals only: the button keeps its data-action / data-act and handlers.
   Same file in the Mini App (app/css/chat-bubble.css). */
.mp-chatbub-wrap{position:relative;margin-bottom:11px;filter:drop-shadow(0 8px 22px rgba(242,193,78,.30));-webkit-filter:drop-shadow(0 8px 22px rgba(242,193,78,.30))}
.mp-chatbub{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:62px;margin:0;padding:10px 18px 10px 10px;
  border:0;border-radius:22px;color:#000;text-align:left;font-family:'Montserrat',ui-sans-serif,system-ui,-apple-system,sans-serif;cursor:pointer;
  -webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;
  background:linear-gradient(180deg,#F0C060 0%,#E8B04A 35%,#D48C2A 72%,#C47A20 100%);
  box-shadow:inset 0 1.5px 0 rgba(255,236,200,.85),inset 0 -2px 0 rgba(110,70,0,.35),0 0 0 1.5px #F0C060;
  transition:transform .12s,filter .12s;animation:none}
.mp-chatbub::after{content:'';position:absolute;left:26px;bottom:-11px;width:20px;height:13px;background:#DDA93A;
  -webkit-clip-path:polygon(0 0,100% 0,8% 100%);clip-path:polygon(0 0,100% 0,8% 100%);pointer-events:none}
.mp-chatbub .mp-chatbub-lbl{display:block;min-width:0;flex:1 1 auto;font-weight:700;font-size:15px;letter-spacing:.005em;line-height:1.2;color:#000;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-chatbub .mp-chatbub-lbl small{display:block;font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.72;margin-top:2px;
  overflow:hidden;text-overflow:ellipsis}
.mp-chatbub .mp-chatbub-disc{position:relative;flex:none;width:42px;height:42px;border-radius:50%;background:#000;display:grid;place-items:center;
  overflow:hidden;isolation:isolate;box-shadow:inset 0 0 0 1.5px rgba(232,176,74,.55)}
.mp-chatbub .mp-chatbub-disc svg{position:relative;z-index:2;display:block;width:22px;height:22px;color:#E8B04A;fill:#E8B04A;stroke:none;margin-left:-2px;
  -webkit-animation:mpChatbubGlide 2.5s ease-in-out infinite;animation:mpChatbubGlide 2.5s ease-in-out infinite}
.mp-chatbub:hover{filter:brightness(1.06)}
.mp-chatbub:active,.mp-chatbub.is-pressed{transform:translateY(1px) scale(.975);filter:none;
  background:linear-gradient(180deg,#F0D27E 0%,#E6B843 45%,#C9952C 100%);
  box-shadow:inset 0 3px 9px rgba(60,35,0,.45),inset 0 -1px 0 rgba(255,240,200,.35),0 0 0 1.5px #E09A3A}
.mp-chatbub:active::after,.mp-chatbub.is-pressed::after{background:#C9952C}
.mp-chatbub:focus-visible{outline:2px solid #E8B04A;outline-offset:3px}
@-webkit-keyframes mpChatbubGlide{0%,32%{-webkit-transform:translate(0,0);opacity:1}50%{-webkit-transform:translate(28px,-18px);opacity:0}
  50.01%{-webkit-transform:translate(-24px,16px);opacity:0}70%,100%{-webkit-transform:translate(0,0);opacity:1}}
@keyframes mpChatbubGlide{0%,32%{transform:translate(0,0);opacity:1}50%{transform:translate(28px,-18px);opacity:0}
  50.01%{transform:translate(-24px,16px);opacity:0}70%,100%{transform:translate(0,0);opacity:1}}
@media (prefers-reduced-motion: reduce){.mp-chatbub .mp-chatbub-disc svg{-webkit-animation:none!important;animation:none!important}.mp-chatbub{transition:none}}