* {
	box-sizing: border-box;
	margin: 0;
}

html {
	font-family: system-ui, sans-serif;
	line-height: 1.5;
}

body {
	min-block-size: 100svh;
	display: grid;
	grid-template-rows: auto 1fr;
}

h1 {
	margin: 4px;
	line-height: 1.2;

	&:empty::after {
		content: "name";
		color: #888;
	}
}

output {
	margin: 4px;

	a {
		color: black;
		text-decoration: none;
	}
}

textarea {
	resize: none;
	border: none;
	outline: none;
	font: inherit;
}

footer {
	a {
		position: fixed;
		inset-block-end: 16px;
		inset-inline-end: 16px;

		display: grid;
		aspect-ratio: 1/1;
		inline-size: fit-content;
		padding: 8px;
		border: 4px solid black;
		border-radius: 50%;
		background-color: white;

		svg {
	    fill: none;
	    stroke: black;
	    stroke-width: 2;
	    stroke-linecap: round;
	    stroke-linejoin: round;
		}
	}
}