body{margin:0;background:#f5f8f4;color:#263e37;font:16px/1.8 system-ui,sans-serif}main{max-width:850px;margin:7vh auto;padding:32px;background:#fff;border:1px solid #d7e2da;border-radius:24px}nav{display:flex;gap:12px;flex-wrap:wrap}a{color:#24644f}.button{display:inline-block;background:#28664e;color:white;text-decoration:none;padding:10px 22px;border-radius:10px}h1{line-height:1.4}.tag{color:#477862;font-size:14px}li{margin:8px 0}@media(max-width:700px){main{margin:20px;padding:22px}}label{display:block;margin:14px 0}input:not([type=checkbox]){display:block;box-sizing:border-box;width:100%;padding:10px;border:1px solid #a6bfb2;border-radius:8px;font:inherit}button{border:0;font:inherit;cursor:pointer}button:disabled{opacity:.5}#result{white-space:pre-wrap}