html, body { -webkit-tap-highlight-color: transparent; }
* { box-sizing: border-box; }
body {
  margin: 0;
  padding-bottom: env(safe-area-inset-bottom);
  background: #FBF1DA;
  color: #12263A;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Toast */
.toast-enter-active, .toast-leave-active { transition: all .25s ease; }
.toast-enter-from, .toast-leave-to { opacity: 0; transform: translateY(12px); }

/* Figurinhas (selos) */
.chip { transition: transform .08s ease, box-shadow .12s ease; }
.chip:active { transform: scale(0.9); }
.chip:disabled { opacity: .55; cursor: default; }

/* Spinner */
.spin { animation: spin 1s linear infinite; width: 18px; height: 18px; }
@keyframes spin { to { transform: rotate(360deg); } }