:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; background: Canvas; color: CanvasText; }
main { max-width: 42rem; margin: 0 auto; padding: 1.5rem; line-height: 1.6; }
h1 { line-height: 1.25; }
form { display: grid; gap: .5rem; margin: 1.5rem 0; }
input, button { font: inherit; min-height: 44px; box-sizing: border-box; border: 1px solid currentColor; border-radius: .4rem; padding: .55rem .8rem; }
input { width: 100%; background: Canvas; color: CanvasText; }
button { margin-top: .5rem; cursor: pointer; background: #183f9c; color: #fff; }
button:disabled { opacity: .65; cursor: wait; }
:focus-visible { outline: 3px solid #8d5c00; outline-offset: 3px; }
#receiptResult:not(:empty) { padding: 1rem; border: 2px solid currentColor; border-radius: .4rem; white-space: pre-wrap; overflow-wrap: anywhere; }
a { color: LinkText; }