@property --reading{syntax: '<integer>';
    inherits: false;
    initial-value: 0;
}@supports(animation-timeline:view()) and (anchor-name:--a){@media(min-width:1000px){.post-single{position:relative;view-timeline:--post block}.post-title{anchor-name:--title}.post-content{anchor-name:--text}.post-single::after,.post-footer::after{position:absolute;left:calc(anchor(--text right) + var(--gap));animation:reading linear both;animation-timeline:--post;animation-range:contain}.post-single::after{content:'';top:anchor(--title top);bottom:anchor(--text bottom);width:2px;background:linear-gradient(var(--accent) calc(var(--reading) * 1%),var(--border) 0)}.post-footer::after{counter-reset:reading var(--reading);content:counter(reading)'%';top:calc(anchor(--title top) + (anchor(--text bottom) - anchor(--title top)) * var(--reading)/100);margin-left:8px;transform:translateY(-50%);white-space:nowrap;font-family:var(--font-mono);font-size:12px;color:var(--secondary)}}}@keyframes reading{from{--reading:0}to{--reading:100}}