*{box-sizing:border-box}body{margin:0;background:#f2f1e9;color:#22271e;font-family:Arial,sans-serif}header,footer{display:flex;justify-content:space-between;margin:0 5vw;padding:25px 0;font:11px "Courier New",monospace}header{border-bottom:1px solid #cccec1}a{color:inherit;text-decoration:none}a:hover{color:#a4431d}main{max-width:900px;margin:auto;padding:50px 24px}.intro{text-align:center}.intro p{font:10px "Courier New",monospace;letter-spacing:.14em}.intro h1{font:italic 64px Georgia,serif;letter-spacing:-.04em;margin:18px 0}.intro div{font-size:13px;line-height:1.7;color:#636759}svg{display:block;width:100%;max-height:450px;margin:20px auto}.controls{display:flex;gap:35px;align-items:center;justify-content:center;border-top:1px solid #cccec1;padding-top:25px}.controls label{font:11px "Courier New",monospace;display:grid;grid-template-columns:1fr 1fr;gap:12px;width:200px}output{text-align:right}input{grid-column:1/-1;width:100%;accent-color:#4d5942;min-height:24px}button{background:none;border:1px solid #a3a894;padding:13px 22px;color:inherit;cursor:pointer;font:11px "Courier New",monospace}:focus-visible{outline:2px solid #a4431d;outline-offset:5px}footer{justify-content:center;border-top:1px solid #cccec1}.skip{position:absolute;top:-60px;left:20px;background:#22271e;color:#fff;padding:14px}.skip:focus{top:10px}@media(max-width:600px){main{padding-top:30px}.intro h1{font-size:52px}.controls{gap:20px;flex-wrap:wrap}.controls label{width:calc(50% - 12px)}.controls button{width:100%}header,footer{font-size:10px}}