:root{font:16px/1.55 system-ui,sans-serif;color:#183630;background:#eef3ef}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:28px}header{padding:34px;background:#123c34;color:#fff;border-radius:18px}h1{font-size:clamp(30px,5vw,48px);line-height:1.1;max-width:700px}h2{font-size:24px}.badge{font-size:13px;letter-spacing:.06em;color:#c0e7cc}section,details{margin:24px 0;padding:26px;border:1px solid #d1ddd3;border-radius:14px;background:white}button,input,textarea{font:inherit}button{border:1px solid #123c34;border-radius:7px;padding:10px 14px;background:#123c34;color:white;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d3a134;outline-offset:3px}header button{float:right;background:transparent;border-color:#d0e5d8}textarea{width:100%;margin:8px 0;padding:12px;border:1px solid #adbeb0;border-radius:8px;font:14px/1.5 ui-monospace,monospace;resize:vertical}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eff4f0;padding:15px;border-radius:8px;font:13px/1.6 ui-monospace,monospace;max-height:400px;overflow:auto}label{display:block}.controls{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.consent{margin:12px 0}input[type=file]{max-width:100%}footer{color:#5d746b;font-size:13px}#notice[data-kind=error]{color:#9a261a}#notice[data-kind=loading]{color:#7c5b05}@media(max-width:600px){main{padding:12px}header,section,details{padding:20px}.controls{flex-direction:column}header button{float:none}}