@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:62}@property --batch{syntax:"<integer>";inherits:false;initial-value:1}.dict-grid{background-image:radial-gradient(circle,#007aff21 1px,#0000 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(70% 60% at 70%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 60% at 70%,#000 30%,#0000 75%)}.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{--r0:9.5rem}.rec-ring{width:calc(var(--r0)*2*var(--r));height:calc(var(--r0)*2*var(--r));background:rgb(0 122 255/clamp(0,calc((var(--p) - var(--on))*.25),.05));border:1px dashed #0f172a1f;border-radius:9999px;position:absolute;top:50%;left:50%;translate:-50% -50%}.rec-dot{background:color-mix(in oklch,#007aff calc(var(--p)*100%),#c4cfdd);width:9px;height:9px;transform:rotate(calc(var(--a) + var(--p)*48deg))translateX(calc(var(--r0)*(var(--j) - (var(--j) - .44)*var(--p))));border-radius:9999px;margin:-4.5px 0 0 -4.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 3px #fff}.rec-core{place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.rec-core-halo{width:calc(1.5rem + var(--p)*3.5rem);height:calc(1.5rem + var(--p)*3.5rem);background:radial-gradient(circle,#007aff38,#0000 70%);border-radius:9999px;position:absolute}.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(62 + var(--p)*29);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}}