/* The public demo's additions to both pages (added by tools/build-demo.mjs). */

/* A "Demo" tag fixed in the bottom-left corner (Mari, 2026-10-25; it sat
   after the name in the header before). Under the drawer and pop-ups, like
   the grocery button, and clicks go through it. */
[data-demo] body::after{
  content:"Demo";
  position:fixed;
  left:var(--space-16);
  bottom:calc(var(--space-16) + env(safe-area-inset-bottom));
  z-index:19;
  padding:2px var(--space-8);
  border-radius:var(--radius-base);
  background:var(--selection-surface);
  color:var(--selection-text);
  font:var(--type-support);
  font-weight:600;
  pointer-events:none;
}

/* The toast's "Demo site: no AI was used…" line goes under the message */
[data-demo] #toast{ white-space:pre-line; }