*{box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#f3f6f3;color:#1d3024;margin:0}main{max-width:680px;margin:auto;padding:22px 18px 100px}h1{font-size:24px;margin:8px 0}p{line-height:1.5}.small{font-size:13px;color:#53635a}input[type=search]{width:100%;font:inherit;font-size:16px;padding:13px;border:1px solid #b7c6bc;border-radius:10px;background:white;margin:12px 0}label.item{display:flex;align-items:center;gap:14px;padding:15px 12px;background:white;border-bottom:1px solid #e1e8e2;min-height:62px}label.item input{width:22px;height:22px;flex-shrink:0}label.item span{display:block}.list{border:1px solid #d4dfd6;border-radius:12px;overflow:hidden}button{font:inherit;min-height:44px;border:1px solid #b7c6bc;border-radius:9px;padding:10px 14px;background:white;color:inherit}.primary{background:#28533e;color:white;border:0}.footer{position:sticky;bottom:0;background:#f3f6f3;padding:14px 18px;border-top:1px solid #d4dfd6;max-width:680px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.alert{padding:12px;border-radius:8px;background:#fff1e8;color:#753414}.ok{background:#e2f2e6;color:#244b32}.tools{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}button:disabled{opacity:.55}#result:empty{display:none}.empty{padding:20px;background:white}small{display:block}a{color:#28533e}

.footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}button,input{touch-action:manipulation}
.footer{flex-wrap:wrap}.actions{display:flex;gap:8px;align-items:center}.actions button{white-space:nowrap}@media(max-width:440px){.footer>span{width:100%}.actions{width:100%}.actions button{flex:1}}