.pj-hud{color:var(--ink-2);text-transform:none;font-feature-settings:"tnum";opacity:0;transition:opacity .7s var(--out), transform .7s var(--out);pointer-events:none;justify-items:end;row-gap:.15rem;display:grid;position:absolute;bottom:2.4rem;right:7.25rem;transform:translateY(.5rem)}.pj-hud.on{opacity:1;transform:none}.ph-k{letter-spacing:.12em;text-transform:none;color:var(--muted);font-size:10px}.ph-n{font-family:var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);font-size:44px;line-height:1}.ph-sub{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:12px}.pj-hud.in-window{box-shadow:0 0 0 1px var(--hair), 0 18px 40px -28px #16140f73;background:#efebe3e0;border-radius:.9rem;padding:.7rem .9rem .65rem}.is-still .pj-hud{display:none}@media (width<=899px){.pj-hud{right:auto;left:calc(var(--gutter) + .1rem);top:4.6rem;bottom:auto;right:var(--gutter);grid-template-columns:auto auto minmax(0,1fr);place-items:baseline start;column-gap:.5rem}.pj-hud.in-window{border-radius:.6rem;padding:.35rem .6rem}.ph-n{font-size:18px}.ph-sub{font-size:10.5px;line-height:1.3}}@media (width>=900px){.pj-hud.in-window{bottom:calc(40px + 1rem);right:calc(110px + 1rem)}}.pj-fig{box-shadow:0 0 0 1px var(--hair), 0 1px 0 #fff9 inset, 0 30px 60px -40px #16140f59;background:#ffffff52;border-radius:1.1rem;margin:1.6rem 0 0;padding:1rem 1.1rem .95rem}.pf-cap{text-transform:none;letter-spacing:.06em;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.2rem 1rem;font-size:11px;display:flex}.pf-value{color:var(--ink);font-variant-numeric:tabular-nums;white-space:pre;font-weight:500}.pj-fig canvas,.pj-fig svg{width:100%;max-width:27rem;height:auto;font-family:var(--mono);margin:.5rem auto 0;display:block;overflow:visible}.pj-fig canvas{aspect-ratio:380/300}.pf-chips{text-transform:none;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.6rem;font-size:11px;display:flex}.pf-key{color:var(--muted);letter-spacing:.06em;margin-right:.35rem}.pf-chip{min-width:2.4rem;font:inherit;font-variant-numeric:tabular-nums;color:var(--ink-2);box-shadow:0 0 0 1px var(--hair);cursor:pointer;transition:background .3s var(--out), color .3s var(--out), transform .2s var(--out);background:#fff6;border:0;border-radius:999px;padding:.3rem .6rem}.pf-chip:active{transform:scale(.97)}.pf-chip[aria-pressed=true]{color:var(--paper-hi);background:var(--ink);box-shadow:0 0 0 1px var(--ink)}.pf-axis{stroke:var(--muted);stroke-width:1px;opacity:.7}.pf-grid{stroke:var(--hair);stroke-width:1px}.pf-small{fill:var(--muted);font-size:10.5px}.pf-dot{fill:var(--accent);stroke:var(--paper-hi);stroke-width:1.5px}.pf-flat{stroke:var(--muted);stroke-width:1px;stroke-dasharray:4 3}.pf-curve{fill:none;stroke:var(--accent);stroke-width:1.6px}.pf-name{fill:var(--ink-2);font-size:11px}.pf-tiny{fill:var(--muted);font-size:9.5px}.pf-bar{stroke:var(--ink-2);stroke-width:6px;stroke-linecap:round;opacity:.55;transition:opacity .4s var(--out), stroke .4s var(--out)}.pf-bar-b{stroke:var(--muted)}.pf-row.on .pf-bar{opacity:1;stroke:var(--accent)}.pf-row.on .pf-name{fill:var(--ink);font-weight:600}.ph-n.is-word{font-family:var(--serif,inherit);font-size:34px}.ph-n.is-small{font-size:28px}@media (width<=899px){.ph-n.is-word,.ph-n.is-small{font-size:16px}}