:root{color:#1c302b;font-synthesis:none;text-rendering:optimizelegibility;accent-color:#176346;background:#f6f8f5;font-family:system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:48rem;margin:12vh auto;padding:2rem}h1{letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(2.5rem,8vw,4rem);line-height:1.1}h2{margin:0 0 .75rem;font-size:1.1rem}p{overflow-wrap:anywhere}.intro{color:#465a53;max-width:44ch;font-size:1.15rem}section{border-top:1px solid #becdc5;margin-top:3rem;padding-top:2rem}.response{min-height:3.2rem;font-family:ui-monospace,monospace}.error{color:#922c25}button{font:inherit;color:#fff;cursor:pointer;background:#176346;border:0;border-radius:.5rem;min-height:2.75rem;padding:.65rem 1rem;font-weight:600}button:hover:not(:disabled){background:#104c35}button:disabled{cursor:wait;background:#51655b}button:focus-visible{outline-offset:4px;outline:3px solid #176346}::selection{color:#16382b;background:#c5e5d4}@media (width<=32rem){main{margin-top:6vh;padding:1.5rem}button{width:100%}}