/* Minimal helpers; Tailwind provides most styling */
:root { color-scheme: dark; }
html, body { height: 100%; background:#0a0a0f; }
input, button, select, textarea { outline: none; }
.card { border-radius: 1rem; padding: 1rem; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); }
.btn { border-radius: .75rem; padding: .6rem 1rem; border: 1px solid rgba(255,255,255,.14); }
.btn-primary { background: #1f2937; }
.btn-ghost { background: transparent; }
.grid-auto-fill { display:grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .75rem; }
.rating input { appearance: none; width: 2rem; height: 2rem; border-radius: .5rem; border:1px solid rgba(255,255,255,.1); }
.rating input:checked { background: #2563eb; }
.sticky-footer { position: sticky; bottom: 0; background: rgba(10,10,15,.85); backdrop-filter: blur(8px); }