:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292d32;background:#f5f1e8;font-synthesis:none;--blue:#2464bc;--orange:#9b481d;--line:#d6d2c8}*{box-sizing:border-box}body{margin:0}a{color:inherit}header{max-width:1280px;margin:auto;padding:28px 40px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.home{font-size:13px;text-decoration:none}.brand{font-weight:650;display:flex;align-items:center;gap:10px}.mark{font-size:30px;color:var(--blue)}.badge{margin-left:auto;border:1px solid #b6a98f;border-radius:20px;padding:6px 12px;font:12px ui-monospace,monospace}main{max-width:1280px;margin:auto;padding:0 40px}.intro{display:flex;justify-content:space-between;gap:40px;padding:56px 0 52px}.eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;color:#60636a}h1{font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-.055em;margin:0;font-weight:520}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.intro-side{padding-top:10px;min-width:245px}.intro-side p{font-size:17px;line-height:1.65;margin:0 0 20px;color:#555b62}nav{display:grid;gap:10px}nav a{font-size:13px;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:8px}.toy{border:1px solid var(--line);border-radius:18px;background:#fcfaf5;margin-bottom:32px;overflow:hidden;scroll-margin-top:18px}.toy-heading{display:flex;align-items:center;gap:17px;padding:24px 28px;border-bottom:1px solid var(--line)}.number{font:14px ui-monospace,monospace;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.toy-heading .eyebrow{margin-bottom:5px}h2{font-size:25px;font-weight:550;letter-spacing:-.035em;margin:0}.subject{margin-left:auto;font-size:12px;color:#64676a}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 300px}.stage{min-width:0;padding:20px 26px;background:#f1f0e9}.stage-top{display:flex;justify-content:space-between;gap:12px;font:11px ui-monospace,monospace;color:#63666a}.stage-top span:first-child{color:#34383d}.stage svg{display:block;width:100%;max-height:410px;overflow:visible}.stage #drawing{touch-action:none;cursor:crosshair}.original{stroke:#6d737b;stroke-width:1.8;stroke-dasharray:5 5;fill:none}.reconstruction{stroke:var(--blue);stroke-width:2.8;fill:none}.legend{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;font-size:11px;color:#535860;padding:10px 0}.legend span{display:flex;align-items:center;gap:7px}.legend i{display:inline-block;width:16px;border-top:3px solid}.legend .dash{border-top:2px dashed #6d737b}.blue{color:var(--blue)}.orange{color:var(--orange)}.controls{padding:25px 24px;border-left:1px solid var(--line)}fieldset{border:0;margin:0 0 25px;padding:0}legend,.control-title{font-size:13px;margin:0 0 12px;font-weight:600}.buttons{display:flex;flex-wrap:wrap;gap:7px}button,select{font:inherit;font-size:12px;color:inherit;border:1px solid #b8bdc3;background:#fffefb;border-radius:7px;min-height:42px;padding:9px 13px;cursor:pointer}button:hover{background:#e5ecf6}button[aria-pressed=true],button.primary{background:#2464bc;border-color:#2464bc;color:white}button:disabled{opacity:.45;cursor:default}label{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:600;margin-top:20px}output{font:13px ui-monospace,monospace;color:#245aa1}input[type=range]{width:100%;height:34px;accent-color:var(--blue);cursor:pointer;margin:5px 0}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#686c72}.readout{font:11px ui-monospace,monospace;min-height:26px;margin:16px 0;color:#535b65}.hint{font-size:12px;line-height:1.6;color:#5f646b;margin-top:18px}details{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:12px;line-height:1.6}summary{cursor:pointer;font-weight:600;min-height:30px}details p{color:#535b65}.metrics{display:flex;justify-content:center;gap:65px;border-top:1px solid var(--line);padding:20px 0 5px}.metrics div{display:grid;gap:4px}.metrics span{font-size:11px}.metrics strong{font-size:30px;font-weight:500;font-variant-numeric:tabular-nums}.blue-text,#mean-value{color:var(--blue)}.orange-text,#median-value{color:var(--orange)}#selected-point{width:100%;margin-top:10px}.data-dot{touch-action:none;cursor:ew-resize}.data-dot circle{fill:#f5ce72;stroke:#584d36;stroke-width:1.5}.data-dot[aria-selected=true] circle{fill:#2464bc;stroke:#fff;stroke-width:3}.data-dot text{font:12px ui-monospace,monospace;fill:#292d32;pointer-events:none}.data-dot[aria-selected=true] text{fill:white}footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#64686e;padding:12px 0 35px}:focus-visible{outline:3px solid #b5581d;outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:white;padding:15px;z-index:4}@media(max-width:800px){header{padding:18px 20px;gap:14px}main{padding:0 18px}.intro{padding:36px 0;gap:24px}.intro-side{min-width:180px}.workbench{grid-template-columns:1fr}.controls{border-left:0;border-top:1px solid var(--line);display:block}.subject{display:none}.stage svg{max-height:370px}.toy-heading{padding:20px}.controls{padding:20px}.metrics{gap:50px}}@media(max-width:520px){.intro{display:block}.intro-side{margin-top:25px}.intro-side p{display:none}nav{display:flex;flex-wrap:wrap;gap:14px}.brand{font-size:13px;gap:6px}.mark{font-size:22px}.badge{font-size:10px;padding:5px 8px}.home{font-size:11px}h1{font-size:48px}.stage{padding:18px 12px}.stage-top{font-size:9px}.legend{gap:12px;font-size:10px}h2{font-size:23px}.number{width:34px;height:34px}.toy-heading{gap:12px}.metrics{gap:40px}footer{display:block;line-height:2}footer span{display:block}}