:root{font-family:system-ui,sans-serif;color:#18302d;background:#edf2ef}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:36px auto;padding:24px}header strong{font-size:32px;color:#18302d}header span{color:#477d24}header p{color:#52645e}section{background:white;padding:28px;border:1px solid #d5ded8;border-radius:14px;margin-top:20px}h1{font-size:24px;margin:0 0 20px}h2{font-size:19px}.notice{padding:18px;border-left:4px solid #709e38;background:#f9fcef;line-height:1.6}label{display:block;margin:18px 0;font-weight:600}input{display:block;width:100%;font:inherit;padding:12px;margin-top:7px;border:1px solid #81968c;border-radius:7px}button{font:inherit;border:0;border-radius:7px;padding:13px 18px;background:#315e26;color:white;cursor:pointer}button.secondary{background:#e4ece7;color:#18302d}button:disabled{opacity:.5;cursor:default}.bar{display:flex;gap:20px;justify-content:space-between;align-items:start}p,li{line-height:1.6}#status{font-weight:600}li{margin:5px 0}[hidden]{display:none!important}@media(max-width:600px){main{margin:12px auto;padding:15px}section{padding:18px}.bar{display:block}.bar button{margin-bottom:15px}}