/* デモ公開用。実案件の納品時はこのファイルごと不要 */
.demo-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem .9rem;
  padding:.55rem 1rem;background:#2f3a37;color:#fff;font-size:.75rem;line-height:1.6;text-align:center}
.demo-bar strong{display:inline-flex;align-items:center;gap:.45rem;font-size:.6875rem;
  letter-spacing:.14em;font-weight:700}
.demo-bar strong::before{content:"";width:7px;height:7px;border-radius:50%;background:#8fd6b4}
.demo-toast{position:fixed;left:50%;bottom:calc(var(--fixed-cta-h) + 1rem + env(safe-area-inset-bottom,0px));
  z-index:200;max-width:min(92vw,420px);padding:.85rem 1.15rem;background:#2f3a37;color:#fff;
  border-radius:12px;font-size:.8125rem;line-height:1.7;text-align:center;
  box-shadow:0 6px 24px rgba(47,58,55,.28);opacity:0;pointer-events:none;
  transform:translate(-50%,14px);transition:opacity .25s ease,transform .25s ease}
.demo-toast.is-on{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){.demo-toast{transition:none}}