:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17211d;background:#f4f2ea}*{box-sizing:border-box}body{margin:0}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;background:#123b32;color:white}header strong{font-size:1.15rem}
.badge{border:1px solid #ffffff55;border-radius:999px;padding:7px 12px;font-size:.86rem}.wrap{max-width:1000px;margin:34px auto;padding:0 20px}
.card{background:white;border:1px solid #d9ddd7;border-radius:18px;padding:24px;box-shadow:0 12px 30px #20352b0c;margin-bottom:18px}
h1{font-size:clamp(1.8rem,4vw,3rem);margin:.2em 0}.muted{color:#5b6761}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:block;font-weight:650;margin:12px 0 6px}input,textarea,select{width:100%;padding:12px;border:1px solid #aeb9b3;border-radius:10px;font:inherit;background:white}
textarea{min-height:220px;resize:vertical}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}button{border:0;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer}
button.primary{background:#176a56;color:white}button.secondary{background:#e7eee9;color:#174b3e}button.danger{background:#9b2d28;color:white}button:disabled{opacity:.45;cursor:not-allowed}
.notice{border-left:4px solid #b7861b;background:#fff9e8;padding:12px 14px;border-radius:7px}.result{white-space:pre-wrap;background:#f1f5f2;border-radius:10px;padding:14px;min-height:48px}
.hidden{display:none}.count{text-align:right;font-size:.85rem;color:#5b6761}.security{font-size:.88rem;color:#4e5b55}@media(max-width:700px){.grid{grid-template-columns:1fr}}