motion.css

/* Motion is presentation only: review results still come from engine.mjs. */
.intro{animation:arrive .65s both}.input-panel{animation:arrive .65s .08s both}.brain-panel{animation:arrive .65s .16s both}.review-panel{animation:arrive .65s .24s both}
.roles>div{position:relative;transition:color .25s,transform .25s}.roles>div::after{content:'';position:absolute;left:0;right:8px;bottom:-9px;height:1px;background:#e5ad80;transform:scaleX(0);transform-origin:left;transition:transform .25s}.roles>div.is-active{color:#ffd0a9;transform:translateY(-2px)}.roles>div.is-active i{background:#ffc089;box-shadow:0 0 14px #ffc089}.roles>div.is-active::after,.roles>div.is-complete::after{transform:scaleX(1)}.roles>div.is-complete{color:#b8d9cd}.roles>div.is-complete i{background:#a8d8bd}
.review-progress{height:2px;margin:7px 18px 0;overflow:hidden;border-radius:2px;background:#24333f}.review-progress span{display:block;width:25%;height:100%;background:linear-gradient(90deg,transparent,#e9b78f,transparent);opacity:0}.is-reviewing .review-progress span{opacity:1;animation:review-sweep .85s linear infinite}.is-reviewing .brain-panel{border-color:#9a7658;box-shadow:0 0 42px #c2955b0a}.is-reviewing .review-panel{opacity:.5;transition:opacity .2s}.brain-panel{transition:border-color .3s,box-shadow .3s}.primary{transition:background .2s,transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-1px);box-shadow:0 5px 19px #e0a57915}.primary:active{transform:translateY(1px)}.examples button,.review-actions button{transition:background .2s,border-color .2s,transform .2s}.examples button:hover,.review-actions button:hover{transform:translateY(-1px);border-color:#c29a78}.journal-item{animation:arrive .35s both}.finding{transition:border-color .2s}.finding:hover{border-color:#a98564}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes review-sweep{from{transform:translateX(-100%)}to{transform:translateX(400%)}}
@media(prefers-reduced-motion:reduce){.intro,.input-panel,.brain-panel,.review-panel,.journal-item{animation:none}.roles>div,.roles>div::after,.brain-panel,.primary,.examples button,.review-actions button,.finding{transition:none}.primary:hover,.primary:active,.examples button:hover,.review-actions button:hover,.roles>div.is-active{transform:none}.is-reviewing .review-progress span{animation:none;width:100%;opacity:.6}}