/* Explicit website motion choice takes precedence; no rapid flashing. */
html[data-motion=on] .csb-milkyway{animation:csbLivePan 32s ease-in-out infinite alternate!important}
html[data-motion=on] .csb-ambient-stars{animation:csbLiveStars 22s ease-in-out infinite alternate!important}
html[data-motion=on] .csb-shooting-star{display:block!important;animation:csbGlobalShooting 13s ease-in-out infinite!important}
html[data-motion=on] .csb-design-backdrop i{animation:csbIndividualStar var(--twinkle-time,8s) ease-in-out var(--twinkle-delay,-3s) infinite!important}
html[data-motion=on] .csb-nebula-cloud{animation:csbCloudFlow 28s ease-in-out infinite alternate!important}
html[data-motion=on] .csb-meteor{width:var(--meteor-length,65px);height:var(--meteor-thickness,1px);animation:csbIndividualMeteor var(--meteor-time,23s) linear var(--meteor-delay,-5s) infinite!important}
@keyframes csbIndividualStar{0%,100%{opacity:var(--star-low,.2);transform:scale(.8)}29%{opacity:var(--star-high,.8);transform:scale(1.05)}53%{opacity:var(--star-low,.2);transform:scale(.85)}76%{opacity:calc(var(--star-high,.8)*.65);transform:scale(.95)}}
@keyframes csbIndividualMeteor{0%,86%{opacity:0;transform:translate(0,0) rotate(var(--angle,30deg)) scaleX(.2)}87%{opacity:.85}90%{opacity:.6;transform:translate(calc(var(--flight-x,30vw)*.5),calc(var(--flight-y,20vh)*.5 + var(--bend,0vh))) rotate(var(--angle,30deg)) scaleX(1)}94%,100%{opacity:0;transform:translate(var(--flight-x,30vw),var(--flight-y,20vh)) rotate(calc(var(--angle,30deg) + 8deg)) scaleX(.65)}}
@keyframes csbLivePan{from{transform:scale(1.06) translate(-1%,-1%)}to{transform:scale(1.13) translate(1%,1%)}}
@keyframes csbLiveStars{from{transform:translate(-1%,0);opacity:.35}to{transform:translate(1%,-1%);opacity:.65}}
.csb-vision{max-width:1050px;margin:auto;overflow:hidden;border-radius:20px;position:relative;border:1px solid #00d8c755}
.csb-vision img{display:block;width:100%;height:auto}
html[data-motion=on] .csb-vision img{animation:csbVisionBreath 12s ease-in-out infinite alternate}
@keyframes csbVisionBreath{to{transform:scale(1.035);filter:brightness(1.13)}}
html[data-motion=off] .csb-vision img{animation:none!important}
.csb-custom-gradient{background-image:linear-gradient(90deg,var(--text-from,#00e5d4),var(--text-to,#ff0a78))!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html[data-motion=on] .csb-meteor{offset-rotate:auto;offset-anchor:100% 50%;animation-name:csbPathMeteor!important;transform:none!important}
@keyframes csbPathMeteor{0%,94%{opacity:0;offset-distance:0%}94.5%{opacity:.85}97%{opacity:.6}99%,100%{opacity:0;offset-distance:100%}}
html.csb-scene-colors body{background-color:var(--scene-base)!important}
html.csb-scene-colors .csb-custom-scene .csb-design-backdrop{background-color:var(--scene-base)!important}
html.csb-scene-colors .csb-design-backdrop:before{content:'';display:block;position:absolute;inset:0;background:radial-gradient(ellipse at 0% 60%,color-mix(in srgb,var(--scene-left) 24%,transparent),transparent 65%),radial-gradient(ellipse at 100% 35%,color-mix(in srgb,var(--scene-right) 24%,transparent),transparent 65%)!important}
html.csb-scene-colors .csb-ambient-orb.cyan{background:var(--scene-right)!important}
html.csb-scene-colors .csb-ambient-orb.magenta{background:var(--scene-left)!important}