@property --p{syntax:"<number>";inherits:true;initial-value:0}.dict{--p:0;height:220vh}.dict-pin{min-height:100vh;padding-block:4rem;position:sticky;top:0}.dict-word{color:#0f172a;opacity:clamp(.14,calc((var(--p)*1.15 - var(--t))*14 + .14),1)}@keyframes dict-progress{0%{--p:0}to{--p:1}}@supports (animation-timeline:view()){.dict{animation:linear both dict-progress;animation-timeline:view();animation-range:contain}}@media (prefers-reduced-motion:reduce){.dict{height:auto;animation:none}.dict-pin{min-height:0;padding-block:6rem;position:static}.dict-word{opacity:1}}@property --score{syntax:"<integer>";inherits:false;initial-value:64}@property --batch{syntax:"<integer>";inherits:false;initial-value:1}.dict-swash path{fill:none;stroke:#007aff;stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:clamp(0,calc(1 - var(--p)*5),1);opacity:.85}.rec-row{--lit:clamp(0,calc((var(--p) - var(--on))*6),1);opacity:calc(.35 + var(--lit)*.65)}.rec-cell-on{background:color-mix(in oklch,#007aff calc(var(--lit)*100%),#dbe5f1)}.rec-chip{opacity:clamp(0,calc((var(--p) - var(--at))*8),1);translate:0 calc(clamp(0,calc(1 - (var(--p) - var(--at))*8),1)*8px)}.rec-score{--score:calc(64 + var(--p)*28);counter-reset:score var(--score)}.rec-score:after{content:counter(score)"%"}.rec-batch{--batch:calc(1 + var(--p)*2.2);counter-reset:batch var(--batch)}.rec-batch:after{content:counter(batch)}@media (prefers-reduced-motion:reduce){.dict{--p:1}}