:root { color-scheme: light; }
body { margin: 0; font-family: system-ui, sans-serif; background: #f7f7f5; color: #1a1a1a; }
main { max-width: 40rem; margin: 0 auto; padding: 4rem 1.5rem; }
h1 { font-size: 2rem; margin: 0 0 .5rem; }
ul { list-style: none; padding: 0; margin: 2rem 0 0; }
li { margin: 0 0 .75rem; }
li a { display: block; padding: 1rem 1.25rem; background: #fff; border: 1px solid #e2e2de;
       border-radius: .5rem; text-decoration: none; color: inherit; font-weight: 600; }
li a:hover { border-color: #1a1a1a; }
.empty { color: #777; padding: 1rem 0; }