.cb{z-index:0;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 85% at 50% 45%,#000 55%,#0000 100%);mask-image:radial-gradient(85% 85% at 50% 45%,#000 55%,#0000 100%)}.cb canvas{display:block}.pp-hero:has(>.cb){position:relative}.pp-hero:has(>.cb)>:not(.cb){z-index:1;position:relative}.pp-hero{padding-bottom:clamp(24px,3vw,40px)}.pp-hero .pp-h1{letter-spacing:-.03em;max-width:22ch;font-size:clamp(38px,5.6vw,64px);line-height:1.04}.pp-visual{border:1px solid var(--line);text-align:left;background:linear-gradient(#f6f7f9,#eff0f3);border-radius:24px;width:100%;height:clamp(300px,40vw,500px);margin-top:clamp(28px,4vw,48px);position:relative;overflow:hidden}.pp-section{padding:clamp(56px, 7vw, 96px) var(--sx) 0;flex-direction:column;gap:16px;display:flex}.pp-section:not(:has(+.pp-section)){padding-bottom:clamp(56px,7vw,96px)}.pp-section-title{max-width:30ch;margin-bottom:clamp(12px,2vw,24px)}.pp-row-grid{gap:16px;display:grid}.pp-row-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-row-grid[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-card{border:1px solid var(--line);min-width:0;color:inherit;background:linear-gradient(#f6f7f9,#f0f1f4);border-radius:20px;flex-direction:column;text-decoration:none;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.pp-card:hover{border-color:color-mix(in srgb, var(--button) 70%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--button) 12%, transparent)}.pp-card:focus-visible{outline:2px solid var(--button);outline-offset:2px}.pp-card-art{height:240px;position:relative}.pp-row-grid[data-cols="2"] .pp-card-art{height:270px}.pp-card-body{flex-direction:column;gap:6px;padding:4px 24px 24px;display:flex}.pp-card-title{color:var(--head);font:600 18px / 1.3 var(--sans);letter-spacing:-.015em}.pp-card-head{align-items:center;gap:8px;display:flex}.pp-card-text{max-width:44ch;color:var(--ink-2);font-size:15px;line-height:1.5}.pp-card-wide{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:end;display:grid}.pp-card-wide .pp-card-art{order:2;height:280px}.pp-card-wide .pp-card-body{order:1;padding:32px}.pp-card-wide .pp-card-title{font-size:22px}@media (max-width:960px){.pp-row-grid[data-cols="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.pp-row-grid[data-cols="2"],.pp-row-grid[data-cols="3"]{grid-template-columns:1fr}.pp-card-art,.pp-row-grid[data-cols="2"] .pp-card-art{height:230px}.pp-card-wide{align-items:stretch;display:flex}.pp-card-wide .pp-card-art{order:0;height:230px}.pp-card-wide .pp-card-body{padding:4px 24px 24px}.pp-card-wide .pp-card-title{font-size:18px}}.pp-scene{font:11px / 1.3 var(--mono);color:#1d1d1f;place-items:center;padding:2.2em 2.4em;display:grid;position:absolute;inset:0}.pp-visual .pp-scene{padding:2.4em;font-size:clamp(8.5px,1.2vw,15px)}.pp-win{background:#fff;border:1px solid #00000017;border-radius:1em;width:100%;max-width:27em;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 1.6em 3.3em -2em #00000059}.pp-bar{background:#fbfbfc;border-bottom:1px solid #00000012;align-items:center;gap:.75em;height:2.55em;padding:0 .9em;display:flex}.pp-lights{gap:.45em;display:flex}.pp-lights i{background:#ff5f57;border-radius:50%;width:.72em;height:.72em}.pp-lights i:nth-child(2){background:#febc2e}.pp-lights i:nth-child(3){background:#28c840}.pp-title{white-space:nowrap;text-overflow:ellipsis;color:#6e6e73;font-size:.95em;overflow:hidden}.pp-right{margin-left:auto}.pp-pill{background:color-mix(in srgb, var(--button) 12%, transparent);color:var(--button);white-space:nowrap;border-radius:999px;padding:.2em .7em;font-size:.86em;display:inline-block}.pp-pill[data-tone=ok]{color:#15946e;background:#19a37a1f}.pp-pill[data-tone=wait]{color:#9a6512;background:#e2a43a24}.pp-pill[data-tone=grey]{color:#6e6e73;background:#0000000d}.pp-mono{color:#8a8a8e;white-space:nowrap;font-size:.9em;line-height:1}.pp-sk{background:#e7e8ec;border-radius:.36em;height:.55em;display:block}.pp-sk[data-tone=dark]{background:#cfd1d7}.pp-sk[data-tone=add]{background:#19a37a59}.pp-sk[data-tone=del]{background:#e5484d4d}.pp-lines{flex-direction:column;gap:.65em;display:flex}.pp-dot{background:#19a37a;border-radius:50%;flex:none;width:.64em;height:.64em;animation:1.8s ease-in-out infinite pp-pulse;display:inline-block}.pp-dot[data-tone=wait]{background:#e2a43a;animation:none}.pp-dot[data-tone=idle]{background:#c4c6cc;animation:none}@keyframes pp-pulse{50%{box-shadow:0 0 0 .36em #19a37a29}}.pp-rows{flex-direction:column;display:flex}.pp-row{grid-template-columns:auto 1fr auto;align-items:center;gap:.9em;padding:.82em 1.1em;display:grid}.pp-row+.pp-row{border-top:1px solid #0000000f}.pp-row-body{flex-direction:column;gap:.55em;display:flex}.pp-progress{background:#eef0f3;border-radius:.2em;height:.28em;overflow:hidden}.pp-progress i{background:var(--button);height:100%;animation:6s cubic-bezier(.45,0,.55,1) infinite pp-fill;animation-delay:calc(var(--i) * -1.5s);border-radius:.2em;display:block}@keyframes pp-fill{0%{width:6%}80%,to{width:100%}}.pp-code{flex-direction:column;padding:.55em 0;display:flex}.pp-line{grid-template-columns:1.6em .9em 1fr;align-items:center;gap:.36em;height:1.82em;padding:0 1.1em;display:grid}.pp-line em{color:#b0b0b5;font-size:.86em;font-style:normal}.pp-line b{color:#8a8a8e;font-weight:500}.pp-line[data-sign=add]{background:#19a37a14}.pp-line[data-sign=add] b{color:#15946e}.pp-line[data-sign=del]{background:#e5484d14}.pp-line[data-sign=del] b{color:#c2383d}.pp-checks{flex-direction:column;gap:1.2em;padding:1.3em 1.3em 1.6em;display:flex}.pp-check{align-items:center;gap:.9em;display:flex}.pp-box{width:1.1em;height:1.1em;animation:8s step-end infinite pp-tick;animation-delay:calc(var(--i) * 1.2s);border:1.5px solid #c4c6cc;border-radius:.28em;flex:none}.pp-check .pp-sk{animation:8s step-end infinite pp-dim;animation-delay:calc(var(--i) * 1.2s)}@keyframes pp-tick{0%,14%{background:#fff;border-color:#c4c6cc}15%,90%{background:var(--button);border-color:var(--button)}91%,to{background:#fff;border-color:#c4c6cc}}@keyframes pp-dim{0%,14%{opacity:1}15%,90%{opacity:.45}91%,to{opacity:1}}.pp-term{color:#9ea2aa;background:#15171c;border-radius:.9em;flex-direction:column;gap:.64em;width:13em;padding:.9em 1.1em;display:flex;box-shadow:0 1.6em 2.7em -1.6em #0000008c}.pp-term-head{white-space:nowrap;align-items:center;gap:.55em;font-size:.86em;display:flex}.pp-term .pp-sk[data-tone=dark]{background:#3a3e47}.pp-term-type{background:#3fbf8f;border-radius:.36em;width:0;height:.55em;animation:4s ease-in-out infinite pp-type;display:block}@keyframes pp-type{0%,20%{width:0}70%,to{width:70%}}.pp-chip{white-space:nowrap;background:#fff;border:1px solid #00000014;border-radius:.72em;flex-direction:column;gap:.2em;padding:.55em .9em;display:flex;box-shadow:0 .9em 1.8em -1.4em #0006}.pp-chip[data-edge]{border-left:.27em solid var(--c)}.pp-chip b{font-weight:600}.pp-chip small{color:#8a8a8e;font-size:.86em}.pp-machine{flex-direction:column;align-items:center;display:flex}.pp-machine-screen{font:700 1.1em / 1 var(--sans);color:#111;white-space:nowrap;background:#fff;border:1px solid #0000001a;border-radius:.8em;align-items:center;gap:.6em;padding:1.5em 1.4em;display:flex;box-shadow:0 1.5em 2.7em -1.6em #00000073}.pp-machine-stand{background:linear-gradient(#d8d9de,#c6c8ce);border-radius:0 0 .36em .36em;width:3em;height:.9em;margin-top:-1px}.pp-arc{fill:none;stroke:#a1a1a6;stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:4 4;width:5.8em;height:5.2em;animation:1.2s linear infinite pp-dash;display:block}@keyframes pp-dash{to{stroke-dashoffset:-16px}}.pp-cursor{width:1.3em;height:1.65em;animation:6s cubic-bezier(.45,0,.55,1) infinite pp-cursor;display:block}@keyframes pp-cursor{0%,12%{opacity:0;transform:translate(-6em,-5em)}22%{opacity:1}50%,to{transform:none}56%{transform:scale(.88)}90%{opacity:1}to{opacity:0}}.pp-float{z-index:2;animation:pp-in .8s var(--d,0s) ease both;position:absolute}@keyframes pp-in{0%{opacity:0;transform:translateY(.6em)}}@media (prefers-reduced-motion:reduce){:root:root .pp-scene *,:root:root .pp-scene :before,:root:root .pp-scene :after{animation:none}.pp-progress i{width:72%}.pp-term-type{width:70%}.pp-check:not(:last-child) .pp-box{background:var(--button);border-color:var(--button)}.pp-check:not(:last-child) .pp-sk{opacity:.45}.pp-cursor{display:none}}.pp .prose th{text-align:left}