:root { color-scheme: light dark; font-family: system-ui, -apple-system, sans-serif; }
body { margin: 0; padding: 1rem; max-width: 920px; margin-inline: auto; }
header h1 { margin-bottom: 0.25rem; }
.controls { display: flex; gap: 0.5rem; margin: 1rem 0; flex-wrap: wrap; }
.controls input, .controls select { padding: 0.5rem; font-size: 1rem; }
.controls button { padding: 0.5rem 0.75rem; font-size: 1rem; cursor: pointer; }
#offers { display: grid; gap: 0.75rem; }
.offer-card { border: 1px solid #334155; border-radius: 8px; padding: 0.75rem; }
.offer-top { display: flex; justify-content: space-between; gap: 1rem; align-items: baseline; }
.meta { display: flex; gap: 0.75rem; font-size: 0.9rem; opacity: 0.9; margin: 0.5rem 0; }