.ptp{--ptp-ink:#101412;--ptp-muted:#5b6360;--ptp-soft:#3c4441;--ptp-amber:#f5cf45;--ptp-line:#1014128c;--ptp-cycle:10s;--ptp-axis:40px;--ptp-gap:14px;--ptp-clearing:radial-gradient(closest-side,#e5eae7f2 30%,#e5eae700 96%);color:var(--ptp-ink);font-size:13px;line-height:1.45;container:ptp/inline-size}.ptp-sheet{background-color:#eef1ef;background-image:linear-gradient(#1014120f 1px,#0000 1px),linear-gradient(90deg,#1014120f 1px,#0000 1px),radial-gradient(circle at 50% 42%,#f9f8f1 0,#e4ebe6 64%,#d3ddd7 100%);background-size:60px 60px,60px 60px,auto;border:1px solid #1014121f;border-radius:18px;padding:16px 14px 18px;box-shadow:0 30px 70px -34px #0000008c,inset 0 0 0 1px #ffffff80}.ptp p,.ptp ul,.ptp ol,.ptp figure{margin:0}.ptp-corner{font:400 11px/1.4 var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ptp-muted);flex-wrap:wrap;justify-content:space-between;gap:4px 14px;display:flex;margin-bottom:18px!important}.ptp-corner span:first-child{color:var(--ptp-ink)}.ptp-plan{column-gap:12px;row-gap:var(--ptp-gap);grid-template-rows:auto auto 80px auto 80px auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:relative}.ptp-origin{text-align:center;grid-area:1/1/auto/3;justify-items:center;gap:6px;padding-bottom:4px;display:grid}.ptp-tag-a{grid-area:2/1}.ptp-tag-b{grid-area:2/2}.ptp-a2{grid-area:3/1}.ptp-a2c{grid-area:4/1}.ptp-a3{grid-area:5/1}.ptp-a3c{grid-area:6/1}.ptp-b2{grid-area:3/2}.ptp-b2c{grid-area:4/2}.ptp-b3{grid-area:5/2}.ptp-b3c{grid-area:6/2}.ptp-meter{border-top:2px solid var(--ptp-amber);background:var(--ptp-clearing);grid-area:7/1/auto/3;padding:14px 4px 4px}.ptp-art{z-index:2;place-items:center start;height:80px;padding-left:14px;display:grid;position:relative}.ptp-art:before{content:"";border-top:1px solid var(--ptp-line);width:14px;position:absolute;top:50%;left:0}.ptp-art>svg{background:var(--ptp-clearing);display:block}.ptp-network svg{display:block}.ptp-cap,.ptp-tag{z-index:2;text-align:left;align-content:start;gap:3px;padding-left:14px;display:grid;position:relative}.ptp-tag{justify-items:start;padding-block:4px}.ptp-origin .ptp-cap,.ptp-meter>.ptp-cap{text-align:center;padding-left:0}.ptp-origin .ptp-art{place-items:center;padding-left:0}.ptp-origin .ptp-art:before{display:none}.ptp-cap b,.ptp-tag b{font:500 11px/1.35 var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ptp-ink)}.ptp-cap span,.ptp-tag span{color:var(--ptp-soft);font-size:12px;line-height:1.4}.ptp-cap code{font:500 11.5px/1.45 var(--font-mono),monospace;letter-spacing:0;color:var(--ptp-ink);white-space:nowrap;margin-top:3px;display:block}.ptp-typed i{vertical-align:bottom;white-space:nowrap;font-style:normal;display:inline-block;overflow:hidden}.ptp-typed i:first-child{width:14ch}.ptp-typed i:last-child{width:9ch}.ptp-origin .ptp-cap{max-width:34ch}.ptp-wire{z-index:1;pointer-events:none;position:relative}.ptp-wire>i{width:0;left:0;top:var(--t);bottom:var(--b);border-left:1px solid var(--ptp-line);position:absolute;container-type:size}.ptp-wire>i>b{background:var(--ptp-amber);opacity:0;border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;left:-5px;box-shadow:0 0 0 1px #10141273,0 0 12px #f5cf4599}.ptp-wa1,.ptp-wa2,.ptp-wa3{grid-column:1}.ptp-wb1,.ptp-wb2,.ptp-wb3{grid-column:2}.ptp-wa1,.ptp-wb1{--t:calc(-1 * var(--ptp-gap));--b:40px;grid-row:2/4}.ptp-wa2,.ptp-wb2{--t:40px;--b:40px;grid-row:3/6}.ptp-wa3,.ptp-wb3{--t:40px;--b:calc(-1 * var(--ptp-gap));grid-row:5/7}.ptp-wb1>i,.ptp-wb2>i,.ptp-wb3>i{border-left-style:dashed}.ptp-wa3>i:after,.ptp-wb3>i:after{content:"";border-right:1px solid var(--ptp-ink);border-bottom:1px solid var(--ptp-ink);width:7px;height:7px;position:absolute;bottom:1px;left:-4px;rotate:45deg}.ptp-wa3>i>b,.ptp-wb3>i>b{opacity:1;translate:50cqw 50cqh}.ptp-bus{border-top:1px solid var(--ptp-line);grid-area:1/1/2/3;height:0;position:absolute;bottom:0;left:0;right:calc(50% - 6px)}.ptp-meter>.ptp-cap{max-width:40ch;margin-inline:auto}.ptp-units{justify-content:center;align-items:flex-start;gap:12px;margin:12px 0 10px;display:flex}.ptp-units figure{flex:0 auto;grid-template-rows:140px auto;place-items:end center;gap:6px;min-width:0;display:grid}.ptp-units img{mix-blend-mode:multiply;height:auto;display:block}.ptp-units figure:first-child img{width:84px}.ptp-units figure:last-child img{width:120px}.ptp-units figcaption{max-width:16ch;font:400 11px/1.35 var(--font-mono),monospace;letter-spacing:.02em;text-align:center;color:var(--ptp-muted)}.ptp-accepted{justify-content:center;gap:4px;padding:0;list-style:none;display:grid}.ptp-accepted li{font:500 11px/1.4 var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ptp-ink);align-items:center;gap:8px;display:flex}.ptp-accepted i{background:var(--ptp-amber);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 1px #10141273}.ptp-both{background:var(--ptp-clearing);max-width:62ch;color:var(--ptp-soft);border-left:2px solid #1014124d;padding:10px 12px;font-size:12.5px;margin:16px auto 0!important}.ptp-credit{border-top:1px dashed #1014124d;margin-top:22px;padding-top:16px}.ptp-credit>header{flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin-bottom:12px;display:flex}.ptp-credit>header b{font:500 11px/1.4 var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase}.ptp-credit>header span{color:var(--ptp-muted);font-size:12px}.ptp-curve{display:none}.ptp-credit ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.ptp-stage{grid-template-columns:44px minmax(0,1fr);gap:2px 12px;padding:0 0 14px;display:grid;position:relative}.ptp-stage:not(:last-child):before{content:"";border-left:1px solid #1014124d;position:absolute;top:46px;bottom:2px;left:22px}.ptp-stage-mark{background:var(--ptp-clearing);grid-row:1/5;place-items:center;width:44px;height:44px;display:grid}.ptp-stage-mark>i{background:var(--ptp-amber);width:3px;height:30px;box-shadow:0 0 0 1px #10141259}.ptp-stage>b{font:500 11px/1.35 var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;padding-top:4px}.ptp-stage>span{color:var(--ptp-soft);font-size:12.5px;line-height:1.45}.ptp-stage small{color:var(--ptp-ink);font-size:12px;line-height:1.4}.ptp-stage small em{font:500 11px var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ptp-muted);margin-right:6px;font-style:normal}.ptp-credit-note{color:var(--ptp-muted);max-width:72ch;font-size:12px;margin-top:4px!important}@container ptp (width>=800px){.ptp-sheet{padding:22px 24px 24px}.ptp-plan{grid-template-rows:auto 80px auto auto 80px auto;grid-template-columns:minmax(124px,150px) minmax(0,1fr) minmax(0,2fr) minmax(0,1fr) minmax(0,2fr) minmax(0,1fr) minmax(220px,260px);gap:0}.ptp-origin{grid-area:2/1/7;align-self:center;padding:0 10px 0 0}.ptp-tag{text-align:left;flex-wrap:wrap;grid-column:2/7;justify-self:start;place-items:baseline start;gap:2px 12px;padding:2px 10px 4px 22px;display:flex}.ptp-tag-a{grid-row:1}.ptp-tag-b{grid-row:4;padding-top:18px}.ptp-a2,.ptp-a2c,.ptp-b2,.ptp-b2c{grid-column:3}.ptp-a3,.ptp-a3c,.ptp-b3,.ptp-b3c{grid-column:5}.ptp-a2,.ptp-a3{grid-row:2}.ptp-a2c,.ptp-a3c{grid-row:3}.ptp-b2,.ptp-b3{grid-row:5}.ptp-b2c,.ptp-b3c{grid-row:6}.ptp-cap{text-align:center;padding-inline:4px}.ptp-art{place-items:center;padding-left:0}.ptp-art:before{display:none}.ptp-meter{border-top:0;border-left:2px solid var(--ptp-amber);flex-direction:column;grid-area:1/7/7;justify-content:center;padding:14px 4px 14px 16px;display:flex}.ptp-meter>.ptp-cap{text-align:left;margin-inline:0}.ptp-units{justify-content:flex-start}.ptp-units figure:first-child img{width:92px}.ptp-units figure:last-child img{width:128px}.ptp-accepted{justify-content:start}.ptp-wire>i{left:var(--f);right:calc(100% - var(--e));border-left:0;border-top:1px solid var(--ptp-line);width:auto;height:0;top:50%;bottom:auto}.ptp-wb1>i,.ptp-wb2>i,.ptp-wb3>i{border-top-style:dashed;border-left:0}.ptp-wa1,.ptp-wa2,.ptp-wa3{grid-row:2}.ptp-wb1,.ptp-wb2,.ptp-wb3{grid-row:5}.ptp-wa1,.ptp-wb1{--f:0%;--e:66.667%;grid-column:2/4}.ptp-wa2,.ptp-wb2{--f:20%;--e:80%;grid-column:3/6}.ptp-wa3,.ptp-wb3{--f:33.333%;--e:100%;grid-column:5/7}.ptp-wa3>i:after,.ptp-wb3>i:after{border-bottom:0;border-top:1px solid var(--ptp-ink);inset:-4px 1px auto auto;rotate:45deg}.ptp-bus{top:var(--ptp-axis);bottom:var(--ptp-axis);border-top:0;border-right:1px solid var(--ptp-line);grid-area:2/1/6/2;width:0;height:auto;left:auto;right:0}.ptp-curve{height:120px;margin:0 0 10px;display:block;position:relative}.ptp-curve svg{width:100%;height:120px;display:block;overflow:visible}.ptp-curve svg *{vector-effect:non-scaling-stroke}.ptp-curve>span{font:400 11px/1 var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ptp-muted);background:var(--ptp-clearing);padding:1px 4px;position:absolute;right:4px}.ptp-credit ol{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:14px}.ptp-stage{grid-template-columns:1fr;align-content:start;padding:0}.ptp-stage:not(:last-child):before{display:none}.ptp-stage-mark{grid-row:auto;margin-bottom:4px}.ptp-credit-note{margin-top:16px!important}}.ptp-curve-night{fill:#1014120f}.ptp-curve-guide{fill:none;stroke:#10141259;stroke-width:1px;stroke-dasharray:4 5}.ptp-curve-zero{fill:none;stroke:#10141299;stroke-width:1px}.ptp-curve-token{fill:none;stroke:var(--ptp-amber);stroke-width:4px}.ptp-curve-line{fill:none;stroke:var(--ptp-ink);stroke-width:1.6px;stroke-linejoin:round}.ptp-curve-off{fill:none;stroke:var(--ptp-ink);stroke-width:1.2px;stroke-dasharray:2 4}@media (prefers-reduced-motion:no-preference){:where(body:not(.motion-paused)) .ptp-wire>i>b{animation:var(--ptp-cycle) linear infinite both}:where(body:not(.motion-paused)) .ptp-wa1>i>b{animation-name:ptp-a1}:where(body:not(.motion-paused)) .ptp-wa2>i>b{animation-name:ptp-a2}:where(body:not(.motion-paused)) .ptp-wa3>i>b{animation-name:ptp-a3}:where(body:not(.motion-paused)) .ptp-wb1>i>b{animation-name:ptp-b1}:where(body:not(.motion-paused)) .ptp-wb2>i>b{animation-name:ptp-b2}:where(body:not(.motion-paused)) .ptp-wb3>i>b{animation-name:ptp-b3}:where(body:not(.motion-paused)) .ptp-typed i:first-child{animation:ptp-type1 var(--ptp-cycle) infinite both}:where(body:not(.motion-paused)) .ptp-typed i:last-child{animation:ptp-type2 var(--ptp-cycle) infinite both}:where(body:not(.motion-paused)) .ptp-ok-b{animation:ptp-ok-b var(--ptp-cycle) infinite both}:where(body:not(.motion-paused)) .ptp-ok-a{animation:ptp-ok-a var(--ptp-cycle) infinite both}.ptp[data-live=false] .ptp-plan *{animation-play-state:paused!important}}@keyframes ptp-a1{0%{opacity:0;translate:0}2%{opacity:1;translate:0}10%{opacity:1;translate:100cqw 100cqh}11%,to{opacity:0;translate:100cqw 100cqh}}@keyframes ptp-a2{0%,13%{opacity:0;translate:0}14%{opacity:1;translate:0}24%{opacity:1;translate:100cqw 100cqh}25%,to{opacity:0;translate:100cqw 100cqh}}@keyframes ptp-a3{0%,55%{opacity:0;translate:0}56%{opacity:1;translate:0}64%{opacity:1;translate:100cqw 100cqh}66%,to{opacity:0;translate:100cqw 100cqh}}@keyframes ptp-b1{0%{opacity:0;translate:0}2%{opacity:1;translate:0}10%{opacity:1;translate:100cqw 100cqh}10.5%,to{opacity:0;translate:100cqw 100cqh}}@keyframes ptp-b2{0%,9.5%{opacity:0;translate:0}10%{opacity:1;translate:0}18%{opacity:1;translate:100cqw 100cqh}18.5%,to{opacity:0;translate:100cqw 100cqh}}@keyframes ptp-b3{0%,17.5%{opacity:0;translate:0}18%{opacity:1;translate:0}26%{opacity:1;translate:100cqw 100cqh}28%,to{opacity:0;translate:100cqw 100cqh}}@keyframes ptp-type1{0%,26%{width:0}26%{animation-timing-function:steps(14,end)}40%,to{width:14ch}}@keyframes ptp-type2{0%,40%{width:0}40%{animation-timing-function:steps(9,end)}54%,to{width:9ch}}@keyframes ptp-ok-b{0%,26%{opacity:.5}27%,96%{opacity:1}to{opacity:.5}}@keyframes ptp-ok-a{0%,64%{opacity:.5}65%,96%{opacity:1}to{opacity:.5}}
