/* Six independent performances; decorative artwork never intercepts card clicks. */
.motion-album .expression-item{overflow:hidden;background:#fff5fa;padding-bottom:13px}
.motion-album .expression-item:nth-child(2){background:#f0f4ff}.motion-album .expression-item:nth-child(3){background:#fff9df}.motion-album .expression-item:nth-child(4){background:#fff0f1}.motion-album .expression-item:nth-child(5){background:#f6f0ff}.motion-album .expression-item:nth-child(6){background:#edf8fa}
.motion-album .frame{height:146px;max-width:none;padding:14px 5px 0;overflow:hidden;position:relative}
.motion-album .album-cat{width:100%;height:100%;margin:0;isolation:isolate}
.album-art{position:absolute;inset:0}.album-cat *{pointer-events:none!important}
.motion-album .album-cat *{animation-play-state:paused}
dialog[open] .motion-album .album-cat *{animation-play-state:running}
.album-cat .cat-heart,.album-cat .cat-spark{display:none}
.album-symbol{position:absolute;right:9%;top:12%;color:#7872ae;font-weight:900;font-size:22px;line-height:1;text-shadow:1px 1px 0 white;pointer-events:none;animation:album-symbol 3.6s ease-in-out infinite}
.motion-album .expression-item b{display:block;font-size:12px;line-height:1.5}.motion-album .expression-item small{font-size:10px;margin-top:3px;color:#797087;font-family:inherit;letter-spacing:0}
.album-cat .cat-open-eyes{animation:album-blink 4.6s linear infinite}
.album-cat[data-album-mood="idle"] .cat-jump{animation:album-idle 4.6s ease-in-out infinite;transform-origin:160px 285px}
.album-cat[data-album-mood="idle"] .arm-right{animation:album-hello 4.6s ease-in-out infinite}
.album-cat[data-album-mood="thinking"] .cat-head{animation:album-think 4.8s ease-in-out infinite}
.album-cat[data-album-mood="thinking"] .arm-right{animation:album-chin 4.8s ease-in-out infinite}
.album-cat[data-album-mood="thinking"] .cat-pupils{animation:album-glance 4.8s ease-in-out infinite}
.album-cat[data-album-mood="thinking"] .mouth-smile{display:none}.album-cat[data-album-mood="thinking"] .mouth-oh{display:block;transform:scale(.75,.6);transform-origin:160px 171px}
.album-cat[data-album-mood="thinking"] .album-symbol{color:#6961c7;animation:album-question 4.8s ease-in-out infinite}
.album-cat[data-album-mood="happy"] .cat-jump{animation:album-bounce 3s ease-in-out infinite;transform-origin:160px 285px}
.album-cat[data-album-mood="happy"] .arm-left{animation:album-cheer-left 3s ease-in-out infinite}.album-cat[data-album-mood="happy"] .arm-right{animation:album-cheer-right 3s ease-in-out infinite}
.album-cat[data-album-mood="happy"] .album-symbol{color:#ed76a5;animation:album-music 3s ease-in-out infinite}
.album-cat[data-album-mood="oops"] .cat-jump{animation:album-oops 3.4s ease-in-out infinite;transform-origin:160px 285px}
.album-cat[data-album-mood="oops"] .cat-head{animation:album-shrink 3.4s ease-in-out infinite}
.album-cat[data-album-mood="oops"] .arm-left{animation:album-fidget-left 3.4s ease-in-out infinite}.album-cat[data-album-mood="oops"] .arm-right{animation:album-fidget-right 3.4s ease-in-out infinite}
.album-cat[data-album-mood="oops"] .mouth-smile{display:none}.album-cat[data-album-mood="oops"] .mouth-worried,.album-cat[data-album-mood="oops"] .cat-sweat{display:block}
.album-cat[data-album-mood="oops"] .cat-brows ellipse:first-child{transform:rotate(-25deg);transform-origin:129px 106px}.album-cat[data-album-mood="oops"] .cat-brows ellipse:last-child{transform:rotate(25deg);transform-origin:191px 106px}
.album-cat[data-album-mood="oops"] .cat-sweat{animation:album-sweat 3.4s ease-in-out infinite}.album-cat[data-album-mood="oops"] .album-symbol{color:#d7818e}
.album-cat[data-album-mood="win"] .cat-jump{animation:album-victory 3.8s ease-in-out infinite;transform-origin:160px 285px}
.album-cat[data-album-mood="win"] .arm-left{animation:album-victory-left 3.8s ease-in-out infinite}.album-cat[data-album-mood="win"] .arm-right{animation:album-victory-right 3.8s ease-in-out infinite}
.album-cat[data-album-mood="win"] .foot-left{animation:album-kick 3.8s ease-in-out infinite}
.album-cat[data-album-mood="win"] .cat-spark{display:block;font-size:21px;-webkit-text-stroke:1px var(--ink);animation:album-stars 3.8s ease-in-out infinite}.album-cat[data-album-mood="win"] .spark-one{left:3%;top:27%}.album-cat[data-album-mood="win"] .spark-two{right:2%;top:50%;font-size:16px}.album-cat[data-album-mood="win"] .album-symbol{display:none}
.album-cat[data-album-mood="sleep"] .cat-breathe{animation:album-sleep-breathe 5.2s ease-in-out infinite}
.album-cat[data-album-mood="sleep"] .cat-head{animation:album-nod 5.2s ease-in-out infinite}
.album-cat[data-album-mood="sleep"] .cat-tail{animation:cat-tail 7s ease-in-out infinite}
.album-cat[data-album-mood="sleep"] .arm-left{transform:translate(23px,0) rotate(-18deg)}.album-cat[data-album-mood="sleep"] .arm-right{transform:translate(-23px,0) rotate(18deg)}
.album-cat[data-album-mood="sleep"] .album-symbol{font-size:13px;right:6%;top:21%;color:#8c93b2;animation:album-zzz 5.2s ease-out infinite}
.album-cat .cat-jump,.album-cat .cat-breathe,.album-cat .cat-head,.album-cat .cat-arm,.album-cat .cat-foot,.album-cat .cat-open-eyes,.album-cat .album-symbol,.album-cat .cat-spark,.album-cat .cat-pupils,.album-cat .cat-sweat{animation-delay:var(--album-phase,0s)}
@keyframes album-blink{0%,42%,48%,100%{transform:scaleY(1)}44%,46%{transform:scaleY(.06)}}
@keyframes album-idle{0%,100%{transform:none}50%{transform:translateY(-3px) rotate(2deg)}}
@keyframes album-hello{0%,35%,100%{transform:none}50%,69%{transform:rotate(-140deg)}59%,78%{transform:rotate(-115deg)}}
@keyframes album-think{0%,100%{transform:none}25%,65%{transform:rotate(-8deg)}80%{transform:rotate(3deg)}}
@keyframes album-chin{0%,100%{transform:none}25%,70%{transform:translate(-28px,-12px) rotate(-135deg)}}
@keyframes album-glance{0%,100%{transform:none}25%,65%{transform:translate(-4px,-5px)}}
@keyframes album-question{0%,100%{opacity:0;transform:translateY(6px) rotate(-12deg) scale(.7)}25%,70%{opacity:1;transform:translateY(-2px) rotate(8deg) scale(1)}}
@keyframes album-bounce{0%,70%,100%{transform:none}14%{transform:scale(1.05,.94)}32%{transform:translateY(-16px) rotate(-4deg)}45%{transform:scale(1.07,.93)}58%{transform:translateY(-8px) rotate(3deg)}}
@keyframes album-cheer-left{0%,100%{transform:none}25%,62%{transform:rotate(125deg)}}
@keyframes album-cheer-right{0%,100%{transform:none}25%,62%{transform:rotate(-125deg)}}
@keyframes album-oops{0%,55%,100%{transform:none}20%{transform:translateX(-4px) rotate(-3deg)}28%{transform:translateX(4px) rotate(3deg)}36%{transform:translateX(-3px) rotate(-2deg)}44%{transform:translateX(2px) rotate(1deg)}}
@keyframes album-shrink{0%,100%{transform:none}20%,65%{transform:translateY(7px) rotate(5deg)}}
@keyframes album-fidget-left{0%,100%{transform:none}20%,65%{transform:translate(14px,-10px) rotate(18deg)}}
@keyframes album-fidget-right{0%,100%{transform:none}20%,65%{transform:translate(-14px,-10px) rotate(-18deg)}}
@keyframes album-sweat{0%,100%{opacity:0;transform:translateY(-5px)}20%,60%{opacity:1;transform:translateY(2px)}80%{opacity:0;transform:translateY(6px)}}
@keyframes album-victory{0%,100%{transform:none}12%{transform:scale(1.08,.92)}30%{transform:translateY(-22px) rotate(-6deg)}45%{transform:scale(1.06,.94)}62%{transform:translateY(-16px) rotate(5deg)}78%{transform:scale(1.04,.97)}}
@keyframes album-victory-left{0%,100%{transform:rotate(80deg)}25%,70%{transform:rotate(145deg)}}
@keyframes album-victory-right{0%,100%{transform:rotate(-80deg)}25%,70%{transform:rotate(-145deg)}}
@keyframes album-kick{0%,100%{transform:none}25%,70%{transform:translate(-5px,-12px) rotate(-25deg)}}
@keyframes album-stars{0%,100%{opacity:0;transform:scale(.3) rotate(-20deg)}25%,60%{opacity:1;transform:translateY(-5px) scale(1.1) rotate(15deg)}80%{opacity:.5;transform:translateY(-10px) scale(.7)}}
@keyframes album-sleep-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.02,.975)}}
@keyframes album-nod{0%,100%{transform:rotate(3deg)}55%{transform:translateY(7px) rotate(-4deg)}}
@keyframes album-zzz{0%{opacity:0;transform:translateY(10px) scale(.8)}30%,65%{opacity:.9;transform:translateY(-2px) scale(1)}100%{opacity:0;transform:translateY(-16px) scale(1.1)}}
@keyframes album-music{0%,100%{transform:rotate(-10deg) translateY(2px)}50%{transform:rotate(12deg) translateY(-5px)}}
@keyframes album-symbol{0%,100%{opacity:.5;transform:translateY(2px) rotate(-8deg)}50%{opacity:1;transform:translateY(-5px) rotate(8deg)}}
@media(max-width:440px){.motion-album{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.motion-album .frame{height:127px;padding:12px 8px 0}.motion-album .expression-item{padding-bottom:10px}.motion-album .expression-item small{font-size:9px}}
