.pp-root{--pp-page:var(--surface-page);--pp-st-todo:#f0556a;--pp-st-prog:#4c8dff;--pp-st-done:#00c9a7;--pp-news:#f0314e;--pp-av-lf:#7c5cf0;--pp-av-cr:#c0489b;--pp-av-im:#4a6cf0;--pp-av-jm:#d9792b}.pp-root>section:first-child{border-bottom-color:transparent}.pp-root>section:first-child:after{content:"";position:absolute;inset-inline:0;bottom:0;height:56px;background:linear-gradient(to bottom,transparent,var(--pp-page));pointer-events:none}.pp-band-seam{background:linear-gradient(to bottom,var(--pp-page),transparent)}html:not(.dark) .pp-band-seam{display:none}.pp-scene{container-type:inline-size}.pp-link{position:relative;width:2px;height:44px;margin:6px auto;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-teal) 10%,transparent),color-mix(in srgb,var(--brand-teal) 55%,transparent),color-mix(in srgb,var(--brand-purple) 55%,transparent))}.pp-link-dot{position:absolute;left:-5px;top:calc(var(--pp-dot, 0) * (100% - 12px));width:12px;height:12px;border-radius:50%;background:var(--brand-teal);box-shadow:0 0 18px 4px color-mix(in srgb,var(--brand-teal) 70%,transparent);transition:opacity .2s linear,top .06s linear,left .06s linear}@media (min-width:1024px){.pp-link{width:72px;height:2px;margin:0;background:linear-gradient(90deg,color-mix(in srgb,var(--brand-teal) 10%,transparent),color-mix(in srgb,var(--brand-teal) 55%,transparent),color-mix(in srgb,var(--brand-purple) 55%,transparent))}.pp-link-dot{top:-5px;left:calc(var(--pp-dot, 0) * (100% - 12px))}}.pp-crop{position:relative;overflow:hidden;aspect-ratio:var(--pp-ar-m)}.pp-crop>img{position:absolute;display:block;max-width:none;height:auto;width:var(--pp-iw-m);left:var(--pp-il-m);top:var(--pp-it-m)}.pp-mask-x{-webkit-mask-image:var(--pp-mx-m,none);mask-image:var(--pp-mx-m,none)}.pp-mask-y{-webkit-mask-image:var(--pp-my-m,none);mask-image:var(--pp-my-m,none)}@media (min-width:768px){.pp-crop{aspect-ratio:var(--pp-ar)}.pp-crop>img{width:var(--pp-iw);left:var(--pp-il);top:var(--pp-it)}.pp-mask-x{-webkit-mask-image:var(--pp-mx,none);mask-image:var(--pp-mx,none)}.pp-mask-y{-webkit-mask-image:var(--pp-my,none);mask-image:var(--pp-my,none)}}