.pth-page{-webkit-user-select:none;user-select:none}.pth-kicker{font:600 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-brand-ink)}.pth-h1{letter-spacing:-.04em;color:var(--color-ink-primary);margin-top:10px;font-size:clamp(36px,4.6vw,52px);font-weight:800;line-height:1.04}.pth-h1 span{color:var(--color-brand)}.pth-intro{max-width:64ch;color:var(--color-ink-secondary);margin-top:12px;font-size:16.5px;line-height:1.6}.pth-intro b{color:var(--color-ink-primary);font-weight:600}.pth-tracks{font:500 12.5px var(--font-mono);color:var(--color-ink-muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:22px;display:flex}.pth-chip{border:1px solid var(--color-line-strong);height:26px;color:var(--color-ink-primary);background:var(--color-surface-raised);border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.pth-chip i{background:var(--color-brand);border-radius:50%;width:6px;height:6px}.pth-chip[data-on=false]{color:var(--color-ink-muted);background:0 0;border-style:dashed}.pth-chip[data-on=false] i{background:var(--color-line-strong)}.pth-change,.pth-hidden button{color:var(--color-brand-ink);font-weight:600}.pth-change:focus-visible,.pth-hidden button:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:4px}.pth-hidden{color:var(--color-ink-muted);margin-top:18px;font-size:13.5px}.pth-cards{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:20px;margin-top:28px;display:grid}.pth-card{border:1px solid var(--color-line-strong);background:var(--color-surface-raised);cursor:pointer;border-radius:16px;flex-direction:column;min-width:0;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.pth-card:hover{border-color:color-mix(in oklab, var(--color-brand) 45%, var(--color-line-strong));box-shadow:0 10px 30px -18px color-mix(in oklab, var(--color-ink-primary) 40%, transparent)}.pth-card:focus-within{border-color:var(--color-brand)}.pth-cover{z-index:1;border-radius:16px;position:absolute;inset:0}.pth-go,.pth-open{z-index:2;position:relative}.pth-hd{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 0;display:flex}.pth-tag{font:600 11px var(--font-mono);letter-spacing:.12em;color:var(--color-brand-ink)}.pth-hd h2{letter-spacing:-.02em;color:var(--color-ink-primary);text-wrap:balance;margin-top:4px;font-size:22px;font-weight:750;line-height:1.2}.pth-pill{border:1px solid var(--color-line-strong);height:24px;font:500 11.5px var(--font-mono);color:var(--color-ink-muted);white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:0 9px;display:inline-flex}.pth-pill[data-tone=on]{background:var(--color-brand-subtle);color:var(--color-brand-ink);border-color:#0000}.pth-pill[data-tone=ok]{background:color-mix(in oklab, var(--color-signal-ok) 14%, transparent);color:color-mix(in oklab, var(--color-signal-ok) 70%, var(--color-ink-primary));border-color:#0000}.pth-lede{color:var(--color-ink-secondary);padding:6px 20px 0;font-size:14px}.pth-vis{border:1px solid var(--color-line-hairline);background:var(--color-surface-page);border-radius:12px;height:150px;margin:16px 20px 0;position:relative;overflow:hidden}.pth-cap{font:500 10.5px var(--font-mono);letter-spacing:.04em;color:var(--color-ink-muted);position:absolute;top:9px;left:12px}.pth-card{--pth-span:color-mix(in oklab, var(--color-ink-muted) 70%, transparent);--pth-span-soft:color-mix(in oklab, var(--color-ink-muted) 16%, transparent);--pth-ok:var(--color-signal-ok)}.pth-trace{position:absolute;inset:30px 12px 12px}.pth-sp{background:var(--pth-span-soft);height:12px;box-shadow:inset 0 0 0 1px var(--pth-span);border-radius:2px;position:absolute;top:44px}.pth-sp[data-state=done]{background:var(--pth-ok);box-shadow:none}.pth-sp[data-state=cur]{background:linear-gradient(90deg, var(--pth-ok) var(--p), var(--color-brand) var(--p));box-shadow:0 0 0 3px var(--color-brand-subtle)}.pth-pb{border-radius:2px;width:9px;height:9px;position:absolute;top:23px;transform:rotate(45deg)}.pth-pb[data-kind=live]{background:var(--pth-ok)}.pth-pb[data-kind=live][data-done=false]{box-shadow:inset 0 0 0 1.5px var(--pth-ok);background:0 0}.pth-pb[data-kind=planned]{background:var(--color-surface-page);box-shadow:inset 0 0 0 1.5px var(--pth-span)}.pth-now{background:var(--color-brand);width:2px;height:28px;position:absolute;top:36px}.pth-mod{font:500 11px var(--font-mono);color:var(--color-ink-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;position:absolute;top:66px;left:0;overflow:hidden}.pth-ax{font:500 10px var(--font-mono);color:var(--color-ink-muted);position:absolute;bottom:0;left:0}.pth-ax[data-end]{left:auto;right:0}.pth-tree{font:500 11.5px var(--font-mono);grid-template-columns:1fr 1fr;align-content:start;gap:1px 14px;padding:0 12px 10px;display:grid;position:absolute;inset:28px 0 0}.pth-f{min-width:0;height:22px;color:var(--color-ink-secondary);border-radius:5px;align-items:center;gap:7px;padding:0 6px;display:flex}.pth-f svg{fill:none;width:13px;height:13px;stroke:var(--pth-span);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.pth-nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pth-ct{color:var(--color-ink-muted);flex:none;margin-left:auto;font-size:11px}.pth-f[data-state=done]{color:color-mix(in oklab, var(--color-signal-ok) 70%, var(--color-ink-primary))}.pth-f[data-state=done] svg{stroke:var(--pth-ok)}.pth-f[data-state=cur]{background:var(--color-brand-subtle);color:var(--color-ink-primary)}.pth-f[data-state=cur] svg{stroke:var(--color-brand)}.pth-stairs{position:absolute;inset:28px 12px 10px}.pth-stairs svg{width:100%;height:100%;overflow:visible}.pth-st{fill:var(--pth-span-soft);stroke:var(--pth-span);stroke-width:1px;vector-effect:non-scaling-stroke}.pth-st[data-state=done]{fill:var(--pth-ok);stroke:none}.pth-st[data-state=cur]{fill:var(--color-brand-subtle);stroke:var(--color-brand);stroke-width:1.5px}.pth-me{fill:var(--color-brand)}.pth-prog{padding:16px 20px 0}.pth-row{font:500 12.5px var(--font-mono);color:var(--color-ink-muted);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pth-row b{color:var(--color-ink-primary);font-weight:600}.pth-bar{background:var(--color-surface-sunken);height:6px;box-shadow:inset 0 0 0 1px var(--color-line-hairline);border-radius:999px;margin-top:8px;position:relative;overflow:hidden}.pth-bar i{background:var(--pth-ok);border-radius:999px;position:absolute;inset:0 auto 0 0}.pth-where{color:var(--color-ink-secondary);margin-top:10px;font-size:13.5px}.pth-where b{color:var(--color-ink-primary);font-weight:600}.pth-next{border:1px solid var(--color-line-hairline);background:var(--color-surface-page);border-radius:12px;align-items:center;gap:12px;margin:14px 20px 0;padding:12px 14px;display:flex}.pth-k{background:var(--color-brand-subtle);width:32px;height:32px;color:var(--color-brand-ink);border-radius:9px;flex:none;place-items:center;display:grid}.pth-k[data-kind=problem]{background:color-mix(in oklab, var(--color-signal-ok) 14%, transparent);color:color-mix(in oklab, var(--color-signal-ok) 70%, var(--color-ink-primary))}.pth-i{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.pth-tx{flex-direction:column;flex:1;min-width:0;display:flex}.pth-ey{font:500 10.5px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-muted)}.pth-tt{color:var(--color-ink-primary);margin-top:1px;font-size:14.5px;font-weight:600;line-height:1.3}.pth-mt{font:500 11.5px var(--font-mono);color:var(--color-ink-muted)}.pth-go{flex:none}.pth-ft{font:500 11.5px var(--font-mono);color:var(--color-ink-muted);flex-wrap:wrap;gap:6px 16px;margin-top:auto;padding:16px 20px 18px;display:flex}.pth-ft span{align-items:center;gap:6px;display:inline-flex}.pth-live{background:var(--pth-ok);border-radius:50%;width:7px;height:7px}.pth-planned{width:7px;height:7px;box-shadow:inset 0 0 0 1.5px var(--pth-span);border-radius:2px;transform:rotate(45deg)}.pth-open{border-top:1px solid var(--color-line-hairline);color:var(--color-ink-primary);justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:600;display:flex}.pth-open:hover{background:var(--color-surface-glass)}.pth-open:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.pth-how{border-top:1px solid var(--color-line-hairline);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 28px;margin-top:44px;padding-top:24px;display:grid}.pth-how h3{color:var(--color-ink-primary);font-size:14.5px;font-weight:650}.pth-how p{color:var(--color-ink-secondary);margin-top:4px;font-size:13.5px}@media (max-width:560px){.pth-cards{grid-template-columns:1fr}.pth-tree{gap:1px 8px;padding:0 8px 8px;font-size:11px}.pth-f{gap:5px;padding:0 4px}.pth-next{flex-wrap:wrap}.pth-go{width:100%}}@media (prefers-reduced-motion:reduce){.pth-card{transition:none}}