.hp{--anatomy-paper:#fafbf8;--anatomy-top:#fff;--anatomy-shade-0:#dce3d4;--anatomy-shade-1:#e3e9dd;--anatomy-shade-2:#eaf0e4;--anatomy-shade-3:#f2f5ee;--anatomy-hi:#546348;--anatomy-mid:#8e9e7f;--anatomy-lo:#b1bea4;--anatomy-faint:#d5decb;--anatomy-dot:#526348;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;padding:44px 4px 66px;touch-action:pan-y;cursor:ew-resize;user-select:none;outline:none}.hp:focus-visible{outline:2px solid #668c35;outline-offset:-10px}.hp>svg{display:block;width:100%;height:auto;max-height:560px;overflow:visible}.hp svg :where(path,circle){vector-effect:non-scaling-stroke}.hp [data-plotter-stroke]{vector-effect:none}.hp .iso-fill{fill:var(--anatomy-paper);stroke:none}.hp :where(.iso-shade,.iso-top){stroke:none}.hp .iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}.hp .iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}.hp .iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}.hp .iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}.hp .iso-top{fill:var(--anatomy-top)}.hp :where(.iso-line,.iso-edge,.iso-crease,.iso-bevel){fill:none;stroke:var(--anatomy-lo);stroke-width:.65;stroke-linecap:round;stroke-linejoin:round}.hp .iso-line[data-tone=hi],.hp [data-tone=hi]>.iso-edge{stroke:var(--anatomy-hi)}.hp .iso-line[data-tone=mid],.hp [data-tone=mid]>.iso-edge{stroke:var(--anatomy-mid)}.hp .iso-line[data-tone=lo],.hp [data-tone=lo]>.iso-edge{stroke:var(--anatomy-lo)}.hp .iso-crease,.hp .iso-line[data-tone=faint],.hp [data-tone=faint]>.iso-edge{stroke:var(--anatomy-faint)}.hp .iso-crease[data-tone=lo]{stroke:var(--anatomy-lo)}.hp .iso-bevel{stroke:var(--anatomy-top);stroke-width:.8}.hp .iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.45}.hp .iso-dots[data-tone=hi] circle{opacity:.85}.hp .iso-halo{fill:#8da177;stroke:none;filter:blur(9px);opacity:.16;transform:translateY(3px)}.hp .product-accent{--anatomy-paper:#a3e635;--anatomy-top:#b6ed64;--anatomy-shade-0:#7dac37;--anatomy-shade-1:#8cc63b;--anatomy-shade-2:#9fd74a;--anatomy-shade-3:#a3e635;--anatomy-hi:#668c35}.hp .hp-ink-accent[data-tone]{stroke:#a3e635;stroke-width:1.5}.hp-hint{position:absolute;bottom:73px;left:24px;right:24px;text-align:center;font:8px/1.5 var(--mono,"DM Mono",monospace);color:#637455}@media(max-width:760px){.hp{padding:30px 0 50px}.hp>svg{width:110%;max-width:none;flex-shrink:0}.hp-hint{bottom:51px;font-size:8px}}@media(prefers-reduced-motion:reduce){.hp *{animation:none!important;transition:none!important}}@media(prefers-reduced-motion:no-preference){.hp[data-motion=pending]>svg{visibility:hidden}}