:root { color-scheme: light dark; }
body { font-family: system-ui, sans-serif; margin: 0 auto; max-width: 34rem; padding: 1rem; }
nav { display: flex; gap: 1rem; margin-bottom: 1.5rem; }
fieldset { border: 1px solid currentColor; border-radius: .5rem; margin: 0 0 .75rem; }
label { display: block; margin: .35rem 0; }
button { font-size: 1rem; padding: .6rem 1.2rem; border-radius: .5rem; cursor: pointer; }
.hint { opacity: .7; }
.card { border: 1px solid currentColor; border-radius: .75rem; padding: 1rem; margin: 1rem 0; }
.card .amount { font-size: 2rem; font-weight: 600; }
.actions { display: flex; gap: .75rem; }
.actions button { flex: 1; }