/* DEMO_MODE banner and toast (observer/demo.py); theme tokens only */
.demo-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 16px;padding:10px 14px;
  border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:var(--r-lg);
  background:color-mix(in srgb,var(--accent) 10%,var(--card));font-size:13px;color:var(--ink)}
.demo-chip{padding:2px 8px;border-radius:999px;background:var(--accent);color:var(--ink-strong);font-weight:600;
  font-size:12px;letter-spacing:.02em}
:root[data-theme="light"] .demo-chip{color:#fff}
.demo-text{flex:1 1 260px;color:var(--muted)}
.demo-cta{color:var(--accent-text);font-weight:600;text-decoration:none;white-space:nowrap}
.demo-cta:hover{text-decoration:underline}
.demo-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:1000;max-width:min(92vw,520px);
  padding:12px 18px;border-radius:var(--r-lg);background:var(--flash-bg);color:var(--ink);
  border:1px solid var(--line-strong);box-shadow:var(--toast-shadow);font-size:14px;text-align:center}
.demo-toast[hidden]{display:none}