/* SPECTRA: all selectors are scoped to equipped cosmetics. */
.cogo-avatar.has-cae-r1>.cae-art-r1.cae-art-r4{inset:-9%;border-radius:22%;z-index:0;overflow:hidden;contain:paint;color:var(--fx-first)}
.cae-art-r1.cae-art-r4>svg{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:1;overflow:visible;filter:drop-shadow(0 0 1px color-mix(in srgb,var(--fx-first) 28%,transparent))}
.cae-art-r1.cae-art-r4 .fx4-motion{transform-box:view-box;transform-origin:var(--fx-o,100px 100px);animation:var(--fx-a) var(--fx-d,6s) var(--fx-e,linear) var(--fx-delay,0s) infinite var(--fx-dir,normal) both!important}
/* Study preferences remain global. Direct try-on remains a local opt-in. */
body.cae-paused-r1 .cae-art-r1.cae-art-r4 .fx4-motion,body.focus-mode .cae-art-r1.cae-art-r4 .fx4-motion{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.cae-art-r1.cae-art-r4 .fx4-motion{animation:none!important}}
.closet-avatar6 .cae-art-r1.cae-art-r4.cae-preview-enabled-r3 .fx4-motion{animation:var(--fx-a) var(--fx-d,6s) var(--fx-e,linear) var(--fx-delay,0s) infinite var(--fx-dir,normal) both!important;animation-play-state:running!important}
body .cae-art-r1.cae-art-r4[data-cae-visible=false] .fx4-motion,body .closet-avatar6 .cae-art-r1.cae-art-r4[data-cae-visible=false] .fx4-motion,body .closet-avatar6 .cae-art-r1.cae-art-r4.cae-preview-paused-r3 .fx4-motion{animation-play-state:paused!important}
@keyframes fx4-spin{to{transform:rotate(360deg)}}
@keyframes fx4-counter{to{transform:rotate(-360deg)}}
@keyframes fx4-twinkle{0%,100%{opacity:.35;transform:scale(.6)}50%{opacity:1;transform:scale(1.35)}}
@keyframes fx4-moon{0%,100%{transform:translate(2px,3px) rotate(-7deg)}50%{transform:translate(-2px,-5px) rotate(7deg)}}
@keyframes fx4-bob{0%,100%{transform:translateY(8px) rotate(-10deg)}50%{transform:translateY(-9px) rotate(12deg)}}
@keyframes fx4-meteor{0%{transform:translate(-28px,-39px);opacity:0}16%{opacity:1}65%{opacity:1}88%,100%{transform:translate(55px,70px);opacity:0}}
@keyframes fx4-expand{0%{transform:scale(.62);opacity:0}20%{opacity:.72}85%,100%{transform:scale(1.45);opacity:0}}
@keyframes fx4-curtain{0%,100%{transform:translate(-8px,6px) skewX(-8deg) scaleY(.93)}50%{transform:translate(11px,-6px) skewX(10deg) scaleY(1.05)}}
@keyframes fx4-petal{0%{transform:translate(-22px,-26px) rotate(-50deg);opacity:0}15%,75%{opacity:.9}50%{transform:translate(15px,15px) rotate(110deg)}100%{transform:translate(32px,60px) rotate(250deg);opacity:0}}
@keyframes fx4-stream{to{stroke-dashoffset:-160}}
@keyframes fx4-bloom{0%,100%{transform:scale(.6) rotate(-14deg);opacity:.5}50%{transform:scale(1.15) rotate(8deg);opacity:1}}
@keyframes fx4-firefly{0%,100%{transform:translate(-9px,6px);opacity:.35}25%{transform:translate(9px,-9px);opacity:1}50%{transform:translate(19px,5px);opacity:.7}75%{transform:translate(-2px,16px);opacity:1}}
@keyframes fx4-leaf{0%,100%{transform:translate(-9px,-12px) rotate(-25deg)}50%{transform:translate(10px,13px) rotate(115deg)}}
@keyframes fx4-snow{0%{transform:translate(5px,-24px) rotate(0);opacity:0}15%,80%{opacity:.85}100%{transform:translate(-13px,40px) rotate(170deg);opacity:0}}
@keyframes fx4-seed{0%{transform:translate(0,19px) rotate(-20deg);opacity:0}20%,70%{opacity:.9}100%{transform:translate(17px,-33px) rotate(30deg);opacity:0}}
@keyframes fx4-wave{0%,100%{transform:translateX(-24px) scaleY(.8)}50%{transform:translateX(24px) scaleY(1.15)}}
@keyframes fx4-spray{0%{transform:translate(0,0);opacity:0}20%{opacity:.85}70%{transform:translate(8px,-45px);opacity:.8}100%{transform:translate(13px,-39px);opacity:0}}
@keyframes fx4-bubble{0%{transform:translate(-6px,32px) scale(.7);opacity:0}18%,78%{opacity:.9}50%{transform:translate(7px,-4px) scale(1.05)}100%{transform:translate(-3px,-43px) scale(1.15);opacity:0}}
@keyframes fx4-coral{0%,100%{transform:skewX(-4deg)}50%{transform:skewX(5deg)}}
@keyframes fx4-fish{0%,100%{transform:translate(-12px,3px) rotate(-8deg)}50%{transform:translate(13px,-6px) rotate(8deg)}}
@keyframes fx4-crystal{0%,100%{transform:translateY(8px) rotate(-12deg) scaleX(.8)}50%{transform:translateY(-8px) rotate(12deg) scaleX(1.1)}}
@keyframes fx4-heartwave{0%{transform:scale(.65);opacity:0}20%{opacity:.68}100%{transform:scale(1.27);opacity:0}}
@keyframes fx4-heartfloat{0%,100%{transform:translateY(9px) rotate(-16deg) scale(.75)}50%{transform:translateY(-12px) rotate(15deg) scale(1.05)}}
@keyframes fx4-ribbon{0%,100%{transform:rotate(-9deg) scaleX(.9)}50%{transform:rotate(8deg) scaleX(1.06)}}
@keyframes fx4-cloud{0%,100%{transform:translate(-7px,6px) scale(.92)}50%{transform:translate(7px,-6px) scale(1.04)}}
@keyframes fx4-equalizer{0%,100%{transform:scaleY(.45)}30%{transform:scaleY(1.7)}60%{transform:scaleY(.7)}80%{transform:scaleY(1.15)}}
@keyframes fx4-note{0%,100%{transform:translateY(8px) rotate(-14deg)}50%{transform:translateY(-13px) rotate(15deg)}}
@keyframes fx4-flap{0%,100%{transform:scaleX(.35)}50%{transform:scaleX(1)}}
@keyframes fx4-butterfly{0%,100%{transform:translate(-6px,7px) rotate(-12deg)}50%{transform:translate(7px,-8px) rotate(13deg)}}
@keyframes fx4-flyorbit{to{transform:rotate(360deg)}}
@keyframes fx4-laurel{0%,100%{transform:rotate(-6deg) scale(.92);opacity:.7}50%{transform:rotate(8deg) scale(1.08);opacity:1}}
@keyframes fx4-confetti{0%{transform:translate(-4px,-23px) rotate(0);opacity:0}15%,75%{opacity:1}100%{transform:translate(8px,36px) rotate(240deg);opacity:0}}
@keyframes fx4-gate{0%{opacity:.45;stroke-dashoffset:0}50%{opacity:1}100%{opacity:.45;stroke-dashoffset:80}}
@keyframes fx4-door{0%,100%{transform:scaleX(.85)}50%{transform:scaleX(.2)}}
@keyframes fx4-circuit{to{stroke-dashoffset:-216}}
@keyframes fx4-wing{0%,100%{transform:rotate(5deg) scaleX(.88)}50%{transform:rotate(-7deg) scaleX(1.05)}}
@keyframes fx4-feather{0%,100%{opacity:.55;transform:rotate(2deg)}50%{opacity:1;transform:rotate(-4deg)}}
@keyframes fx4-breathe{0%,100%{opacity:.4;transform:scale(.94)}50%{opacity:1;transform:scale(1.03)}}
@keyframes fx4-infinity{to{stroke-dashoffset:-535}}