body { font-family: system-ui, sans-serif; margin: 0; color: #222; background: #fff; }
main { max-width: 40rem; margin: 0 auto; padding: 1rem; }
.menu { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; padding: .75rem 1rem; border-bottom: 1px solid #ddd; }
.menu form { margin-left: auto; }
input, button { font: inherit; padding: .5rem; }
.errorlist { color: #b00020; padding-left: 1rem; }
.cabecalho { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.filtros { display: flex; flex-wrap: wrap; gap: .75rem; }
.filtros [aria-current] { font-weight: 700; }
.posts { list-style: none; padding: 0; }
.post-linha { padding: .75rem 0; border-bottom: 1px solid #eee; display: flex; flex-direction: column; }
.post-linha .meta { color: #666; font-size: .9rem; }
@media (prefers-color-scheme: dark) { body { background: #151515; color: #eee; } .menu { border-color: #444; } a { color: #8ab4f8; } .post-linha { border-color: #333; } }