:root { font: 16px/1.5 system-ui, sans-serif; color: #1f2937; background: #f8fafc; } main { max-width: 900px; margin: 0 auto; padding: 32px 20px; } h1 { margin-bottom: 0; } section { background: white; padding: 18px; margin-top: 20px; border-radius: 10px; box-shadow: 0 1px 3px #cbd5e1; } label { display: block; margin: 8px 0; } input { box-sizing: border-box; padding: 8px; width: 100%; } button, .button { display: inline-block; padding: 8px 12px; background: #0369a1; color: white; border: 0; border-radius: 5px; cursor: pointer; text-decoration: none; } #auth-status { min-height: 1.5em; color: #475569; } .filters { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr auto; gap: 8px; } li { margin: 12px 0; } small { color: #64748b; } @media (max-width:700px) { .filters { grid-template-columns: 1fr; } }