.reach-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 28px}.reach-check{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;cursor:pointer}.reach-check input{width:18px;height:18px;margin:0;accent-color:var(--blue)}.reach-check:has(input:disabled){opacity:.5}.reach-controls .action-button{min-width:140px;margin-left:auto}.reach-body{display:grid;grid-template-columns:minmax(0,540px) minmax(200px,1fr);align-items:start;gap:20px 40px;margin-top:20px}.reach-stage{overflow:hidden}.reach-stage svg{display:block;width:100%;height:auto;-moz-user-select:none;user-select:none;-webkit-user-select:none}.reach-grid-line{fill:none;stroke:var(--line);stroke-width:.5}.reach-ring{fill:none;stroke:var(--muted);stroke-width:1;stroke-dasharray:3 4;opacity:.6}.reach-ink{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.reach-dot{fill:var(--blue)}.reach-ghost{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-dasharray:4 4;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.reach-miss{fill:none;stroke:var(--blue);stroke-width:1.2;stroke-dasharray:2 4}.reach-base{fill:var(--paper-light);stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round}.reach-link{fill:none;stroke:var(--ink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.reach-gripper{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round}.reach-pen{stroke:var(--blue);stroke-width:3.5;stroke-linecap:round}.reach-joint{fill:var(--paper-light);stroke:var(--ink);stroke-width:2}.reach-joint.is-wrist{fill:var(--ink)}.reach-angle path{fill:none;stroke:var(--blue);stroke-width:1}.reach-angle text{font-family:var(--mono);font-size:9px;fill:var(--blue-wash-ink);text-anchor:middle;dominant-baseline:central}.reach-note{font-family:var(--display);font-size:15px;font-style:italic;fill:var(--blue)}.reach-target path{stroke:var(--blue);stroke-width:1.2}.reach-target circle{fill:var(--blue-wash);stroke:var(--blue);stroke-width:2}svg:not([data-reach=ok]) .reach-target circle{stroke-dasharray:3 2}.reach-target-hit{fill:transparent;cursor:grab;touch-action:none}.reach-side{display:grid;align-content:start;gap:20px}.reach-side .step-text{margin-top:0}.reach-pad{display:grid;grid-template-columns:repeat(3,48px);grid-template-areas:". up ." "left . right" ". down .";gap:4px}.reach-pad .action-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;font-size:18px}.reach-pad [data-move=ArrowUp]{grid-area:up}.reach-pad [data-move=ArrowLeft]{grid-area:left}.reach-pad [data-move=ArrowRight]{grid-area:right}.reach-pad [data-move=ArrowDown]{grid-area:down}.reach-maths p{margin:0;font-size:13px}.reach-maths ol{margin:12px 0;padding-left:20px;font-family:var(--mono);font-size:12px;line-height:1.9}.reach-maths var{font-family:var(--mono);font-style:normal}@media (max-width: 760px){.reach-controls{flex-wrap:wrap}.reach-controls .segmented{flex-basis:100%}.reach-body{grid-template-columns:minmax(0,1fr)}.reach-stage-column{max-width:480px}.reach-pad{grid-template-columns:repeat(4,48px);grid-template-areas:"left up down right"}}@media (max-width: 600px){.reach-controls{-moz-column-gap:16px;column-gap:16px}.reach-controls .action-button{min-width:0}}