:root{font-family:system-ui,sans-serif;color:#123b31;background:#f3f5ef}*{box-sizing:border-box}body{margin:0}main{max-width:620px;margin:auto;padding:32px 22px 64px}.brand{font-size:28px;font-weight:800}.brand span{font-size:11px;letter-spacing:.16em;margin-left:12px}h1{font-size:clamp(32px,8vw,48px);letter-spacing:-.05em;line-height:1.12}h2{font-size:22px}p,small{line-height:1.6}section,details{background:white;border:1px solid #d7e0d5;border-radius:22px;padding:22px;margin:22px 0}label{display:block;font-weight:600}input{width:100%;padding:14px;margin:10px 0 16px;border:1px solid #acbfb3;border-radius:12px;font:inherit}button,.choices a{display:block;width:100%;padding:16px;background:#123b31;color:white;border:0;border-radius:12px;font:inherit;font-weight:700;text-decoration:none;text-align:center;cursor:pointer}.choices{display:grid;gap:12px}button:disabled{opacity:.5}summary{cursor:pointer;font-weight:700}output{display:block;font-family:monospace;font-size:clamp(16px,4.5vw,24px);padding:16px 8px;background:#edf4e7;border-radius:12px;text-align:center;overflow-wrap:anywhere}#message{font-weight:600}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #559767;outline-offset:3px}[hidden]{display:none}