:root{font-family:system-ui,sans-serif;color:#18302a;background:#f3f6f4;line-height:1.5}body{margin:0}header,main{max-width:760px;margin:auto;padding:24px}h1{font-size:2rem;line-height:1.2}h2{font-size:1.2rem}section{background:white;border:1px solid #d8e2dd;border-radius:16px;padding:24px;margin-bottom:20px}form{display:grid;gap:12px;margin:16px 0}label{display:grid;gap:6px}input,button{font:inherit;border:1px solid #abbfb3;border-radius:8px;padding:10px;box-sizing:border-box;max-width:100%;min-width:0}button{background:#1e6450;color:white;cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:#155942;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:10px}li{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0;border-bottom:1px solid #ddd}li span{flex:1;overflow-wrap:anywhere}ul{padding:0;list-style:none}#message{position:sticky;bottom:0;padding:16px;background:#e4eee8;border:1px solid #b8cbbb;border-radius:10px;overflow-wrap:anywhere}#message[data-error=true]{background:#fff0ee;color:#802d21}summary{cursor:pointer}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #81bfa4;outline-offset:3px}[hidden]{display:none!important}@media(max-width:480px){header,main{padding:16px}section{padding:16px}}