body { font-family: system-ui, sans-serif; margin: 0; background: #111; color: #eee; }
header { display: flex; justify-content: space-between; padding: 1rem 2rem; background: #1a1a1a; }
nav a { color: #eee; margin-left: 1rem; text-decoration: none; }
main { padding: 2rem; }
.filters { display: flex; gap: .5rem; margin-bottom: 1rem; flex-wrap: wrap; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 1rem; }
.card { background: #1e1e1e; border-radius: 8px; padding: .75rem; }
.card img { width: 100%; border-radius: 6px; }
.no-poster { height: 260px; background: #333; display: flex; align-items: center; justify-content: center; border-radius: 6px; }
.my-rating strong { color: #f5c518; }
.flash { padding: .75rem 1rem; margin: 0 2rem; border-radius: 6px; }
.flash.success { background: #204d20; }
.flash.error { background: #5c1f1f; }