:root{font-family:system-ui,sans-serif;color:#173447;background:#f7f9f9}body{margin:0}.wrap{max-width:800px;margin:auto;padding:24px}h1{font-size:clamp(1.7rem,4vw,2.5rem)}fieldset{border:1px solid #c4d1d6;border-radius:12px;margin:16px 0;padding:18px}legend{font-weight:700}label{display:block;margin:12px 0}input[type=text],textarea,select{box-sizing:border-box;width:100%;padding:12px;border:1px solid #829ca7;border-radius:6px;font:inherit}input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:8px}button{background:#174b63;color:white;border:0;border-radius:7px;padding:13px 20px;font:inherit;font-weight:700;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d89c2b;outline-offset:2px}.note{background:#e9f1f3;padding:14px;border-radius:8px}#output{min-height:270px;white-space:pre-wrap}small{line-height:1.5}