/* The demo's own bits: the bar above the app and the "Choose who to be" card. */
.demo-bar{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:space-between;padding:7px 16px;
  background:#14302B;color:#E4EDE3;font:500 12.5px/1.4 Inter,system-ui,sans-serif}
.demo-bar b{color:#fff}
.demo-bar-actions{display:flex;gap:8px}
.demo-bar button{font:600 12px Inter,system-ui,sans-serif;color:#14302B;background:#E4EDE3;border:0;border-radius:999px;padding:4px 11px;cursor:pointer}
.demo-bar button:hover{background:#fff}
.demo-picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:14px}
.demo-pick{display:flex;flex-direction:column;gap:3px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);cursor:pointer;font:inherit;color:var(--ink)}
.demo-pick:hover,.demo-pick:focus-visible{border-color:var(--green);background:var(--mist)}
.demo-pick b{font-size:14px} .demo-pick span{font-size:13px;color:var(--soft)} .demo-pick small{font-size:12px;color:var(--faint);line-height:1.4}