:root{font-family:Arial,sans-serif;color:#172a3b;background:#eef3f8;font-size:15px}*{box-sizing:border-box}body{margin:0;padding:24px 16px 60px}.wrap{max-width:850px;margin:auto}header{background:#112b40;color:white;padding:26px 30px;border-radius:16px 16px 0 0}header small{color:#9dd8ca;font-weight:bold;letter-spacing:.1em}h1{font-size:27px;margin:10px 0}header p{color:#d0deea;line-height:1.5;margin:0}.card{background:white;padding:24px 30px;margin-bottom:16px;border-radius:12px}.card.first{border-radius:0 0 12px 12px}h2{font-size:18px;margin:0 0 20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}label{font-weight:600;display:block;margin-bottom:7px}input,select,textarea{font:inherit;width:100%;border:1px solid #b8c9d7;border-radius:7px;padding:11px;background:white;color:#172a3b}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #b9e2db;border-color:#16715f}.hint{font-size:12px;color:#586b7b;margin:6px 0 0;line-height:1.5}.role-summary{background:#edf6f3;padding:16px;border-radius:8px;line-height:1.65;white-space:pre-wrap;margin-top:18px}.notice{padding:16px;border-radius:8px;margin:16px 0;background:#e9f4ef;line-height:1.5;white-space:pre-wrap}.error{background:#fff0ee;color:#973c2e}.hidden{display:none!important}.check{display:flex;align-items:flex-start;gap:12px;line-height:1.5}.check input{width:20px;margin-top:3px}.check label{font-weight:400}button{font:inherit;font-weight:bold;border:0;border-radius:8px;padding:14px 24px;background:#126e5b;color:white;cursor:pointer}button:disabled{background:#91a2ad;cursor:default}.secondary{background:#e7eef3;color:#17374d}footer{font-size:12px;color:#607484;margin:20px 6px}.busy{opacity:.7;pointer-events:none}#resultId{font-family:monospace;word-break:break-all}@media(max-width:600px){.grid{grid-template-columns:1fr}.card,header{padding:22px 18px}h1{font-size:23px}}