.xz-fluid-v2-mascot {
  position: relative;
  display: grid;
  min-width: 0;
  aspect-ratio: 1;
  place-items: center;
  isolation: isolate;
  flex-shrink: 0;
}
.xz-fluid-v2-figure { width: 100%; height: 100%; transform-origin: 50% 85%; animation: seal-breathe 4.6s ease-in-out infinite; }
.xz-fluid-v2-canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; }
.xz-fluid-v2-mascot[data-xiaozhi-renderer="mesh"][data-xiaozhi-asset="seal-atlas"] .xz-fluid-v2-canvas { opacity: 1; }
.xz-fluid-v2-mascot[data-xiaozhi-renderer="mesh"][data-xiaozhi-asset="seal-atlas"] .xz-fluid-v2-figure { opacity: 0; animation: none; }
.xz-fluid-v2-viewport { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
.xz-fluid-v2-atlas { position: absolute; left: 0; top: 0; width: 400%; height: 300%; max-width: none; user-select: none; pointer-events: none; }
.xz-fluid-v2-fallback { width: 100%; height: 100%; object-fit: contain; user-select: none; }
.xz-fluid-v2-petButton { position: absolute; inset: 0; width: 100%; height: 100%; min-width: 44px; min-height: 44px; border: 0; border-radius: 28%; padding: 0; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.xz-fluid-v2-petButton:focus-visible { outline: 2px solid var(--color-primary, #6154c4); outline-offset: 2px; }
.xz-fluid-v2-petButton:disabled { cursor: default; }
.xz-fluid-v2-mascot[data-xiaozhi-pose="wave"] .xz-fluid-v2-figure,
.xz-fluid-v2-mascot[data-xiaozhi-pose="wink"] .xz-fluid-v2-figure { animation: seal-greet 1.6s ease-in-out infinite; }
.xz-fluid-v2-mascot[data-xiaozhi-pose="ponder"] .xz-fluid-v2-figure { animation: seal-ponder 2.8s ease-in-out infinite; }
.xz-fluid-v2-mascot[data-xiaozhi-pose="reading"] .xz-fluid-v2-figure,
.xz-fluid-v2-mascot[data-xiaozhi-pose="learning"] .xz-fluid-v2-figure { animation: seal-read 2.4s ease-in-out infinite; }
.xz-fluid-v2-mascot[data-xiaozhi-pose="working"] .xz-fluid-v2-figure { animation: seal-work 1.2s ease-in-out infinite; }
.xz-fluid-v2-mascot[data-xiaozhi-pose="happy"] .xz-fluid-v2-figure,
.xz-fluid-v2-mascot[data-xiaozhi-pose="surprised"] .xz-fluid-v2-figure { animation: seal-delight 1.2s ease-in-out infinite; }
.xz-fluid-v2-mascot[data-xiaozhi-pose="surf"] .xz-fluid-v2-figure { animation: seal-surf 2.8s ease-in-out infinite; }
.xz-fluid-v2-mascot[data-xiaozhi-pose="resting"] .xz-fluid-v2-figure { animation: seal-rest 4.8s ease-in-out infinite; }
.xz-fluid-v2-mascot[data-xiaozhi-pose="sleeping"] .xz-fluid-v2-figure { animation: seal-rest 6s ease-in-out infinite; }
.xz-fluid-v2-thoughts { position: absolute; display: flex; gap: 4%; width: 30%; top: 8%; right: 2%; pointer-events: none; }
.xz-fluid-v2-thoughts i { width: 18%; aspect-ratio: 1; border-radius: 50%; background: #8071c9; opacity: .3; animation: seal-thought 1.8s ease-in-out infinite; }
.xz-fluid-v2-thoughts i:nth-child(2) { animation-delay: .25s; }
.xz-fluid-v2-thoughts i:nth-child(3) { animation-delay: .5s; }
@keyframes seal-breathe { 0%,100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-1.5%) scale(1.012); } }
@keyframes seal-greet { 0%,100% { transform: rotate(0); } 25% { transform: rotate(-4deg) translateY(-1.5%); } 60% { transform: rotate(3deg) translateY(-2%); } }
@keyframes seal-ponder { 0%,100% { transform: rotate(-2deg); } 50% { transform: rotate(2deg) translateY(-1%); } }
@keyframes seal-read { 0%,100% { transform: rotate(-.5deg); } 40% { transform: rotate(1.5deg) translateY(.8%); } 75% { transform: rotate(-1deg); } }
@keyframes seal-work { 0%,100% { transform: translateY(0); } 30% { transform: translateY(-1%); } 60% { transform: rotate(.8deg) translateY(.6%); } }
@keyframes seal-delight { 0%,100% { transform: translateY(0) scale(1); } 35% { transform: translateY(-4%) scale(1.015,.985); } 70% { transform: translateY(0) scale(1.015,.985); } }
@keyframes seal-surf { 0%,100% { transform: translateX(-1%) rotate(-3deg); } 50% { transform: translateX(1.5%) rotate(3deg) translateY(-2%); } }
@keyframes seal-rest { 0%,100% { transform: scale(1); } 50% { transform: scale(1.008,1.025); } }
@keyframes seal-thought { 0%,80%,100% { opacity: .3; transform: translateY(0); } 35% { opacity: .9; transform: translateY(-50%); } }
.xz-fluid-v2-mascot[data-xiaozhi-pose="chip"] .xz-fluid-v2-figure,
.xz-fluid-v2-mascot[data-xiaozhi-pose="confused"] .xz-fluid-v2-figure { animation: seal-ponder 2.8s ease-in-out infinite; }
.xz-fluid-v2-mascot[data-xiaozhi-pose="explain"] .xz-fluid-v2-figure,
.xz-fluid-v2-mascot[data-xiaozhi-pose="connect"] .xz-fluid-v2-figure { animation: seal-read 2.4s ease-in-out infinite; }
.xz-fluid-v2-mascot[data-xiaozhi-pose="coding"] .xz-fluid-v2-figure,
.xz-fluid-v2-mascot[data-xiaozhi-pose="measure"] .xz-fluid-v2-figure { animation: seal-work 1.6s ease-in-out infinite; }
.xz-fluid-v2-mascot[data-xiaozhi-pose="graduate"] .xz-fluid-v2-figure,
.xz-fluid-v2-mascot[data-xiaozhi-pose="binary"] .xz-fluid-v2-figure,
.xz-fluid-v2-mascot[data-xiaozhi-pose="display"] .xz-fluid-v2-figure { animation: seal-delight 1.8s ease-in-out infinite; }

.xz-fluid-v2-mascot[data-xiaozhi-motion="paused"] .xz-fluid-v2-figure,
.xz-fluid-v2-mascot[data-xiaozhi-motion="paused"] .xz-fluid-v2-thoughts i { animation-play-state: paused; }
.xz-fluid-v2-mascot[data-xiaozhi-state="reduced-motion"] .xz-fluid-v2-figure { animation: none; transform: none; }
@media (prefers-reduced-motion: reduce) { .xz-fluid-v2-figure, .xz-fluid-v2-thoughts i { animation: none !important; transform: none !important; } }
@media (forced-colors: active) { .xz-fluid-v2-thoughts i { background: CanvasText; } }