@keyframes panda-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes panda-wave{0%,to{transform:rotate(0)}25%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}@keyframes panda-peek{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes panda-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes panda-tilt{0%,to{transform:rotate(0)}50%{transform:rotate(3deg)}}@keyframes panda-zzz{0%,to{opacity:.4}50%{opacity:1}}.panda--animated[data-mood=happy]{animation:3s ease-in-out infinite panda-bounce}.panda--animated[data-mood=thinking]{animation:3s ease-in-out infinite panda-tilt}.panda--animated[data-mood=sleepy]{animation:4s ease-in-out infinite panda-float}.panda--animated[data-mood=curious]{animation:3s ease-in-out infinite panda-tilt}.panda--animated[data-mood=celebrating]{animation:3s ease-in-out infinite panda-bounce}.panda--animated[data-mood=confused]{animation:3s ease-in-out infinite panda-tilt}.panda--animated[data-mood=waving]{animation:3s ease-in-out infinite panda-bounce}.panda--animated[data-mood=reading],.panda--animated[data-mood=working]{animation:4s ease-in-out infinite panda-float}.panda--animated .panda-zzz{animation:2s ease-in-out infinite panda-zzz}.panda--animated[data-mood=waving] .panda-wave-arm{transform-origin:50% 85%;animation:2s ease-in-out infinite panda-wave}.panda-spot{pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.panda-spot--inline{justify-content:center}.panda-spot--corner-br{position:absolute;bottom:12px;right:12px}.panda-spot--corner-bl{position:absolute;bottom:12px;left:12px}.panda-spot--peek-right{clip-path:inset(0);position:absolute;bottom:16px;right:-12px}.panda-spot--peek-bottom{position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.panda-spot__bubble{background:var(--surface-container-lowest,#fff);border:1px solid var(--outline-variant,#e0e0e0);color:var(--on-surface-variant,#555);pointer-events:auto;border-radius:12px;max-width:180px;padding:6px 10px;font-size:.72rem;font-weight:500;line-height:1.4;position:relative;box-shadow:0 1px 4px #0000000f}.panda-spot__bubble:before{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:5px solid var(--outline-variant,#e0e0e0);width:0;height:0;position:absolute;top:50%;left:-5px;transform:translateY(-50%)}.panda-spot__bubble:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-right:4px solid var(--surface-container-lowest,#fff);width:0;height:0;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.panda-spot--peek-right .panda,.panda-spot--peek-bottom .panda{animation:.6s ease-out both panda-peek}