:root{font:16px/1.6 'Segoe UI',Arial,sans-serif;color:#203b30;background:#f2f5f0}*{box-sizing:border-box}body{margin:0;padding:40px 20px}main{max-width:670px;margin:4vh auto;background:#fff;padding:36px;border:1px solid #dae4da;border-radius:16px;box-shadow:0 16px 45px #173e3310}.brand{font-weight:800;color:#309b83;font-size:22px;margin:0}.brand span{color:#f16e3f}.brand small{display:block;font-size:12px;letter-spacing:2px;color:#946900}h1{font-size:27px;line-height:1.3}button{border:0;border-radius:7px;padding:14px 20px;background:#236a4b;color:#fff;font:inherit;font-weight:600;cursor:pointer}button:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #e7b743;outline-offset:3px}details{margin-top:22px}summary{cursor:pointer}label{display:block;font-size:14px;margin-top:15px}textarea{width:100%;font:13px/1.6 monospace;padding:12px;border:1px solid #bacbbd;border-radius:6px;resize:vertical}.note{font-size:13px;color:#64786b;border-top:1px solid #e3e9df;padding-top:20px;margin-top:26px}li{margin:9px 0}[hidden]{display:none!important}@media(max-width:500px){body{padding:18px 12px}main{margin:0;padding:24px}}