:root{font-family:system-ui,-apple-system,sans-serif;color:#163c30;background:#f4f7f3;font-size:17px}*{box-sizing:border-box}main{max-width:980px;margin:35px auto;padding:16px}header{margin:0 auto 24px;max-width:540px}h1{font-size:27px;margin:0}header p{color:#826400;margin:6px 0}h2{font-size:23px;margin:0 0 12px}.card{max-width:540px;margin:0 auto 20px;padding:25px;background:white;border:1px solid #d9e4dc;border-radius:14px}.wide{max-width:none}label{display:block;margin:16px 0;font-weight:600}input{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #aac5b6;border-radius:7px;font:inherit}button{font:inherit;padding:11px 17px;border:0;border-radius:7px;background:#006b4f;color:white;cursor:pointer}button:disabled{opacity:.5}nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}a{color:#006b4f}#submit{width:100%;background:#977400}#message{line-height:1.5;white-space:pre-wrap}.error{color:#a12626}.user{padding:16px 0;border-bottom:1px solid #d9e4dc;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.user span{flex:1;min-width:180px;overflow-wrap:anywhere}.user button{font-size:15px;padding:9px}.user small{display:block;color:#576c61;margin-top:4px}li{margin:10px 0;overflow-wrap:anywhere}[hidden]{display:none!important}:focus-visible{outline:3px solid #b58b00;outline-offset:3px}