:root{font-family:system-ui,sans-serif;color:#34231d;background:#fff8ed;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{background:#34231d;color:#fff8ed;padding:.85rem 1rem;display:flex;justify-content:space-between;gap:1rem}header span{color:#f4cb84;font-size:.85rem}main{max-width:54rem;margin:auto;padding:1rem 1rem 6rem}h1,h2{line-height:1.2}article,form{padding:1rem;margin-bottom:1rem;background:#fffdf8;border:1px solid #ebdcc7;border-radius:14px;overflow-wrap:anywhere}article form{border:0;padding:0;margin:0}label{display:block;margin-bottom:.75rem}input,textarea,button,nav a,.links a{font:inherit;min-height:46px}input,textarea{display:block;width:100%;padding:.5rem;border:1px solid #866b59;border-radius:8px}textarea{min-height:9rem}button{cursor:pointer;padding:.55rem .8rem;border:0;border-radius:8px;background:#6e4a36;color:white}a{color:#63402e}img{display:block;width:min(100%,22rem);height:auto;border-radius:10px}dt{text-transform:capitalize;font-weight:600}dd{margin:0 0 .6rem}.actions,.links{display:flex;flex-wrap:wrap;gap:.5rem}.actions{position:sticky;bottom:3.8rem;background:#fffdf8;padding:.35rem 0}.links a,nav a{display:grid;place-content:center;padding:.45rem}nav{position:fixed;z-index:2;bottom:0;left:0;width:100%;display:flex;justify-content:space-evenly;background:#ebdcc7;padding:.25rem .25rem max(.25rem,env(safe-area-inset-bottom))}progress{width:100%}