:root { font: 18px/1.4 system-ui, sans-serif; color: #102a43; background: #f5f7fa; }
main { max-width: 760px; margin: auto; padding: 1rem; } section, header { background: white; border-radius: .6rem; padding: 1rem; margin-bottom: 1rem; box-shadow: 0 1px 4px #bcccdc; }
.scanner { border: 4px solid #1565c0; } input { display: block; box-sizing: border-box; width: 100%; min-height: 4rem; padding: .7rem; font-size: 1.5rem; }
button { min-height: 3.5rem; margin: .25rem; padding: .5rem 1rem; font-size: 1rem; } #status.ok { color: #087f23; } #status.error { color: #b00020; font-weight: 700; }
pre { white-space: pre-wrap; } @media (max-width: 600px) { :root { font-size: 16px; } main { padding: .5rem; } button { width: 100%; margin: .25rem 0; } }