:root{color:#142016;background:#f4f1e8;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{width:min(46rem,100% - 2rem);margin:4rem auto}h1{letter-spacing:-.05em;max-width:14ch;font-family:Georgia,serif;font-size:clamp(2.5rem,8vw,5rem);font-weight:500;line-height:.95}h2{margin-top:0;font-size:1rem}p{line-height:1.6}.eyebrow{color:#b34424;letter-spacing:.14em;font-size:.75rem;font-weight:800}.stack{gap:1rem;display:grid}.state-card{background:#fffdf6;border:1px solid #7c887e;margin:1.5rem 0;padding:1rem}pre{margin:0;font-size:.8rem;overflow:auto}label{font-weight:700}input{width:100%;color:inherit;font:inherit;background:#fff;border:1px solid #526057;padding:.75rem}.actions{flex-wrap:wrap;gap:.75rem;display:flex}button,.button{color:#fff;font:inherit;cursor:pointer;background:#17351f;border:1px solid #17351f;padding:.75rem 1rem;font-weight:700;text-decoration:none;display:inline-block}button.secondary{color:#17351f;background:0 0}button.danger{background:#9c3218;border-color:#9c3218}.hint{color:#48534b;font-size:.9rem}