/* Fuel log: a dashboard cluster. Two dials' worth of big numbers on a charcoal band, amber like a fuel gauge. */
:root { --page: #f0f0ec; --card: #ffffff; --ink: #181816; --soft: #5d5d57; --line: #d8d8d0; --field: #e9e9e4; --act: #b25e00; --on-act: #ffffff; --stop: #b3261e; color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --page: #121210; --card: #1c1c19; --ink: #ecece6; --soft: #a5a59c; --line: #33332e; --field: #121210; --act: #ffb547; --on-act: #2e1a00; --stop: #ff8a80; color-scheme: dark; }
}
.dash { grid-template-columns: repeat(2, minmax(0, 1fr)); background: #1d1e21; color: #f3f3ef; border-radius: 14px; padding: 18px; }
.dash div { display: grid; gap: 2px; } .dash .soft { color: #b9bab3; } .dash .big { color: #ffb547; font-size: clamp(34px, 10vw, 52px); }
form.card > button { justify-self: start; }
#list small { color: var(--soft); }