:root{font-family:Arial,Helvetica,sans-serif;color:#18352b;background:#f7f9f8;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:860px;margin:40px auto;padding:0 24px 64px}header{margin-bottom:22px}h1{font-size:32px;margin:8px 0 12px}h2{font-size:21px}.eyebrow{font-size:12px;letter-spacing:.15em;color:#426657}.note,.muted{color:#5c6e66;font-size:14px;line-height:1.5}.toolbar{display:flex;gap:18px;align-items:end;margin:24px 0 16px}.toolbar label{flex:1}.notice{padding:16px;background:#edf5f0;line-height:1.5;border-left:3px solid #166647}.notice.live{background:#fff5dd;border-color:#ad7513}fieldset{border:1px solid #d8e2dc;border-radius:6px;margin:22px 0;padding:20px;background:white}legend{font-weight:700;padding:0 8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}label{display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.4}input,select{width:100%;border:1px solid #a9bdb2;border-radius:4px;padding:11px;font:inherit;color:inherit;background:white;min-width:0}input:focus,select:focus{outline:2px solid #5a9674;outline-offset:2px}.check{flex-direction:row;align-items:start;margin:12px 0}.check input{width:18px;height:18px;margin:1px 5px 0 0;flex:0 0 auto}button,.button{font:inherit;display:inline-block;background:#0b603d;color:#fff;padding:12px 20px;border:1px solid #0b603d;border-radius:4px;cursor:pointer;text-decoration:none;font-weight:600}.secondary{background:transparent;color:#0b603d}.toolbar button{white-space:nowrap}button:disabled{opacity:.55;cursor:wait}#result{padding:22px;margin:24px 0;background:#edf5f0}.errors{padding:15px;margin:20px 0;background:#fff0ed;color:#8f2e1a;white-space:pre-line;line-height:1.5}#reset{margin-top:12px}[hidden]{display:none!important}@media(max-width:620px){main{margin:24px auto;padding:0 16px 40px}.grid{grid-template-columns:1fr;gap:16px}.toolbar{align-items:stretch;flex-direction:column;gap:12px}fieldset{padding:16px}h1{font-size:28px}button,.button{width:100%;text-align:center}}