.process-x{background:var(--bg-surface);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}.ps-track{position:relative;display:flex;justify-content:space-between;align-items:flex-start;margin-top:var(--space-8);padding:0 4px}.ps-line-base,.ps-line-progress{position:absolute;height:2px;top:8px;z-index:0}.ps-line-base{background:var(--border-default)}.ps-line-progress{background:var(--page-accent);width:0;transition:width var(--duration-slow) var(--ease-out)}.ps-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);background:none;border:none;padding:0;cursor:pointer;flex:1}.ps-dot{position:relative;width:16px;height:16px;border-radius:var(--radius-pill);background:var(--bg-page);border:1.5px solid var(--border-strong);box-shadow:0 0 0 4px var(--bg-surface);transition:transform var(--duration-base) var(--ease-out),background var(--duration-base),border-color var(--duration-base)}.ps-node.completed .ps-dot{background:var(--page-accent);border-color:var(--page-accent)}.ps-node.active .ps-dot{background:var(--page-accent);border-color:var(--page-accent);transform:scale(1.35)}.ps-node:hover .ps-dot{border-color:var(--page-accent)}.ps-tick{position:absolute;top:50%;left:50%;width:30px;height:30px;transform:translate(-50%,-50%) rotate(-90deg);opacity:0;pointer-events:none;transition:opacity var(--duration-fast)}.ps-node.active .ps-tick{opacity:1}.ps-tick circle{fill:none;stroke:var(--page-accent-strong);stroke-width:2;stroke-linecap:round;stroke-dasharray:75.4;stroke-dashoffset:75.4}.ps-num{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);color:var(--fg-tertiary);transition:color var(--duration-base)}.ps-node.completed .ps-num{color:var(--page-accent-strong)}.ps-node.active .ps-num{color:var(--fg-primary)}.ps-key{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-tertiary);transition:color var(--duration-base)}.ps-node.active .ps-key{color:var(--fg-primary)}.ps-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-10);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default)}.ps-counter{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-tertiary)}.ps-btns{display:flex;gap:var(--space-2)}.ps-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-lg);line-height:1;color:var(--fg-secondary);background:var(--bg-page);border:1px solid var(--border-default);cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast)}.ps-btn:hover{color:var(--fg-primary);border-color:var(--border-ink)}.ps-play{color:var(--page-accent-strong)}.ps-panel{display:grid;grid-template-columns:7fr 5fr;border:1px solid var(--border-default);background:var(--bg-page);margin-top:var(--space-10)}.ps-panel.ps-single{grid-template-columns:1fr}.ps-main{position:relative;overflow:hidden;padding:var(--space-12)}.ps-ico{position:relative;color:var(--page-accent-strong);margin-bottom:var(--space-5)}.ps-ico svg{width:34px;height:34px;stroke:currentColor;stroke-width:1.5;fill:none}.ps-watermark{position:absolute;top:var(--space-4);right:var(--space-6);font-family:var(--font-hero);font-size:clamp(80px,12vw,160px);font-weight:var(--weight-black);line-height:.8;color:color-mix(in oklch,var(--page-accent) 12%,transparent);pointer-events:none;user-select:none}.ps-phase{position:relative;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--page-accent-strong);margin-bottom:var(--space-4)}.ps-title{position:relative;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--fg-primary);margin-bottom:var(--space-4);text-wrap:balance}.ps-desc{position:relative;font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-loose);color:var(--fg-secondary);max-width:52ch}.ps-side{background:var(--bg-surface);border-left:1px solid var(--border-default);padding:var(--space-12);display:flex;flex-direction:column}.ps-deliv-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--fg-tertiary);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default);margin-bottom:var(--space-4)}.ps-deliv{display:flex;flex-direction:column;gap:var(--space-2)}.ps-deliv li{position:relative;font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--fg-secondary);padding-left:var(--space-5)}.ps-deliv li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;background:var(--page-accent)}.ps-gate{margin-top:auto;padding-top:var(--space-5);border-top:1px solid var(--border-default);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--fg-primary)}.ps-gate-k{display:block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--page-accent-strong);margin-bottom:var(--space-2)}@keyframes ps-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.ps-in{animation:ps-enter var(--duration-slow) var(--ease-out) both}@media(max-width:760px){.ps-key{display:none}.ps-panel{grid-template-columns:1fr;margin-top:var(--space-8)}.ps-side{border-left:none;border-top:1px solid var(--border-default)}.ps-main,.ps-side{padding:var(--space-8)}}@media(prefers-reduced-motion:reduce){.ps-in{animation:none!important}.ps-line-progress,.ps-dot{transition:none!important}}