:root{font-family:Arial,Helvetica,sans-serif;color:#193c32;background:#e8ece1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.file{cursor:pointer;border:1px solid #aebbac;background:transparent;color:inherit;border-radius:3px;padding:10px 13px;min-height:42px}button:hover,.file:hover{background:#d9e4d1}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,svg:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #cd6d48;outline-offset:4px}header{padding:26px 3vw;border-bottom:1px solid #b7c3b4;display:flex;align-items:center;gap:30px}.wordmark{font-family:Georgia,serif;font-size:35px;text-decoration:none;color:inherit;letter-spacing:-2px}.wordmark span{margin-left:14px;color:#ce6844}.edition{font-size:10px;line-height:1.5;letter-spacing:1.5px}header>button{margin-left:auto}.workspace{display:grid;grid-template-columns:280px 1fr;max-width:1700px;margin:auto}aside{padding:38px 28px 25px 3vw;border-right:1px solid #b7c3b4}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700}h1{font-family:Georgia,serif;font-size:51px;font-weight:400;line-height:1;letter-spacing:-2px;margin:25px 0}h1 em{color:#b65734}.intro{font-size:13px;line-height:1.7}.rule-switch{display:grid;gap:6px;margin:26px 0 14px}.rule-switch button{text-align:left}.rule-switch button[aria-pressed=true]{background:#1c493a;color:#e8efde;border-color:#1c493a}.small{font-size:11px;line-height:1.6;color:#516356}aside>label{display:block;font-size:12px;margin-top:20px}strong{float:right}input[type=range]{display:block;width:100%;accent-color:#245942;margin-top:12px}input[type=checkbox]{accent-color:#245942}.examples{border-top:1px solid #b7c3b4;padding-top:24px;margin-top:30px}.examples button{border:0;border-bottom:1px solid #b7c3b4;border-radius:0;width:100%;text-align:left;padding:14px 0}.examples span{float:right}.drawing{min-width:0;padding:22px 2.5vw}.sheet-top{display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;padding-bottom:15px}.sheet-top label{letter-spacing:0}.drawing svg{display:block;width:100%;max-height:65vh;background:#f6f5eb;border:1px solid #b7c3b4;touch-action:none}.ink{stroke:#162b29;stroke-width:3;stroke-linecap:round;fill:none}.ghost{stroke:#9d9991;stroke-width:2;stroke-dasharray:7 6;fill:none}.preview{stroke:#5d9842;stroke-width:4;fill:none}.start{fill:#f6f5eb;stroke:#5d9842;stroke-width:2}.end{fill:#5d9842}.hint{font-size:11px;letter-spacing:3px;fill:#939d8e}.legend{display:flex;gap:25px;justify-content:center;font-size:10px;padding:14px}.legend span{display:flex;gap:7px;align-items:center}.legend i{width:17px;height:3px;background:#5d9842}.legend .gray{background:#aaa}.legend .black{background:#162b29}.proposal{border-top:1px solid #b7c3b4;border-bottom:1px solid #b7c3b4;padding:18px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.proposal p{font-family:Georgia,serif;font-size:20px;margin:8px 0 0}.primary{background:#224d3c;color:#fff;white-space:nowrap}.primary:hover{background:#387455}.coordinates{display:flex;gap:20px;flex-wrap:wrap;margin:18px 0;align-items:end}.coordinates>div{display:flex;gap:8px}.coordinate,.coordinates>label{font-size:10px;display:inline-flex;flex-direction:column;gap:5px}.coordinate input{width:74px;background:#f5f5ed;border:1px solid #b3bfb0;padding:7px;color:inherit}.coordinates select{background:#f5f5ed;color:inherit;min-height:33px;border:1px solid #b3bfb0}.actions{display:flex;gap:6px;flex-wrap:wrap;font-size:11px}.file{position:relative;overflow:hidden}.file input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.file:focus-within{outline:3px solid #cd6d48}.status{font-size:12px;min-height:20px;color:#5c6a59}.ledger{border-top:1px solid #b7c3b4;display:grid;grid-template-columns:280px 1fr;padding:30px 3vw;gap:30px;background:#dde5d6}.ledger h2{font-family:Georgia,serif;font-weight:400;font-size:28px}.ledger label{font-size:12px}.ledger ol{list-style:none;padding:0;margin:0}.ledger li{padding:10px 0;border-bottom:1px solid #b7c3b4;font-size:12px}.ledger li span{margin-right:15px;color:#b65734}.ledger small{display:block;font-size:9px;letter-spacing:1px;margin:6px 0 0 30px;color:#64705d}footer{padding:25px 3vw;font-size:10px;display:flex;justify-content:space-between;gap:30px;letter-spacing:1px}footer details{max-width:650px;letter-spacing:0;line-height:1.6}summary{cursor:pointer}footer button{font-size:11px;margin:5px 5px 0 0}@media(min-width:1450px){.workspace{grid-template-columns:330px 1fr}h1{font-size:62px}aside{padding-left:40px}}@media(max-width:850px){.workspace{grid-template-columns:1fr}aside{border-right:0;padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}h1{font-size:38px;margin:5px 0;grid-row:2/5}.intro,.rule-switch{margin:0}.examples{margin:0;padding:10px 0;grid-column:1/-1;display:flex;align-items:center;gap:20px}.examples button{width:auto;flex:1}.drawing{padding:18px}.drawing svg{max-height:none}.ledger{grid-template-columns:1fr 2fr}.edition{display:none}.proposal p{font-size:17px}.sheet-top{font-size:8px}footer{flex-direction:column}.legend{gap:15px}}@media(max-width:500px){aside{display:block}h1 br{display:none}h1{font-size:36px;margin:10px 0}.intro{margin:10px 0}.rule-switch{grid-template-columns:1fr 1fr}.rule-switch button{font-size:11px}.examples{display:flex}.examples .eyebrow{display:none}aside>label,aside>.small{display:none}.proposal{align-items:start}.proposal p{font-size:16px}.primary{font-size:11px}.ledger{grid-template-columns:1fr}.coordinates{gap:12px}.wordmark{font-size:29px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}