:root{font-family:Arial,sans-serif;color:#172f31;background:#f1eee5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,.upload{cursor:pointer}button{border:1px solid #b9c1b3;background:transparent;color:inherit;padding:10px 13px;border-radius:5px}button:hover{background:#e1e6d9}button:disabled{opacity:.45;cursor:not-allowed}button[aria-pressed=true]{background:#dfe7d8;border-color:#172f31}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #cd6344;outline-offset:3px}a{color:inherit}header{height:80px;border-bottom:1px solid #c9cec1;display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand{text-decoration:none;font-size:32px;display:flex;align-items:center;gap:15px}.brand span,.edition{font-size:11px;letter-spacing:2px;font-weight:700}main{max-width:1600px;margin:auto;padding:32px 4vw}.heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2px;color:#6c7f73}h1{font:normal clamp(36px,4vw,62px) Georgia,serif;letter-spacing:-2px;margin:12px 0}.heading p:not(.eyebrow){color:#65776c;font-size:14px}.study{min-width:260px}.study select{margin-top:9px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;border:1px solid #bec6b6;border-radius:9px;overflow:hidden;background:#f9f6ed}.stage{padding:22px 30px}.stage-top{display:flex;justify-content:space-between;font:11px monospace;letter-spacing:1px}.field{background:#e9e7db;margin-top:20px;display:flex;position:relative;align-items:center;justify-content:center;padding:20px 20px 36px;min-height:400px}.field>svg{width:min(100%,512px);height:auto;aspect-ratio:1;background:#f9f2df;box-shadow:0 8px 25px #172f3112}.axis{position:absolute;bottom:12px;font:9px monospace;letter-spacing:2px;color:#69796f}.transport{display:flex;align-items:center;gap:8px;margin-top:20px}.primary{background:#183e3d;color:#f9f2df;border-color:#183e3d}.primary:hover{background:#2e5751}.transport label{display:flex;align-items:center;gap:10px;flex:1;padding-left:10px}input[type=range]{width:100%;accent-color:#b45135}.bookmarks{display:flex;align-items:center;gap:10px;padding:18px 0;flex-wrap:wrap}.bookmarks>span{font-size:9px;letter-spacing:2px;margin-right:auto}.bookmarks button{border:0;font-size:12px;padding:5px}.caveat,.hint{font-size:12px;line-height:1.6;color:#637366}.caveat{border-top:1px solid #d5d9cd;padding-top:13px}aside{border-left:1px solid #bec6b6;padding:20px;max-height:850px;overflow:auto}.tabs{display:flex;gap:3px;margin-bottom:24px}.tabs button{flex:1;font-size:11px;padding:9px 4px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title span{font:10px monospace;color:#718273}h2{font:25px Georgia,serif;margin:15px 0}.segmented{display:flex;gap:5px;margin:18px 0}.segmented button{flex:1;font-size:12px}label{font-size:12px;display:block}select{display:block;width:100%;background:#f9f6ed;border:1px solid #bec6b6;border-radius:4px;padding:10px;color:inherit;margin-top:6px}.curve{display:block;width:100%;aspect-ratio:1;height:auto;background:#e6ebdf;border:1px solid #c8d0c0;touch-action:manipulation}.points{display:flex;gap:2px;margin:8px 0 15px}.points button{flex:1;font-size:10px;padding:8px 3px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.numeric{text-transform:capitalize;color:#5f7063;font-size:11px}.numeric input{display:block;width:100%;padding:8px;border:1px solid #c6cebe;border-radius:4px;margin-top:5px;background:#fffcf3;color:#183e3d}.history{display:flex;justify-content:space-between;border-top:1px solid #ccd2c4;margin-top:24px;padding-top:18px}.history button{font-size:11px}.route-row{padding:16px 0;border-bottom:1px solid #cbd2c3}.route-row>b{font:10px monospace}.route-row .grid{margin:10px 0}.route-row>button{font-size:10px}.exports{display:grid;gap:12px;margin:24px 0}.upload{border:1px dashed #8b9e8e;padding:14px}.upload input{max-width:100%;font-size:11px;margin-top:10px}.status{padding:15px 0;font:11px monospace;color:#4d7061}footer{display:flex;justify-content:space-between;border-top:1px solid #c6cfc0;padding-top:14px;gap:30px;font-size:10px;letter-spacing:1px}details{max-width:600px;letter-spacing:0;line-height:1.6}summary{cursor:pointer}details button{font-size:11px;margin:5px}@media(max-width:950px){main{padding:20px}.workspace{grid-template-columns:minmax(0,1fr) 300px}.stage{padding:16px}.transport{flex-wrap:wrap}.transport label{flex-basis:100%;padding:10px 0}.edition{display:none}.field{min-height:0;padding:12px 12px 30px}}@media(max-width:700px){header{height:65px;padding:0 18px}.brand span{font-size:10px}.heading{display:block}.study{margin-top:24px}.workspace{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid #bec6b6;max-height:none}.field{padding:8px 8px 30px}.stage{padding:14px}.stage-top{font-size:9px}footer{display:block}.curve{max-height:none}.grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}