body {
  -webkit-tap-highlight-color: transparent;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}

.page { display: none; }
.page.active { display: block; }

input::placeholder { color: #64748b; }

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.receipt-card {
  animation: fadeIn 0.2s ease-out;
}