:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #f4f1ec; color: #1d1b18; }
@media (prefers-color-scheme: dark) { body { background: #171614; color: #eeeae4; } .card { background: #221f1c; } }
.card { max-width: 32rem; margin: 1rem; padding: 2rem; border-radius: 16px; background: #fff; box-shadow: 0 4px 24px rgb(0 0 0 / 8%); }
.tag { display: inline-block; padding: .2rem .6rem; border-radius: 999px; background: #e9a23b; color: #1d1b18; font-size: .8rem; }
h1 { margin: .5rem 0; }
nav { display: grid; gap: .5rem; margin-top: 1.5rem; }
a { color: #c47a12; font-weight: 600; }