:root{font:17px/1.6 system-ui,sans-serif;color:#17372f;background:#edf3ef}body{margin:0}main{max-width:820px;margin:auto;padding:32px 20px 64px}h1{font-size:clamp(1.8rem,6vw,2.6rem);line-height:1.2}h2{font-size:1.25rem}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em}section{padding:20px 24px;margin:22px 0;background:white;border:1px solid #cbd8cf;border-radius:14px}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}button{font:inherit;line-height:1.3;background:#17583e;color:white;border:0;border-radius:8px;padding:12px 16px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #b28e12;outline-offset:3px}input{display:block;max-width:100%;margin-top:10px}img{display:block;max-width:100%;max-height:420px;margin-top:20px;object-fit:contain}img[hidden]{display:none}dl{overflow-wrap:anywhere}dt{font-weight:700;margin-top:12px}dd{margin:0}.note{font-size:.9rem;color:#496056}.error{color:#9a2828}
.result{background:#e9f8ee;border:2px solid #226843;border-radius:12px;padding:18px;margin:16px 0}.result[hidden]{display:none}.result h3{margin-top:0}.result p{overflow-wrap:anywhere}#result-count{font-size:1.2rem;font-weight:700}