@property --lp-pulse{syntax:"<length>";inherits:false;initial-value:0}@property --lp-pulse-a{syntax:"<number>";inherits:false;initial-value:0}.lp{--lp-ring:11px;--lp-r:5.5px;--lp-indent:44px;--lp-node-y:calc(round(down, .8em, 1px) + .5px);--lp-gap:32px;--lp-node-x:24px;--lp-track-y:32px;--lp-gate-extra:32px;--lp-axis:y;--lp-track:var(--hairline-strong);--lp-unlit:#eaf2ee80;position:relative}.lp-items{gap:var(--lp-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lp-items>[data-node],.lp-items>.lp-pass{--lp-bg-solid:linear-gradient(var(--key), var(--key)) center top / 1px calc(var(--seg) * 100%) no-repeat, linear-gradient(var(--lp-track), var(--lp-track)) center top / 1px 100% no-repeat;--lp-bg-dash:repeating-linear-gradient(to bottom, var(--key) 0 4px, transparent 4px 8px) center top / 1px calc(var(--seg) * 100%) no-repeat, repeating-linear-gradient(to bottom, var(--lp-track) 0 4px, transparent 4px 8px) center top / 1px 100% no-repeat}.lp-items>[data-node]{--seg:1;--lp-ring-c:var(--key);--lp-pulse-rgb:234, 242, 238;--lp-seg-k:1;--lp-seg-h:calc(100% + var(--lp-gap) - var(--lp-ring));--lp-seg-bg:var(--lp-bg-solid);padding-left:var(--lp-indent);margin:0;position:relative}.lp-items>[data-node]:nth-last-child(1 of [data-node]){--lp-seg-k:0}.lp[data-green-last] .lp-items>[data-node]:nth-last-child(1 of [data-node]){--lp-ring-c:var(--accent);--lp-pulse-rgb:90, 240, 138}.lp-items>[data-node]:before{content:"";z-index:1;left:0;top:calc(var(--lp-node-y) - var(--lp-r));width:var(--lp-ring);height:var(--lp-ring);box-sizing:border-box;border:1px solid var(--lp-ring-c);background:var(--lp-ring-c);box-shadow:0 0 0 var(--lp-pulse) rgba(var(--lp-pulse-rgb), var(--lp-pulse-a));transition:background-color var(--dur-ui) var(--ease-out), border-color var(--dur-ui) var(--ease-out);border-radius:50%;position:absolute}.lp-items>[data-node]:after{content:"";left:calc(var(--lp-r) - 6.5px);top:calc(var(--lp-node-y) + var(--lp-r));width:calc(13px * var(--lp-seg-k));height:calc(var(--lp-seg-h) * var(--lp-seg-k));background:var(--lp-seg-bg);pointer-events:none;position:absolute}.lp-items>[data-node] .lp-num{color:var(--ink);transition:color var(--dur-ui) var(--ease-out)}.lp-items>.lp-pass{--seg:1;--lp-pass-bg:var(--lp-bg-solid);padding-left:var(--lp-indent);margin:0;position:relative}.lp-items>:where(.lp-pass){--lp-pass-k:0}.lp-items>:where([data-node]~.lp-pass:has(~[data-node])){--lp-pass-k:1}.lp-items>.lp-pass:before{content:"";left:calc(var(--lp-r) - 6.5px);top:calc(var(--lp-node-y) - var(--lp-r));width:calc(13px * var(--lp-pass-k));height:calc((100% + var(--lp-gap)) * var(--lp-pass-k));background:var(--lp-pass-bg);pointer-events:none;position:absolute}.lp-items>[data-node].is-pulse:before{animation:lp-pulse .6s var(--ease-out) 1}@keyframes lp-pulse{0%{--lp-pulse:0px;--lp-pulse-a:.42}to{--lp-pulse:9px;--lp-pulse-a:0}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lp-items>[data-node],.lp-items>.lp-pass{--seg:0}.lp-items>[data-node]:not(.is-lit):before{border-color:var(--lp-unlit);background:0 0}.lp-items>[data-node]:not(.is-lit) .lp-num{color:var(--ink-3)}}.lp-bead{z-index:2;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:0;left:0;box-shadow:0 0 0 3px #eaf2ee14,0 0 10px 1px #eaf2ee59}.lp[data-gate-after] .lp-gate-caption{left:var(--lp-indent);top:var(--lp-gate-y,0px);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--ink-3);pointer-events:none;visibility:hidden;font-size:12px;font-weight:500;line-height:1.3;position:absolute;transform:translateY(-50%)}.lp[data-gate-after].is-measured .lp-gate-caption{visibility:visible}.lp[data-gate-after] .lp-gate-caption:before{content:"";width:max(0px, calc(var(--lp-indent) - var(--lp-r) - 6.5px - 20px));background:var(--lp-track);height:1px;position:absolute;top:50%;right:calc(100% + 10px)}.lp[data-gate-after="1"] .lp-items>[data-node]:nth-child(-n+1 of [data-node]),.lp[data-gate-after="2"] .lp-items>[data-node]:nth-child(-n+2 of [data-node]),.lp[data-gate-after="3"] .lp-items>[data-node]:nth-child(-n+3 of [data-node]),.lp[data-gate-after="4"] .lp-items>[data-node]:nth-child(-n+4 of [data-node]),.lp[data-gate-after="5"] .lp-items>[data-node]:nth-child(-n+5 of [data-node]),.lp[data-gate-after="6"] .lp-items>[data-node]:nth-child(-n+6 of [data-node]),.lp[data-gate-after="7"] .lp-items>[data-node]:nth-child(-n+7 of [data-node]),.lp[data-gate-after="8"] .lp-items>[data-node]:nth-child(-n+8 of [data-node]){--lp-seg-bg:var(--lp-bg-dash)}.lp[data-gate-after="1"] .lp-items>:where(.lp-pass:has(~[data-node]:nth-child(1 of [data-node]))),.lp[data-gate-after="2"] .lp-items>:where(.lp-pass:has(~[data-node]:nth-child(2 of [data-node]))),.lp[data-gate-after="3"] .lp-items>:where(.lp-pass:has(~[data-node]:nth-child(3 of [data-node]))),.lp[data-gate-after="4"] .lp-items>:where(.lp-pass:has(~[data-node]:nth-child(4 of [data-node]))),.lp[data-gate-after="5"] .lp-items>:where(.lp-pass:has(~[data-node]:nth-child(5 of [data-node]))),.lp[data-gate-after="6"] .lp-items>:where(.lp-pass:has(~[data-node]:nth-child(6 of [data-node]))),.lp[data-gate-after="7"] .lp-items>:where(.lp-pass:has(~[data-node]:nth-child(7 of [data-node]))),.lp[data-gate-after="8"] .lp-items>:where(.lp-pass:has(~[data-node]:nth-child(8 of [data-node]))){--lp-pass-bg:var(--lp-bg-dash)}.lp[data-gate-after="1"] .lp-items>[data-node]:nth-child(1 of [data-node]),.lp[data-gate-after="2"] .lp-items>[data-node]:nth-child(2 of [data-node]),.lp[data-gate-after="3"] .lp-items>[data-node]:nth-child(3 of [data-node]),.lp[data-gate-after="4"] .lp-items>[data-node]:nth-child(4 of [data-node]),.lp[data-gate-after="5"] .lp-items>[data-node]:nth-child(5 of [data-node]),.lp[data-gate-after="6"] .lp-items>[data-node]:nth-child(6 of [data-node]),.lp[data-gate-after="7"] .lp-items>[data-node]:nth-child(7 of [data-node]),.lp[data-gate-after="8"] .lp-items>[data-node]:nth-child(8 of [data-node]){margin-bottom:var(--lp-gate-extra);--lp-hb:calc(var(--lp-node-y) - var(--lp-r) + (var(--lp-gap) + var(--lp-gate-extra)) / 2);--lp-seg-h:calc(100% + var(--lp-gap) + var(--lp-gate-extra) - var(--lp-ring));--lp-seg-bg:linear-gradient(var(--key), var(--key)) center bottom var(--lp-hb) / 13px 1px no-repeat, linear-gradient(var(--key), var(--key)) center bottom / 1px var(--lp-hb) no-repeat, repeating-linear-gradient(to bottom, var(--key) 0 4px, transparent 4px 8px) center top / 1px calc(var(--seg) * 100%) no-repeat, repeating-linear-gradient(to bottom, var(--lp-track) 0 4px, transparent 4px 8px) center top / 1px 100% no-repeat}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lp[data-gate-after="1"] .lp-items>[data-node]:nth-child(1 of [data-node]),.lp[data-gate-after="2"] .lp-items>[data-node]:nth-child(2 of [data-node]),.lp[data-gate-after="3"] .lp-items>[data-node]:nth-child(3 of [data-node]),.lp[data-gate-after="4"] .lp-items>[data-node]:nth-child(4 of [data-node]),.lp[data-gate-after="5"] .lp-items>[data-node]:nth-child(5 of [data-node]),.lp[data-gate-after="6"] .lp-items>[data-node]:nth-child(6 of [data-node]),.lp[data-gate-after="7"] .lp-items>[data-node]:nth-child(7 of [data-node]),.lp[data-gate-after="8"] .lp-items>[data-node]:nth-child(8 of [data-node]){--lp-seg-bg:linear-gradient(var(--key), var(--key)) center bottom var(--lp-hb) / 13px 1px no-repeat, linear-gradient(to bottom, transparent 0 var(--lp-ha,9999px), var(--key) var(--lp-ha,9999px)) center top / 1px calc(var(--seg) * 100%) no-repeat, repeating-linear-gradient(to bottom, var(--key) 0 4px, transparent 4px 8px) center top / 1px calc(var(--seg) * 100%) no-repeat, linear-gradient(var(--lp-track), var(--lp-track)) center bottom / 1px var(--lp-hb) no-repeat, repeating-linear-gradient(to bottom, var(--lp-track) 0 4px, transparent 4px 8px) center top / 1px 100% no-repeat}}@media (width>=1024px){.lp-h{--lp-axis:x;--lp-gap:24px}.lp-h .lp-items{column-gap:var(--lp-gap);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;row-gap:0;display:grid}.lp-h .lp-items>[data-node]{padding-left:0;padding-top:var(--lp-track-y);--lp-seg-bg:linear-gradient(var(--key), var(--key)) left center / calc(var(--seg) * 100%) 1px no-repeat, linear-gradient(var(--lp-track), var(--lp-track)) left center / 100% 1px no-repeat;margin-bottom:0}.lp-h .lp-items>[data-node]:before{left:calc(var(--lp-node-x) - var(--lp-r));top:0}.lp-h .lp-items>[data-node]:after{left:calc(var(--lp-node-x) + var(--lp-r));top:calc(var(--lp-r) - 6.5px);width:calc((100% + var(--lp-gap) - var(--lp-ring)) * var(--lp-seg-k));height:calc(13px * var(--lp-seg-k))}.lp-h .lp-gate-caption,.lp-h .lp-items>.lp-pass:before{display:none}}@media (forced-colors:active){.lp-items>[data-node]:before{forced-color-adjust:none;background:canvas;border-color:canvastext}.lp-items>[data-node]:after,.lp-items>.lp-pass:before{display:none}}
