:root{font-family:system-ui,"Yu Gothic",sans-serif;color:#183334;background:#f2f7f6}body{margin:0}main{max-width:640px;margin:6vh auto;padding:28px;background:white;border:1px solid #cbdcda;border-radius:12px}.brand{font-size:12px;letter-spacing:.12em;color:#396965}h1{font-size:26px}h2{font-size:19px}p{line-height:1.7}section{padding:16px 0;border-top:1px solid #dce8e6}label,input,button{display:block}input{box-sizing:border-box;width:100%;padding:12px;margin:8px 0 14px;border:1px solid #789c96;border-radius:5px;font:inherit}button{padding:12px 16px;margin:10px 0;background:#176b60;color:white;border:0;border-radius:6px;font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #e4a329;outline-offset:3px}#status{background:#edf5f3;padding:12px;border-left:4px solid #348575}.note{font-size:13px;color:#4d6662}[hidden]{display:none!important}@media(max-width:700px){main{margin:16px;padding:20px}h1{font-size:23px}}