/* Magnetic cat-eye gold: fine metallic flecks beneath an angled light ribbon. */
.cc-bubble,.cc-name,.cc-compose,.vg-greeting,.vg-signature>span{
 background-color:#dbbb72;
 background-image:
  linear-gradient(116deg,transparent 36%,#fff4bc12 43%,#ffefaf80 47%,#fffbe5e6 49%,#fffff5f5 50%,#ffefb6c9 51%,#f9dc8266 54%,transparent 64%),
  radial-gradient(circle at 14% 22%,#fffdf3 0 .65px,transparent 1.2px),
  radial-gradient(circle at 76% 68%,#fff2bde6 0 .7px,transparent 1.4px),
  radial-gradient(circle at 41% 81%,#fffbe8cc 0 .5px,transparent 1.1px),
  radial-gradient(circle at 87% 24%,#9e6b284d 0 .65px,transparent 1.25px),
  linear-gradient(128deg,#d3ac56 0%,#e7c77b 23%,#cda351 43%,#eed496 65%,#d7af59 83%,#c99c46 100%);
 background-size:240% 100%,29px 37px,47px 31px,61px 43px,37px 53px,100% 100%;
 background-position:95% 0,0 0,8px 7px,15px 3px,5px 17px,0 0;
 animation:vg-champagne-cateye 11s ease-in-out infinite alternate;
 box-shadow:inset 0 1px 0 #fff3c7c9,inset 0 -2px 3px #a3782b40,0 5px 28px #d5ab4e33;
 color:#102a43;
}
.cc-row.visitor .cc-bubble{animation-delay:-3s}.cc-compose{animation-delay:-6s}.cc-name{animation-delay:-2s}
@keyframes vg-champagne-cateye{0%,12%{background-position:85% 0,0 0,8px 7px,15px 3px,5px 17px,0 0}88%,100%{background-position:15% 0,0 0,8px 7px,15px 3px,5px 17px,0 0}}
html[data-champagne-motion="paused"] .cc-bubble,html[data-champagne-motion="paused"] .cc-name,html[data-champagne-motion="paused"] .cc-compose,html[data-champagne-motion="paused"] .vg-greeting,html[data-champagne-motion="paused"] .vg-signature>span{animation:none;background-position:50% 0,0 0,8px 7px,15px 3px,5px 17px,0 0}
.vg-shimmer-toggle{display:block;margin:10px 0 0;padding:4px 0;background:none;border:0;color:#102a43;font:11px/1.5 Arial,sans-serif;text-decoration:underline;cursor:pointer}.vg-shimmer-toggle:focus-visible{outline:2px solid #102a43;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.cc-bubble,.cc-name,.cc-compose,.vg-greeting,.vg-signature>span{animation:none!important;background-position:50% 0,0 0,8px 7px,15px 3px,5px 17px,0 0}.vg-shimmer-toggle{display:none!important}}
/* Liquid within the message shape — no enclosing glass or chat-panel border. */
.cc-bubble{position:relative;isolation:isolate;overflow:hidden;background:#e8ce8e;animation:none}
.cc-words{position:relative;z-index:2}
.cc-bubble::before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(105deg,#c49b45aa,#f5e4aa 50%,#d6ad5c);transform-origin:bottom;animation:vg-pour 1.25s cubic-bezier(.22,.61,.36,1) both}
.cc-bubble::after{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;opacity:.65;background-image:radial-gradient(circle at 10px 10px,transparent 1px,#fff7d5cc 1.3px,#b68c3e88 1.9px,transparent 2.4px),radial-gradient(circle at 29px 24px,transparent .5px,#fff9e3cc 1px,#ba914c66 1.5px,transparent 2px),radial-gradient(circle at 45px 8px,#fff9d9bb 0 .6px,transparent 1.2px);background-size:67px 61px,43px 47px,29px 41px;background-position:0 0,13px 0,7px 0;animation:vg-effervescence 5s linear infinite;mask-image:linear-gradient(90deg,#0007,#0003 35%,#0003 65%,#0007)}
@keyframes vg-pour{from{clip-path:polygon(0 100%,35% 100%,70% 100%,100% 100%,100% 100%,0 100%)}35%{clip-path:polygon(0 65%,30% 72%,68% 61%,100% 68%,100% 100%,0 100%)}75%{clip-path:polygon(0 15%,32% 9%,68% 18%,100% 12%,100% 100%,0 100%)}to{clip-path:polygon(0 0,35% 0,70% 0,100% 0,100% 100%,0 100%)}}
@keyframes vg-effervescence{to{background-position:9px -122px,8px -141px,12px -123px}}
html[data-champagne-motion="paused"] .cc-bubble::after{animation-play-state:paused}html[data-champagne-motion="paused"] .cc-bubble::before{animation:none}
@media(prefers-reduced-motion:reduce){.cc-bubble::before,.cc-bubble::after{animation:none!important}.cc-bubble::after{opacity:.35}}