:root{--pws-untouched:26 8% 53%;--pws-augmented:184 52% 34%;--pws-automated:224 46% 36%;--pws-created:16 54% 42%}.dark{--pws-untouched:30 8% 58%;--pws-augmented:180 44% 58%;--pws-automated:220 56% 70%;--pws-created:18 58% 62%}.zpws-scene{position:relative}.zpws-scene--paper{background-color:hsl(var(--muted) / .22)}.zpws-paper{pointer-events:none;background-image:linear-gradient(to right, hsl(var(--border) / .5) 1px, transparent 1px), linear-gradient(to bottom, hsl(var(--border) / .5) 1px, transparent 1px);background-position:7px 0;background-size:26px 26px;position:absolute;inset:-260px;-webkit-mask-image:radial-gradient(60% 52%,#000 55%,#0000 100%);mask-image:radial-gradient(60% 52%,#000 55%,#0000 100%)}.zpws-pin{place-items:center;height:100vh;padding-top:5rem;display:grid;position:sticky;top:0;overflow:clip}.zpws-stage{width:100%;transform:translateX(var(--zpws-shift,0px));transition-property:transform;transition-duration:var(--duration-editorial);transition-timing-function:var(--ease-settle);grid-area:1/1;justify-content:center;align-items:center;padding-inline:1rem;display:flex}.zpws-beats{z-index:3;pointer-events:none;margin-top:-46vh;position:relative}.zpws-beat{justify-content:flex-start;align-items:center;min-height:92vh;padding-inline:max(1.5rem,50% - 50rem);display:flex}.zpws-beat-card{pointer-events:auto;width:min(34rem,max(19rem,36%),100%)}.zpws-beat-card h3{text-wrap:balance}.zpws-beat-card p{text-wrap:pretty}.zpws-tail{height:80vh}@media (width<=59.99rem){.zpws-pin{place-items:start center;padding-top:max(5vh,5.75rem)}.zpws-beat{justify-content:center;align-items:flex-end;padding-bottom:1.25rem}.zpws-stage .zpws-task-label{max-width:130px;font-size:clamp(11.5px, calc(10px / var(--zpws-fit,1)), 17px);line-height:1.25}.zpws-column-head{flex-wrap:wrap;row-gap:2px}.zpws-stage .zpws-column-head-label{text-align:center;max-width:112px;font-size:clamp(.62rem, calc(9px / var(--zpws-fit,1)), 15px);letter-spacing:.06em;line-height:1.15}.zpws-stage .zpws-lane-name{font-size:clamp(.6rem, calc(8.5px / var(--zpws-fit,1)), 18px);letter-spacing:.04em}.zpws-stage .zpws-lane-count{font-size:clamp(1.05rem, calc(13px / var(--zpws-fit,1)), 28px)}}.zpws-beat-list{flex-direction:column;gap:.4rem;margin-top:.85rem;display:flex}.zpws-beat-list li{color:hsl(var(--muted-foreground));gap:.6rem;font-size:.95rem;line-height:1.5;display:flex}.zpws-beat-list .zpws-beat-list-mark{margin-top:.22em}.zpws-beat-list-dot{background:hsl(var(--pws-untouched));border-radius:1px;flex:none;width:4px;height:4px;margin-top:.62em}@media (width>=40rem){.zpws-beat-list{gap:.45rem;margin-top:.95rem}.zpws-beat-list li{font-size:1rem;line-height:1.55}}.zpws-progress{z-index:6;opacity:0;background:hsl(var(--border));height:3px;transition:opacity var(--duration-slow) var(--ease-settle);position:sticky;top:0}.zpws-progress-fill{background:hsl(var(--primary));transform-origin:0;will-change:transform;height:100%;display:block;transform:scaleX(0)}.zpws-field{width:calc(var(--zpws-base-w,560px) * var(--zpws-fit,1));height:calc(var(--zpws-base-h,520px) * var(--zpws-fit,1));position:relative}.zpws-field>*{transform:scale(var(--zpws-fit,1));transform-origin:0 0;transition-property:transform;transition-duration:var(--duration-editorial);transition-timing-function:var(--ease-settle)}.zpws-task{--zpws-enter:0s;--zpws-wash:0s;width:130px;height:104px;transform:translate(var(--zpws-gx,0px), var(--zpws-gy,0px));transition:transform var(--duration-editorial) var(--ease-settle);flex-direction:column;align-items:center;margin-top:-52px;margin-left:-65px;display:flex;position:absolute;top:0;left:0}.zpws-square{opacity:0;transform-origin:50% 100%;width:46px;height:46px;margin-bottom:7px;position:relative;transform:scale(.55)}.zpws-task--in .zpws-square{opacity:1;transform:scale(var(--zpws-grow,1));transition-property:opacity,transform;transition-duration:var(--duration-slowest);transition-timing-function:var(--ease-settle);transition-delay:var(--zpws-enter)}.zpws-task--recede{opacity:.32}.zpws-task{transition-property:transform,opacity;transition-duration:var(--duration-editorial), var(--duration-slow);transition-timing-function:var(--ease-settle)}.zpws-mark{width:132%;height:132%;position:absolute;inset:-16%;overflow:visible}.zpws-layer{isolation:isolate}.zpws-layer--base{color:hsl(var(--pws-untouched));opacity:1}.zpws-layer--ink{color:hsl(var(--zpws-ink,var(--pws-untouched)));transform:translate(var(--zpws-slip-x,0), var(--zpws-slip-y,0));clip-path:inset(100% 0 0);transition-property:clip-path,color;transition-duration:var(--duration-editorial), var(--duration-slower);transition-timing-function:var(--ease-settle);transition-delay:var(--zpws-wash), 0s}.zpws-task--augmented .zpws-layer--ink{--zpws-ink:var(--pws-augmented)}.zpws-task--automated .zpws-layer--ink{--zpws-ink:var(--pws-automated)}.zpws-task--created .zpws-layer--ink{--zpws-ink:var(--pws-created)}.zpws-task--inked .zpws-layer--ink{clip-path:inset(var(--zpws-drain,0%) 0 0 0)}.zpws-layer--open,.zpws-layer--fill{opacity:0;transition-property:opacity;transition-duration:var(--duration-slower);transition-timing-function:var(--ease-settle);transition-delay:var(--zpws-wash)}.zpws-task--augmented .zpws-layer--open,.zpws-task--automated .zpws-layer--open,.zpws-task--automated .zpws-layer--fill,.zpws-task--created .zpws-layer--open,.zpws-task--created .zpws-layer--fill{opacity:1}.zpws-stroke{--zpws-draw:0s;--zpws-erase:0s;clip-path:inset(0 100% 0 0);transition-property:clip-path;transition-duration:var(--duration-emphasis);transition-timing-function:var(--ease-out);transition-delay:var(--zpws-erase)}.zpws-task--in .zpws-stroke,.zpws-pip--in .zpws-stroke{clip-path:inset(0);transition-delay:var(--zpws-draw)}.zpws-task-label{text-align:center;text-wrap:balance;max-width:124px;color:hsl(var(--muted-foreground));opacity:0;transition-property:opacity;transition-duration:var(--duration-slowest);transition-timing-function:var(--ease-settle);transition-delay:var(--zpws-enter);font-size:11.5px;line-height:1.3}.zpws-task--in .zpws-task-label{opacity:1}.zpws-task--unlabelled .zpws-task-label{opacity:0;transition-delay:0s}.zpws-column-head{opacity:0;width:130px;transition-property:opacity;transition-duration:var(--duration-slowest);transition-timing-function:var(--ease-settle);transition-delay:var(--duration-normal);justify-content:center;align-items:center;gap:5px;margin-left:-65px;display:flex;position:absolute;top:-12px}.zpws-column-head--named{opacity:1}.zpws-state-mark{flex:none;overflow:visible}.zpws-state-mark__ghost{color:hsl(var(--pws-untouched));opacity:1}.zpws-state-mark__ink{color:hsl(var(--zpws-ink,var(--pws-untouched)))}.zpws-state-mark--augmented{--zpws-ink:var(--pws-augmented)}.zpws-state-mark--automated{--zpws-ink:var(--pws-automated)}.zpws-state-mark--created{--zpws-ink:var(--pws-created)}.zpws-lane{background:hsl(var(--border));opacity:0;width:1px;transition:opacity var(--duration-slow) var(--ease-settle);position:absolute;top:18px;bottom:14px}.zpws-lane--on{opacity:.75}.zpws-lane-label{white-space:nowrap;opacity:0;transition:opacity var(--duration-slow) var(--ease-settle);position:absolute;bottom:-30px;transform:translate(-50%)}.zpws-lane-label--on{opacity:1}.zpws-pip{color:hsl(var(--zpws-pip,var(--signal-mark)));opacity:1;transition-property:opacity;transition-duration:var(--duration-slowest);transition-timing-function:var(--ease-settle);position:absolute}.zpws-pip--muted{opacity:.26}.zpws-carrier{transition-property:transform,opacity,color;transition-duration:var(--duration-editorial), var(--duration-slowest), var(--duration-editorial);transition-timing-function:var(--ease-settle);transition-delay:var(--zpws-travel,0s);will-change:transform}.zpws-ghost{border:1px solid hsl(var(--signal-mark) / .65);opacity:0;transition-property:opacity;transition-duration:var(--duration-slowest);transition-timing-function:var(--ease-settle);border-radius:2px}.zpws-ghost--on{opacity:.55}.zpws-pip-mark{width:132%;height:132%;position:absolute;inset:-16%;overflow:visible}.zpws-threads{pointer-events:none;position:absolute;inset:0;overflow:visible}.zpws-threads path{--zpws-thread-delay:0s;fill:none;stroke:hsl(var(--initiative-mark));stroke-width:1.1px;opacity:.6;stroke-dasharray:var(--zpws-len,900);stroke-dashoffset:var(--zpws-len,900);transition-property:stroke-dashoffset;transition-duration:var(--duration-editorial);transition-timing-function:var(--ease-out);transition-delay:var(--zpws-thread-delay)}.zpws-threads--drawn path{stroke-dashoffset:0}@media (width<=47.99rem){.zpws-grain{filter:url(#zpws-ink-grain-lite)}.zpws-task .zpws-stroke{transition-property:none}}@media (prefers-reduced-motion:reduce){.zpws-stage,.zpws-field,.zpws-field>*,.zpws-task,.zpws-square,.zpws-stroke,.zpws-layer--ink,.zpws-task-label,.zpws-column-head,.zpws-lane,.zpws-lane-label,.zpws-pip,.zpws-carrier,.zpws-ghost,.zpws-threads path,.zpws-progress{transition-duration:1ms!important;transition-delay:0s!important}}.zpws-key-mark{width:44px;height:44px}.zpws-key-mark svg{width:100%;height:100%;display:block;overflow:visible}.zpws-stroke--drawn{clip-path:inset(0);transition-delay:var(--zpws-draw)}