:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#214c43;background:#f3efde;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;background:transparent;border:1px solid #a9b29b;color:inherit;padding:.7rem .9rem;border-radius:3px;transition:background .18s,transform .18s}button:hover{background:#e1dfc9;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bc5e37;outline-offset:3px}button[aria-pressed=true]{background:#214c43;color:#f5f0df}header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3vw;border-bottom:1px solid #c8cbb8;font-size:.75rem;letter-spacing:.12em}.mark{font-weight:800;color:inherit;text-decoration:none}header button{font-size:.8rem}.intro{display:flex;align-items:end;justify-content:space-between;padding:2.5rem 3vw 2rem;gap:2rem}.eyebrow{font-size:.65rem;font-weight:800;letter-spacing:.18em;color:#ae5836}h1{font-size:clamp(3rem,6.5vw,7rem);line-height:.9;font-weight:500;letter-spacing:-.065em;margin:.7rem 0}h1 em{font-family:Georgia,serif;font-weight:400}.lede{line-height:1.65;font-size:.95rem;max-width:25rem}.stamp{font-size:.6rem;line-height:2;letter-spacing:.12em;border:1px solid #aeb39d;border-radius:50%;padding:1.6rem;text-align:center;transform:rotate(6deg)}main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2rem;padding:0 3vw 2rem;max-width:1600px;margin:auto}.canvas-area{min-width:0}.canvas-top{display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.08em;padding:1rem 0}.board{display:block;width:100%;max-height:none;max-width:min(100%,85vh);aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #a8ad94;background:#dedec6;box-shadow:0 16px 40px #254b4211}.readout{display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;line-height:1.5;padding:1rem 0}.readout strong{white-space:nowrap}.keypen,.row{display:flex;gap:.5rem;flex-wrap:wrap}.keypen button{font-size:.72rem}.tool-switch{display:flex;gap:.3rem;margin:2.4rem 0 1.3rem}.tool-switch button{flex:1;font-size:.75rem}label{display:block;font-size:.75rem;line-height:1.6;font-weight:600;margin:.9rem 0}input:not([type=range]),select,textarea{display:block;width:100%;padding:.6rem;border:1px solid #b5bea8;color:inherit;background:#faf7eb;border-radius:3px}input[type=range]{width:100%;display:block;accent-color:#b05d36;margin:.8rem 0}output{float:right;color:#ac5534}h2{font:400 1.6rem/1.2 Georgia,serif;margin:1.6rem 0 .8rem}.fine{font-size:.7rem;line-height:1.6;color:#5e6c5c}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:0 .6rem}.numbers label{margin:.4rem 0}.study{width:100%;text-align:left;display:flex;gap:1rem;margin:.4rem 0;border-width:0 0 1px;border-radius:0}.study span{color:#ac5534;font-size:.7rem}.archive{display:grid;grid-template-columns:1fr 1fr;gap:5vw;border-top:1px solid #b5bea8;margin:2rem 3vw;padding:2rem 0;line-height:1.6}.archive p{max-width:40rem;font-size:.85rem}.archive h2{font-size:2.3rem;margin:.5rem 0}.archive textarea{height:260px;font:12px/1.5 ui-monospace,monospace;resize:vertical}.archive button{font-size:.75rem}footer{padding:2rem 3vw;background:#214c43;color:#e8e8d4;font-size:.65rem;display:flex;gap:2rem;justify-content:space-between}footer details{max-width:34rem;font-size:.75rem}footer button{color:#e8e8d4;margin-right:.5rem}summary{cursor:pointer}footer p{line-height:1.6}@media(max-width:850px){main{grid-template-columns:1fr}.intro{align-items:start}.stamp{display:none}.lede{font-size:.8rem;max-width:16rem}.tool-switch{margin-top:0}.archive{grid-template-columns:1fr}footer{flex-direction:column}.board{max-height:none;max-width:100%}aside{display:block}}@media(max-width:520px){.intro{display:block}header span{display:none}.readout{display:block}.board{width:100%}.keypen button{flex:1}h1{font-size:4rem}.archive{gap:1rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}button:hover{transform:none}}