:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body { font-family: system-ui, sans-serif; margin: 0; padding: 2rem; line-height: 1.5; }
main { max-width: 800px; margin: 0 auto; }
.note { opacity: .7; }
#grid { list-style: none; padding: 0; display: grid; gap: .75rem; }
.card { display: flex; justify-content: space-between; padding: .75rem 1rem; border: 1px solid currentColor; }
.empty { opacity: .6; }