:root{color-scheme:light;--ink:#142d3d;--accent:#007a82;--line:#d5e3e7}*{box-sizing:border-box}body{margin:0;background:#edf3f4;color:var(--ink);font:16px/1.6 system-ui,sans-serif}main{max-width:620px;margin:auto;padding:24px 18px 40px}header{padding:12px 0 18px}.tag{font-size:12px;letter-spacing:3px;font-weight:750;color:var(--accent)}h1{font-size:27px;line-height:1.35;margin:12px 0}h2{font-size:19px;margin:0 0 18px}p{margin:10px 0}section,footer{background:white;border:1px solid var(--line);border-radius:16px;padding:20px;margin:14px 0}label{display:block;margin:14px 0;font-weight:600}input:not([type=checkbox]){width:100%;margin-top:6px;padding:12px;border:1px solid #9cb6bf;border-radius:8px;background:#fff;color:var(--ink);font:inherit}input:focus{outline:3px solid #9ce6e6;border-color:var(--accent)}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}.check input{margin-top:7px;flex:none;width:18px;height:18px}.pair{display:flex;gap:14px}.pair>*{flex:1;min-width:0}.hint,.privacy{font-size:13px;color:#4f6874}.privacy{margin-top:24px}button{font:inherit;font-weight:700;cursor:pointer;border:0;border-radius:10px;padding:13px 18px;background:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:wait}footer button{width:100%}nav{display:flex;gap:10px;position:sticky;top:0;background:#edf3f4;padding:10px 0}nav button{flex:1;background:#dbe7ea;color:var(--ink)}nav .selected{background:var(--accent);color:#fff}#status{padding:12px 0;white-space:pre-wrap}#previews{display:flex;gap:8px;flex-wrap:wrap}#previews img{width:100px;height:100px;object-fit:contain;border:1px solid var(--line);border-radius:8px}[hidden]{display:none!important}

.submit-feedback{padding:12px;border-radius:8px;background:#e6f3f3;white-space:pre-wrap;scroll-margin-top:80px}.submit-feedback.error,.field-error{color:#a21f22;background:#fff0f0;border:1px solid #d87a7a;padding:10px;border-radius:8px}.field-error{font-size:14px;margin:8px 0}input[aria-invalid=true]{border:2px solid #b72328!important;scroll-margin-top:100px}

#singleInput input,#singleInput textarea{width:100%;font:inherit;color:var(--ink);border:1px solid #9cb6bf;border-radius:8px;padding:12px;background:#fff}#singleInput textarea{resize:vertical}#singleInput input[aria-invalid=true],#singleInput textarea[aria-invalid=true]{border:2px solid #b72328}